feat: 调整微信风格明暗主题并完整展示详情图片

src/styles.css

@@ -1,12 +1,12 @@
 @import 'tailwindcss';
 
-/* 黑白工作台主题：业务排版保留，全部颜色由语义变量控制。 */
+/* 微信风格明暗主题：灰阶表面搭配绿色操作态，业务排版保持不变。 */
 @theme {
     --color-ink: var(--app-ink);
     --color-muted: var(--app-muted);
     --color-faint: var(--app-muted);
     --color-line: var(--app-border);
-    --color-accent: var(--app-ink);
+    --color-accent: var(--app-accent-text);
     --color-danger: var(--app-danger);
     --color-success: var(--app-success);
     --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
@@ -18,7 +18,7 @@
     }
     body {
         margin: 0;
-        background: var(--app-subtle);
+        background: var(--app-body);
         color: var(--color-ink);
         font-family: var(--font-sans);
         -webkit-font-smoothing: antialiased;
@@ -57,7 +57,8 @@
         outline-offset: 1px;
     }
     ::selection {
-        background: var(--app-border);
+        background: var(--app-selected);
+        color: var(--app-ink);
     }
 }
 
@@ -151,12 +152,12 @@
             border-color 0.15s;
     }
     .button-primary {
-        background: var(--color-accent);
-        color: var(--app-inverse);
-        border-color: var(--color-accent);
+        background: var(--app-accent);
+        color: var(--app-on-accent);
+        border-color: var(--app-accent);
     }
     .button-primary:hover:not(:disabled) {
-        background: var(--app-ink);
+        background: var(--app-accent-hover);
     }
     .button-secondary {
         background: var(--app-surface);