refactor(ui): 去 AI 味,重做为报刊赛程版视觉

- 色板收敛为纸白/暖墨/印报红三色,移除默认 Tailwind 蓝
- 队名彩色哈希块、shimmer/ping/fade-up 动效、圆角卡片阵全部移除
- 报头改为双线+居中宋体刊名+报眉日期行
- 赛程列表表格化:细线分行,联赛改为文字版面切换
- 预测版:方正墨线框,大号宋体比分,胜平负改文字行,专家意见改汉字编号折叠行,终裁改红竖线引文
- 修复:桌面状态列 sm:contents 错位;移动端对阵未同行

frontend/src/index.css

@@ -9,13 +9,18 @@
   }
 
   body {
-    @apply bg-ink-100 text-ink-800 antialiased;
+    @apply bg-paper-50 text-ink-800 font-sans antialiased;
     font-feature-settings: 'tnum' 1; /* 数字等宽:比分/百分比不跳动 */
   }
 
-  /* 统一焦点环,键盘可达性 */
+  ::selection {
+    @apply bg-press-wash text-press;
+  }
+
+  /* 统一焦点环:印报红细线,键盘可达 */
   :focus-visible {
-    @apply outline-none ring-2 ring-brand-500/40 ring-offset-1 ring-offset-white;
+    outline: 2px solid #9e1b1b;
+    outline-offset: 2px;
   }
 
   /* 细滚动条 */
@@ -27,7 +32,7 @@
     background: transparent;
   }
   ::-webkit-scrollbar-thumb {
-    @apply rounded-pill bg-ink-300/70;
+    @apply rounded-full bg-ink-300;
   }
   ::-webkit-scrollbar-thumb:hover {
     @apply bg-ink-400;
@@ -46,53 +51,52 @@
 }
 
 @layer components {
-  /* ── 卡片 ── */
-  .card {
-    @apply rounded-card border border-ink-200 bg-white shadow-card;
+  /* ── 报头双线:粗线在上、细线在下 ── */
+  .masthead-rule {
+    border-top: 3px solid #17140f;
   }
 
-  /* ── 按钮 ── */
+  /* ── 按钮:方正边框式,悬停反白 ── */
   .btn {
-    @apply inline-flex items-center justify-center gap-1.5 rounded-lg px-3.5 py-2
-           text-sm font-medium transition-colors duration-150
-           disabled:cursor-not-allowed disabled:opacity-50;
-  }
-  .btn-primary {
-    @apply btn bg-brand-600 text-white shadow-sm hover:bg-brand-700 active:bg-brand-800;
-  }
-  .btn-ghost {
-    @apply btn border border-ink-200 bg-white text-ink-700 hover:bg-ink-50 hover:border-ink-300;
+    @apply inline-flex items-center justify-center gap-1.5 border border-ink-300 bg-transparent px-3 py-1.5
+           text-sm text-ink-700 transition-colors duration-150
+           hover:border-ink-900 hover:bg-ink-900 hover:text-paper-50
+           disabled:cursor-not-allowed disabled:opacity-40
+           disabled:hover:border-ink-300 disabled:hover:bg-transparent disabled:hover:text-ink-700;
   }
   .btn-sm {
-    @apply px-3 py-1.5 text-xs;
+    @apply px-2.5 py-1 text-xs;
+  }
+  .btn-solid {
+    @apply border-ink-900 bg-ink-900 text-paper-50 hover:border-press hover:bg-press;
   }
 
-  /* ── 表单控件 ── */
+  /* ── 表单控件:方正、无圆角 ── */
   .field {
-    @apply rounded-lg border border-ink-200 bg-white px-3 py-2 text-sm text-ink-800
-           transition-colors hover:border-ink-300
-           focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-500/20;
+    @apply border border-ink-300 bg-transparent px-2.5 py-1.5 text-sm text-ink-800
+           transition-colors hover:border-ink-400
+           focus:border-press focus:outline-none;
   }
 
-  /* ── 状态胶囊 ── */
-  .pill {
-    @apply inline-flex items-center gap-1 rounded-pill px-2 py-0.5 text-2xs font-medium;
+  /* ── 版面切换文字标签(联赛/状态/模式) ── */
+  .tab {
+    @apply whitespace-nowrap px-0.5 py-1 text-sm text-ink-500 transition-colors hover:text-ink-900;
+  }
+  .tab-on {
+    @apply font-medium text-press;
+  }
+  .tab-on::after {
+    content: '';
+    @apply absolute inset-x-0 bottom-0 h-0.5 bg-press;
   }
 
-  /* ── 骨架屏 ── */
+  /* ── 小节标题:宋体加粗 + 墨色底线 ── */
+  .section-head {
+    @apply border-b border-ink-900 pb-1.5 font-serif text-sm font-bold text-ink-900;
+  }
+
+  /* ── 骨架占位:低调脉动,不用渐变扫光 ── */
   .skeleton {
-    @apply rounded bg-gradient-to-r from-ink-200 via-ink-100 to-ink-200
-           bg-[length:200%_100%] animate-shimmer;
-  }
-
-  /* ── 分段控件(模式切换) ── */
-  .segment {
-    @apply rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-150;
-  }
-  .segment-on {
-    @apply bg-white text-brand-700 shadow-sm;
-  }
-  .segment-off {
-    @apply text-ink-500 hover:text-ink-700;
+    @apply animate-pulse rounded-none bg-ink-200;
   }
 }