Merge pull request 'feat: 管理界面报刊风统一改造' (#4) from admin-newspaper into main

Reviewed-on: #4

frontend/package-lock.json

@@ -8,7 +8,6 @@
       "name": "profeto-frontend",
       "version": "0.1.0",
       "dependencies": {
-        "@fontsource/noto-serif-sc": "^5.3.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-router-dom": "^6.30.6"
@@ -710,15 +709,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@fontsource/noto-serif-sc": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmmirror.com/@fontsource/noto-serif-sc/-/noto-serif-sc-5.3.0.tgz",
-      "integrity": "sha512-0/zaEFkidiWldE62rTeD74x8ygUsQvejiSNtO0LQxQk3qpaHnlMZ3w4C7yH80B4KTIg8VKeFP4oSgwWMchY9+g==",
-      "license": "OFL-1.1",
-      "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",

frontend/package.json

@@ -9,7 +9,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fontsource/noto-serif-sc": "^5.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.30.6"

frontend/src/App.tsx

@@ -6,7 +6,7 @@
  * - /admin/* → 管理后台
  */
 
-import { BrowserRouter, Routes, Route, Navigate, Link } from 'react-router-dom'
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 import { ErrorBoundary } from './components/ErrorBoundary'
 import Matches from './pages/Matches'
 import { adminRoutes } from './admin/routes'
@@ -21,47 +21,32 @@ function dateLine(): string {
   })
 }
 
