feat(web): 对齐 Alright 主题视觉规范（配色/字体/图标/背景/动效），并补充设计规范文档

stash-web/src/index.css

@@ -1,24 +1,37 @@
 :root {
-  --bg-color: #f7f9fb;
+  /* ---------- 颜色：取自 Alright 主题的设计变量 ---------- */
+  --bg-color: #f7f8fa;
   --card-bg: #ffffff;
-  --primary-color: #3b82f6;
-  --primary-soft: #eff6ff;
-  --text-main: #1e293b;
-  --text-sub: #64748b;
-  --text-muted: #94a3b8;
-  --border-color: #e2e8f0;
+  --primary-color: #3858f6;
+  --primary-soft: rgba(56, 88, 246, 0.1);
+  --text-main: #1d2129;
+  --text-sub: #4e5969;
+  --text-muted: #86909c;
+  --border-color: #f6f6f6;
+  --border-strong: #eeeeee;
+  --danger: #ff3e3e;
+  --orange: #ffba3a;
+  --green: #4abd86;
+
+  --radius-sm: 6px;
   --radius-main: 12px;
-  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);
-  --shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.06), 0 4px 6px rgba(0, 0, 0, 0.03);
+  --radius-lg: 24px;
+
+  /* 主题的阴影很轻：0 6px 16px rgba(27,26,49,2%) */
+  --shadow-card: 0 6px 16px rgba(27, 26, 49, 0.02);
+  --shadow-hover: 0 6px 16px rgba(27, 26, 49, 0.06);
 
   --sidebar-width: 240px;
   --top-nav-height: 60px;
   /* 内容区最大宽度，宽屏时整体居中 */
-  --layout-max-width: 1280px;
+  --layout-max-width: 1380px;
+  /* 内容列顶部让位高度（给悬浮搜索框），侧栏首卡与内容首卡都按它对齐 */
+  --content-top-offset: 52px;
 
+  /* 主题正文用霞鹜文楷（与演示站同一份 webfont），缺失时回退系统字体 */
   --font-sans:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-    'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
+    'LXGW WenKai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans CN', sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
 
   font-family: var(--font-sans);