feat(ui): 编辑排版三件套与信息效率升级

- 报头升格:刊名 60px,Oxford 粗细双线,期号行(当年第几天)+体育版位
- 预测比分:主客队名纵排(writing-mode vertical-rl),右上「终裁」红印
- 五路专家倾向条:home_edge 分歧可视化,红=利主/墨=利客,条高=强度
- 强调色纪律:tab 激活态与后台导航选中改墨色,红只留 live/终裁/印章/错误
- 数字字形:serif 栈 Noto Serif SC 提到 Georgia 之前(直线数字),斜体只留给刊名(.wordmark)
- 赛程行悬停左缘红书签;空态改双线「启事」框
This commit is contained in:
shangfangjian
2026-09-18 11:24:19 +08:00
parent 1a37c75907
commit 2190ea2af6
5 changed files with 166 additions and 37 deletions
+4 -4
View File
@@ -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="ml-2 align-baseline font-serif text-xs font-normal italic tracking-normal text-ink-500">
<span className="wordmark ml-2 align-baseline 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-press-wash/60 font-medium text-press'
? 'bg-paper-200/70 font-medium text-ink-900'
: '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-press' : 'bg-transparent'}`}
className={`inline-block h-1.5 w-1.5 flex-shrink-0 ${isActive ? 'bg-ink-900' : 'bg-transparent'}`}
aria-hidden="true"
/>
<span className="text-base leading-none opacity-50" aria-hidden="true">