-/** 期号:当年第几天,报纸连载的仪式感 */
-function issueNo(): number {
-  const now = new Date()
-  const start = new Date(now.getFullYear(), 0, 0)
-  return Math.floor((now.getTime() - start.getTime()) / 86400000)
-}
-
 function HomePage() {
   return (
-    // grain: 纸张噪点氛围层;报头、赛程行、预测版各自带 rise-in 入场
-    <div className="grain min-h-screen bg-paper-50">
-      {/* ── 报头:Oxford 双线 + 大字刊名 + 期号报眉 ── */}
-      <header className="masthead-rule rise-in">
+    <div className="min-h-screen bg-paper-50">
+      {/* ── 报头:粗线 + 居中刊名 + 报眉 ── */}
+      <header className="masthead-rule">
         <div className="mx-auto max-w-5xl px-5 sm:px-8">
-          <div className="border-b border-ink-900 py-6 text-center sm:py-8">
-            <h1 className="font-serif text-5xl font-bold leading-none tracking-[0.16em] text-ink-900 sm:text-6xl">
+          <div className="border-b border-ink-900 py-5 text-center sm:py-6">
+            <h1 className="font-serif text-4xl font-bold tracking-widest text-ink-900">
               先知
-              <span className="wordmark ml-3 align-baseline text-base font-normal italic tracking-normal text-ink-500 sm:text-lg">
+              <span className="ml-3 align-baseline font-serif text-base font-normal italic tracking-normal text-ink-500">
                 Profeto
               </span>
             </h1>
-            <p className="mt-3 text-2xs tracking-[0.4em] text-ink-500">
+            <p className="mt-2 text-2xs tracking-[0.4em] text-ink-500">
               足球比分预测 · 五路专家 · 终裁汇总
             </p>
           </div>
           <div className="flex items-center justify-between border-b border-ink-200 py-2 text-2xs text-ink-500">
-            <span className="tabular-nums">
-              <span className="text-ink-700">第 {issueNo()} 期</span>
-              <span className="mx-2 text-ink-300" aria-hidden="true">|</span>
-              {dateLine()}
-            </span>
-            <span className="flex items-center gap-3">
-              <span className="tracking-[0.3em] text-ink-400">体育版</span>
-              <Link
-                to="/admin"
-                className="flex min-h-[32px] items-center gap-1.5 text-press transition-colors hover:text-press-dark"
-              >
-                <span aria-hidden="true">⚙</span>
-                管理后台
-              </Link>
-            </span>
+            <span>{dateLine()}</span>
+            <a
+              href="/admin"
+              className="flex items-center gap-1.5 text-press hover:text-press-dark transition-colors"
+            >
+              <span aria-hidden="true">⚙</span>
+              管理后台
+            </a>
           </div>
         </div>
       </header>

frontend/src/admin/AdminLayout.tsx

@@ -6,7 +6,7 @@
  */
 
 import { useState, useEffect, useCallback } from 'react'
-import { NavLink, Link, Outlet, useLocation } from 'react-router-dom'
+import { NavLink, Outlet, useLocation } from 'react-router-dom'
 import { fetchHealth } from './dal'
 
 const NAV_ITEMS = [
@@ -90,14 +90,14 @@ export default function AdminLayout() {
         <div className="flex items-center justify-between border-b border-ink-900 px-5 py-4">
           <h1 className="font-serif text-lg font-bold tracking-widest text-ink-900">
             先知
-            <span className="wordmark ml-2 align-baseline text-xs font-normal italic tracking-normal text-ink-500">
+            <span className="ml-2 align-baseline font-serif text-xs font-normal italic tracking-normal text-ink-500">
               Profeto
             </span>
           </h1>
           <span className="text-2xs tracking-[0.25em] text-ink-400">ADMIN</span>
         </div>
 
-        {/* 导航:选中项以墨色方块标记(红色只留给异常状态,与前台纪律一致) */}
+        {/* 导航:选中项以印报红方块标记,同前台胜平负选中样式 */}
         <nav className="flex-1 overflow-y-auto px-3 py-4" aria-label="管理导航">
           <ul className="space-y-0.5">
             {NAV_ITEMS.map(item => (
@@ -108,7 +108,7 @@ export default function AdminLayout() {
                   className={({ isActive }) =>
                     `flex min-h-[44px] items-center gap-2.5 px-3 py-2.5 text-sm transition-colors ${
                       isActive
-                        ? 'bg-paper-200/70 font-medium text-ink-900'
+                        ? 'bg-press-wash/60 font-medium text-press'
                         : 'text-ink-500 hover:bg-paper-100 hover:text-ink-900'
                     }`
                   }
@@ -116,7 +116,7 @@ export default function AdminLayout() {
                   {({ isActive }) => (
                     <>
                       <span
-                        className={`inline-block h-1.5 w-1.5 flex-shrink-0 ${isActive ? 'bg-ink-900' : 'bg-transparent'}`}
+                        className={`inline-block h-1.5 w-1.5 flex-shrink-0 ${isActive ? 'bg-press' : 'bg-transparent'}`}
                         aria-hidden="true"
                       />
                       <span className="text-base leading-none opacity-50" aria-hidden="true">
@@ -133,13 +133,13 @@ export default function AdminLayout() {
 
         {/* 底部 */}
         <div className="border-t border-ink-200 px-4 py-3">
-          <Link
-            to="/"
+          <a
+            href="/"
             className="flex min-h-[44px] items-center gap-2 text-xs text-ink-500 transition-colors hover:text-press"
           >
             <span aria-hidden="true">←</span>
             返回前台版面
-          </Link>
+          </a>
         </div>
       </aside>
 
@@ -170,13 +170,13 @@ export default function AdminLayout() {
               />
               {healthOk === null ? '检测中' : healthOk ? '系统正常' : '系统异常'}
             </span>
-            <Link
-              to="/"
+            <a
+              href="/"
               className="text-press transition-colors hover:text-press-dark sm:hidden"
               aria-label="返回前台"
             >
               前台
-            </Link>
+            </a>
           </div>
         </header>
 

frontend/src/index.css

@@ -3,12 +3,6 @@
 @tailwind utilities;
 
 @layer base {
-  /* 原生 CSS 里引用的令牌:与 tailwind.config 保持同步,避免硬编码色值散落 */
-  :root {
-    --c-press: #9E1B1B;
-    --c-ink-900: #17140F;
-  }
-
   html {
     -webkit-text-size-adjust: 100%;
     text-rendering: optimizeLegibility;
@@ -25,7 +19,7 @@
 
   /* 统一焦点环:印报红细线,键盘可达 */
   :focus-visible {
-    outline: 2px solid var(--c-press);
+    outline: 2px solid #9e1b1b;
     outline-offset: 2px;
   }
 
@@ -57,97 +51,43 @@
 }
 
 @layer components {
-  /* ── 报头 Oxford 粗细双线:3px 粗线 + 2px 空 + 1px 细线 ── */
+  /* ── 报头双线:粗线在上、细线在下 ── */
   .masthead-rule {
-    border-top: 3px solid var(--c-ink-900);
-    position: relative;
-  }
-  .masthead-rule::before {
-    content: '';
-    position: absolute;
-    top: 2px;
-    left: 0;
-    right: 0;
-    height: 1px;
-    background: var(--c-ink-900);
+    border-top: 3px solid #17140f;
   }
 
-  /* ── 刊名斜体专用:Georgia 提供真斜体(其 old-style 数字不适合比分,已从主栈让位) ── */
-  .wordmark {
-    font-family: Georgia, 'Times New Roman', serif;
-  }
-
-  /* ── 纵排文字:预测比分两侧的队名,中文报纸原生版面语言 ── */
-  .v-name {
-    writing-mode: vertical-rl;
-    letter-spacing: 0.3em;
-  }
-
-  /* ── 纸张噪点:feTurbulence 颗粒,给纸面一点纤维感 ──
-     加在页面根元素上,fixed 全屏覆盖,不响应指针 */
-  .grain::after {
-    content: '';
-    position: fixed;
-    inset: 0;
-    z-index: 60;
-    pointer-events: none;
-    opacity: 0.04;
-    mix-blend-mode: multiply;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
-  }
-
-  /* ── 入场:整页一次编排好的升起序列 ──
-     只动 opacity/transform;错峰由元素上的 animation-delay 内联指定。
-     隐藏态必须与动画同在一个 no-preference 块里,否则 reduce 用户会看到永久空白 */
-  @media (prefers-reduced-motion: no-preference) {
-    .rise-in {
-      opacity: 0;
-      animation: rise-in 0.48s cubic-bezier(0.16, 1, 0.3, 1) both;
-    }
-  }
-  @keyframes rise-in {
-    from {
-      opacity: 0;
-      transform: translateY(12px);
-    }
-    to {
-      opacity: 1;
-      transform: none;
-    }
-  }
-
-  /* ── 按钮:方正边框式,悬停反白;热区压到 40px(紧凑报纸行距下的折中) ── */
+  /* ── 按钮:方正边框式,悬停反白 ── */
   .btn {
-    @apply inline-flex min-h-[40px] items-center justify-center gap-1.5 border border-ink-300 bg-transparent px-3 py-1.5
+    @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 min-h-[32px] px-2.5 py-1 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 border border-ink-300 bg-transparent px-2.5 py-2 text-sm text-ink-800
-           transition-colors hover:border-ink-400 focus:border-press;
+    @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;
   }
 
-  /* ── 版面切换文字标签(联赛/状态/模式) ──
-     激活态用墨色:印报红只留给 live/终裁/印章/错误,维持 10% 纪律 */
+  /* ── 版面切换文字标签(联赛/状态/模式) ── */
   .tab {
     @apply relative whitespace-nowrap px-0.5 py-1 text-sm text-ink-500 transition-colors hover:text-ink-900;
   }
   .tab-on {
-    @apply font-medium text-ink-900;
+    @apply font-medium text-press;
   }
   .tab-on::after {
     content: '';
-    @apply absolute inset-x-0 bottom-0 h-0.5 bg-ink-900;
+    @apply absolute inset-x-0 bottom-0 h-0.5 bg-press;
   }
 
   /* ── 小节标题:宋体加粗 + 墨色底线 ── */

frontend/src/main.tsx

@@ -1,11 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
-// 中文衬线 webfont:按需子集加载(fontsource 按 unicode-range 切片,只拉用到的字块),
-// font-display: swap 由包内 CSS 自带,不会白屏
-import '@fontsource/noto-serif-sc/400.css'
-import '@fontsource/noto-serif-sc/600.css'
-import '@fontsource/noto-serif-sc/700.css'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(

frontend/src/pages/Matches.tsx

@@ -176,30 +176,6 @@ function OutcomeLine({
   )
 }
 
-/** 状态/模式一组的文字切换(模块级组件:定义在组件体内会每次 render 重建,导致焦点丢失) */
-function Switch({ value, onChange, items }: {
-  value: string
-  onChange: (v: string) => void
-  items: { v: string; label: string; title?: string }[]
-}) {
-  return (
-    <span className="inline-flex items-center gap-2.5">
-      {items.map((it, i) => (
-        <span key={it.v} className="inline-flex items-center gap-2.5">
-          {i > 0 && <span className="text-ink-300" aria-hidden="true">/</span>}
-          <button
-            onClick={() => onChange(it.v)}
-            title={it.title}
-            className={`relative tab ${value === it.v ? 'tab-on' : ''} text-xs`}
-          >
-            {it.label}
-          </button>
-        </span>
-      ))}
-    </span>
-  )
-}
-
 export default function Matches() {
   const [league, setLeague] = useState('E0')
   const [status, setStatus] = useState('scheduled')
@@ -300,6 +276,28 @@ export default function Matches() {
 
   const leagueName = LEAGUES.find(l => l.code === league)?.name ?? league
 
+  /** 状态/模式一组的文字切换 */
+  const Switch = ({ value, onChange, items }: {
+    value: string
+    onChange: (v: string) => void
+    items: { v: string; label: string; title?: string }[]
+  }) => (
+    <span className="inline-flex items-center gap-2.5">
+      {items.map((it, i) => (
+        <span key={it.v} className="inline-flex items-center gap-2.5">
+          {i > 0 && <span className="text-ink-300" aria-hidden="true">/</span>}
+          <button
+            onClick={() => onChange(it.v)}
+            title={it.title}
+            className={`relative tab ${value === it.v ? 'tab-on' : ''} text-xs`}
+          >
+            {it.label}
+          </button>
+        </span>
+      ))}
+    </span>
+  )
+
   return (
     <div className="space-y-5">
       {/* ── 联赛版面切换 ── */}
@@ -370,19 +368,13 @@ export default function Matches() {
         {loading && <SkeletonRows n={4} />}
 
         {!loading && matches.length === 0 && (
-          /* 空态做成报纸「启事」体:外粗线 + 内细线框 */
-          <div className="border-b border-ink-900 py-10 text-center">
-            <div className="mx-auto max-w-sm border border-ink-300 px-6 py-6">
-              <p className="font-serif text-xs tracking-[0.5em] text-ink-500">启事</p>
-              <p className="mt-3 font-serif text-sm font-bold text-ink-800">本版暂无赛程</p>
-              <p className="mt-1.5 text-xs leading-relaxed text-ink-500">
-                请先通过采集接口导入 {leagueName} 的比赛数据，再回到本版查看。
-              </p>
-            </div>
+          <div className="border-y border-ink-200 py-14 text-center">
+            <p className="font-serif text-sm text-ink-600">本版暂无赛程</p>
+            <p className="mt-1.5 text-xs text-ink-400">请先通过采集接口导入 {leagueName} 的比赛数据</p>
           </div>
         )}
 
-        {!loading && matches.map((m, idx) => {
+        {!loading && matches.map(m => {
           const st = STATUS_META[m.match_status] ?? { label: m.match_status, cls: 'text-ink-400' }
           const homeName = m.home_team_zh || m.home_team
           const awayName = m.away_team_zh || m.away_team
@@ -392,17 +384,10 @@ export default function Matches() {
           return (
             <div
               key={m.id}
-              className={`rise-in group relative border-b border-ink-200 px-1 py-3 transition-colors hover:bg-paper-100 ${
+              className={`border-b border-ink-200 px-1 py-3 transition-colors hover:bg-paper-100 ${
                 active ? 'bg-press-wash/50' : ''
               }`}
-              // 入场错峰:60ms 步进,封顶 420ms,长列表不拖沓
-              style={{ animationDelay: `${Math.min(idx * 60, 420)}ms` }}
             >
-              {/* 悬停书签:左缘红刻度,报眼式标记 */}
-              <span
-                aria-hidden="true"
-                className="pointer-events-none absolute inset-y-0 left-0 w-0.5 bg-press opacity-0 transition-opacity duration-150 group-hover:opacity-100"
-              />
               <div className="flex flex-col gap-2 sm:grid sm:grid-cols-[88px_minmax(0,1fr)_64px_minmax(0,1fr)_56px_auto] sm:items-center sm:gap-x-3 sm:gap-y-0">
                 {/* 日期 + 状态:移动端同行,桌面端日期单独归列 */}
                 <div className="flex items-center justify-between sm:contents">
@@ -497,89 +482,6 @@ export default function Matches() {
   )
 }
 
-/** 终裁印章:预测版右上角的红印,全站强调色的点睛之处 */
-function FinalSeal() {
-  return (
-    <span
-      aria-hidden="true"
-      className="absolute right-1 top-0 flex h-9 w-9 -rotate-6 items-center justify-center rounded-[2px] bg-press"
-    >
-      <span className="font-serif text-[13px] font-bold leading-[1.2] tracking-[0.15em] text-paper-50">
-        终裁
-      </span>
-    </span>
-  )
-}
-
-/** 预测比分:版面核心,大号宋体 + 纵排队名 + 终裁印章 */
-function ScoreMast({
-  homeName,
-  awayName,
-  home,
-  away,
-}: {
-  homeName: string
-  awayName: string
-  home: number | null
-  away: number | null
-}) {
-  return (
-    <div className="relative text-center">
-      <FinalSeal />
-      <div className="flex items-center justify-center gap-5 sm:gap-7">
-        <span className="v-name font-serif text-sm text-ink-700">{homeName}</span>
-        <p className="font-serif text-5xl font-bold tabular-nums leading-none text-ink-900 sm:text-6xl">
-          {home ?? '-'}
-          <span className="mx-2 font-normal text-ink-300 sm:mx-3">:</span>
-          {away ?? '-'}
-        </p>
-        <span className="v-name font-serif text-sm text-ink-700">{awayName}</span>
-      </div>
-      <p className="mt-4 text-2xs tracking-[0.5em] text-ink-400">预测比分</p>
-    </div>
-  )
-}
-
-/** 五路专家倾向条:home_edge 的分歧可视化,红=利主,墨=利客,条高=强度 */
-function ExpertLeans({ reports }: { reports: AgentReport[] }) {
-  const withEdge = reports.filter(
-    (r): r is AgentReport & { home_edge: number } => r.status === 'ok' && r.home_edge !== null,
-  )
-  if (withEdge.length === 0) return null
-  const summary = withEdge
-    .map(r => `${AGENT_LABELS[r.agent] ?? r.agent} ${r.home_edge > 0 ? '利主' : '利客'} ${Math.abs(r.home_edge).toFixed(2)}`)
-    .join('，')
-  return (
-    <div
-      className="mt-3 flex items-end justify-center gap-5"
-      role="img"
-      aria-label={`五路专家倾向：${summary}`}
-    >
-      {withEdge.map((r, i) => {
-        const up = r.home_edge >= 0
-        const h = Math.round(Math.min(1, Math.abs(r.home_edge)) * 50)
-        return (
-          <div
-            key={r.agent}
-            className="flex flex-col items-center gap-1.5"
-            title={`${AGENT_LABELS[r.agent] ?? r.agent} · 主队优势 ${(r.home_edge > 0 ? '+' : '') + r.home_edge.toFixed(2)}`}
-          >
-            <div className="relative h-16 w-2 bg-ink-200">
-              <span className="absolute inset-x-0 top-1/2 h-px bg-ink-400" aria-hidden="true" />
-              <span
-                aria-hidden="true"
-                className={`absolute inset-x-0 ${up ? 'bottom-1/2 bg-press' : 'top-1/2 bg-ink-600'}`}
-                style={{ height: `${h}%` }}
-              />
-            </div>
-            <span className="font-serif text-2xs text-ink-500">{CN_NUM[i] ?? i + 1}</span>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
-
 function PredictionPanel({
   prediction,
   match,
@@ -594,13 +496,12 @@ function PredictionPanel({
   const okReports = (prediction.agent_outputs ?? []).filter(r => r.status === 'ok')
 
   return (
-    // rise-in:预测版面整块入场,内部区块再错峰
-    <article className="rise-in border border-ink-900 bg-paper-50">
+    <article className="border border-ink-900 bg-paper-50">
       {/* 版头 */}
       <div className="flex flex-wrap items-baseline justify-between gap-2 border-b border-ink-900 bg-paper-100 px-4 py-2.5 sm:px-5">
-        <h2 className="font-serif text-sm font-bold text-ink-900">
+        <h3 className="font-serif text-sm font-bold text-ink-900">
           预测版 · {homeName} 对 {awayName}
-        </h2>
+        </h3>
         <span className="text-2xs tabular-nums text-ink-500">
           {prediction.provider} / {prediction.model}
           {prediction.latency_ms !== null && ` · ${(prediction.latency_ms / 1000).toFixed(1)}s`}
@@ -608,13 +509,15 @@ function PredictionPanel({
       </div>
 
       <div className="space-y-7 px-4 py-6 sm:px-5">
-        {/* ── 预测比分:版面核心,纵排队名 + 终裁印章 ── */}
-        <ScoreMast
-          homeName={homeName}
-          awayName={awayName}
-          home={prediction.pred_home_goals}
-          away={prediction.pred_away_goals}
-        />
+        {/* ── 预测比分:版面核心,大号宋体 ── */}
+        <div className="text-center">
+          <p className="font-serif text-5xl font-bold tabular-nums leading-none text-ink-900 sm:text-6xl">
+            {prediction.pred_home_goals ?? '-'}
+            <span className="mx-3 font-normal text-ink-300">:</span>
+            {prediction.pred_away_goals ?? '-'}
+          </p>
+          <p className="mt-3 text-2xs tracking-[0.5em] text-ink-400">预测比分</p>
+        </div>
 
         {/* ── 胜平负 ── */}
         <div className="border-y border-ink-200 py-4">
@@ -644,7 +547,6 @@ function PredictionPanel({
             </div>
 
             <div>
-              <ExpertLeans reports={prediction.agent_outputs} />
               {prediction.agent_outputs.map((r, i) => (
                 <AgentCard key={r.agent} report={r} no={CN_NUM[i] ?? String(i + 1)} />
               ))}
@@ -655,7 +557,7 @@ function PredictionPanel({
         {/* ── 终裁意见:引文式,红竖线 ── */}
         {prediction.reasoning && (
           <section>
-            <h3 className="section-head mb-3">终裁意见</h3>
+            <h4 className="section-head mb-3">终裁意见</h4>
             <blockquote className="border-l-2 border-press pl-4">
               <p className="whitespace-pre-wrap font-serif text-sm leading-loose text-ink-700">
                 {prediction.reasoning}

frontend/tailwind.config.js

@@ -12,13 +12,12 @@ export default {
           300: '#DDD7C7',
         },
         // 墨色:暖黑灰阶,替代冷调 slate
-        // 400 档压在 4.5:1 线上(paper-100 底 4.55:1 / paper-50 底 4.87:1),可作正文级小字
         ink: {
           50: '#FAF9F7',
           100: '#F0EEE9',
           200: '#E2DFD7',
           300: '#C9C4B8',
-          400: '#756F61',
+          400: '#9C9587',
           500: '#6E675B',
           600: '#524C42',
           700: '#3B362E',
@@ -34,10 +33,7 @@ export default {
       },
       fontFamily: {
         // 标题与比分:宋体血统,报纸版面的骨架
-        // Noto Serif SC 站首位:拉丁与数字走它的直线字形(Georgia 是 old-style 数字,
-        // 比分 3:1 会高低不齐);Georgia 只保留给刊名斜体(.wordmark)
         serif: [
-          '"Noto Serif SC"',
           'Georgia',
           '"Times New Roman"',
           '"Songti SC"',