diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index 4d19f11..2a0ee35 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -25,8 +25,9 @@
 
   --list-item-price-color: #eee;
   --list-item-buy-link-color: #ffc300;
-  --public-note-tag-color: #ddd;
-  --public-note-tag-bg: #6a7efc;
+  --public-note-tag-color: #ccc;
+  // --public-note-tag-bg: #6a7efc;
+  --public-note-tag-bg: linear-gradient(125deg, #8f94fb, #4e54c8);
 
   // 针对1440px以下的屏幕
   @media screen and (max-width: 1440px) {
diff --git a/src/views/components/server-detail/server-info-box.vue b/src/views/components/server-detail/server-info-box.vue
index b4fafc3..32b9656 100644
--- a/src/views/components/server-detail/server-info-box.vue
+++ b/src/views/components/server-detail/server-info-box.vue
@@ -595,7 +595,8 @@ const processCount = computed(() => props.info?.State?.ProcessCount);
       line-height: 20px;
       font-size: 12px;
       color: var(--public-note-tag-color);
-      background-color: var(--public-note-tag-bg);
+      background: var(--public-note-tag-bg);
+      text-shadow: 1px 1px 2px rgba(#000, 0.2);
       border-radius: 4px;
     }
   }
diff --git a/src/views/components/server-detail/server-monitor.vue b/src/views/components/server-detail/server-monitor.vue
index 3fa2b79..73421c5 100644
--- a/src/views/components/server-detail/server-monitor.vue
+++ b/src/views/components/server-detail/server-monitor.vue
@@ -480,7 +480,7 @@ onUnmounted(() => {
     align-items: center;
     // padding: 0 10px;
     height: var(--minute-item-height);
-    background: rgba(#fff, 0.1);
+    background: rgba(#fff, 0.2);
     border-radius: calc(var(--minute-item-height) / 2);
 
     .minute-item {
diff --git a/src/views/components/server-list/server-list-item-bill.vue b/src/views/components/server-list/server-list-item-bill.vue
index b4ea0d9..1837fe6 100644
--- a/src/views/components/server-list/server-list-item-bill.vue
+++ b/src/views/components/server-list/server-list-item-bill.vue
@@ -109,7 +109,8 @@ const tagList = computed(() => {
   if (props?.info?.PublicNote?.planDataMod?.extra) {
     list.push(...props.info.PublicNote.planDataMod.extra.split(','));
   }
-  return list;
+  // 列表最多显示5个标签
+  return list.slice(0, 5);
 });
 
 const show = computed(() => {
@@ -186,7 +187,8 @@ const show = computed(() => {
       line-height: 20px;
       font-size: 12px;
       color: var(--public-note-tag-color);
-      background-color: var(--public-note-tag-bg);
+      background: var(--public-note-tag-bg);
+      text-shadow: 1px 1px 2px rgba(#000, 0.2);
       border-radius: 4px;
     }
   }