优化商店

resources/views/chat/partials/layout/toolbar.blade.php

@@ -438,6 +438,14 @@
         flex: 1;
     }
 
+    .shop-validity {
+        margin-top: 2px;
+        font-size: 10px;
+        line-height: 1.4;
+        color: #6b7280;
+        font-weight: normal;
+    }
+
     /* 装扮Tab购买说明 */
     .decoration-note {
         font-size: 11px;
@@ -460,13 +468,6 @@
         border-radius: 8px;
     }
     .decoration-status.active { background: #065f46; color: #6ee7b7; }
-    .decoration-status.expired { background: #7f1d1d; color: #fca5a5; }
-    /* 装扮有效期提示 */
-    .decoration-duration {
-        font-size: 10px;
-        color: #6366f1;
-        margin-top: 2px;
-    }
     .decoration-expiry { font-size: 10px; color: #9ca3af; margin-top: 2px; }
 
     .shop-btn {

resources/views/chat/partials/shop-panel.blade.php

@@ -137,18 +137,11 @@
     }
 
     .shop-validity {
-        display: inline-flex;
+        margin-top: 2px;
-        align-items: center;
+        color: #8b93a7;
-        width: fit-content;
-        margin-top: 4px;
-        padding: 1px 6px;
-        border-radius: 999px;
-        background: rgba(79, 70, 229, .18);
-        border: 1px solid rgba(129, 140, 248, .42);
-        color: #c7d2fe;
         font-size: 9px;
-        font-weight: 700;
+        font-weight: normal;
-        line-height: 1.5;
+        line-height: 1.35;
     }
 
     /* 购买按钮 */