@charset "utf-8";
/* 2026-10-10 起冻结（去三库并行改造期）：执行包（P1-P5）不得修改本文件；
   改动诉求 -> docs/并行去三库/_冲突清单.md */
/* ==========================================================================
   田径编排系统 · 模板层（templates.css）
   ---------------------------------------------------------------------------
   职责：两套模板的**全部颜色与质感差异**都在这里；theme.css 只引用 var(...)。
   机制：把默认模板（V16）写在 :root；少数派模板（V6）用
         [data-ui-template="v6"] 覆盖。
         ⇒ 任何页面漏加属性只是渲染成 V16（正确外观），不会变成裸页（优雅降级）。
         ⇒ 将来加第三套：只需再写一个 [data-ui-template="v7"] 块。

   覆盖范围（按全站普查结论，共 334 个视图）：
     · 4 个布局根 → 覆盖 A 类 260 个继承页
     · 57 个独立页逐个接（其中 ~35 个打印页只加属性、不引入本文件）

   ⚠️ 本文件所有规则都限定在 html[data-ui-template] 下；未加属性的页面（含打印页、
      error/500.html 等）完全不受影响。
   ========================================================================== */


/* ==========================================================================
   模板 A · V16 定稿版（默认）—— 浅色底 + 东方四色 + 轻科技
   ---------------------------------------------------------------------------
   ★ 2026-10-07 校正（原因：旧版变量是"冷灰系"，与旧样式 #0E2D7F/#E0ECFE/#f5f5f5
     的色差太小，用户实测"看不出换了肤"）。
     本版严格对齐用户给定的配色表：
       顶部导航  午夜蓝底 + 暖白字       #161E3C
       页面背景  暖白（暖米白）           #F7F4EF
       主标题    暗红                     #7A1C2E
       正文      深炭灰                   #2B2B2B
       主按钮    暗红底 + 暖白字，悬停亮红 #7A1C2E → #C41E3A
       次按钮    藏蓝底 + 暖白字          #1B2A4A
       数据/数字 橙黄                     #D4882B
       卡片      暖白底 + 青灰边框        #FFFDFA + rgba(61,90,90,.22)
       表格分隔线 青灰细线                rgba(61,90,90,.14)
       侧边栏    藏蓝底 + 暖白字          #1B2A4A
       页脚      午夜蓝底 + 暖白字        #161E3C
       悬停/选中 亮红或橙黄               #C41E3A / #D4882B
   ========================================================================== */
:root{
  /* —— 结构色：藏蓝（顶栏 / 侧栏 / 次按钮 / 选中） —— */
  --ui-navy:#1B2A4A;
  --ui-navy-deep:#141F3A;   /* 渐变深端 */
  --ui-navy-lite:#25355C;   /* 渐变浅端 / 悬停 */
  --ui-navy-hover:#33456F;  /* 悬停更亮 */
  --ui-navy-soft:#E7EAF0;   /* 浅底（选中行） */

  /* —— 权威色：暗红（主标题 + 主按钮） —— */
  --ui-red:#7A1C2E;
  --ui-red-lite:#B02A3F;    /* 主按钮渐变亮端 */
  --ui-red-hover:#C41E3A;   /* 主按钮悬停 / 选中 / 计时数字 */
  --ui-red-soft:#F7EBEE;
  --ui-primary:var(--ui-red);

  /* —— 交互色：青（悬停 / 焦点 / 选中 / 实时 / 扫描光；语义 =「当前」） —— */
  --ui-cyan:#00D4FF;        /* 仅在深色块上使用 */
  --ui-cyan-ink:#0E7490;    /* 浅底文字 4.9:1 过 AA */
  --ui-cyan-m:#0891B2;      /* 浅底图标 / 大字 */
  --ui-cyan-soft:#EAF3F5;   /* 悬停底 / 焦点底 */
  --ui-cyan-line:rgba(61,90,90,.14); /* 表格分隔线（青灰） */

  /* —— 数据色：橙黄（KPI 数字 / PB） —— */
  --ui-amber:#D4882B;
  --ui-amber-ink:#A3651F;   /* 浅底文字 */
  --ui-amber-soft:#FBF0DD;

  /* —— 中性阶（暖沙系，8 档 · 对齐"暖沙 #E8DCC8 / 暖白"） —— */
  /* ⚠️ 页面底用**暖沙**而非"暖白 #F7F4EF"：后者与旧样式 #F5F5F5 色差过小，
        实测用户"看不出换肤"。暖沙能一眼看出氛围变化（用户配色表里的第一选项）。 */
  --ui-n0:#FFFDFA;          /* 卡片底（暖白，在暖沙底上"浮起"） */
  --ui-n25:#FDF9F1;
  --ui-n50:#E8DCC8;         /* 页面底（暖沙，用户配色表指定） */
  --ui-n100:#E2D7C3;        /* 分隔 / 浅底（暖沙浅一档） */
  --ui-n200:#D4C9B8;        /* 边框（中性偏暖，避免过黄） */
  --ui-n300:#B8AE9C;
  --ui-n400:#8E8577;        /* 占位 / 禁用 */
  --ui-n500:#6B6358;
  --ui-n700:#3A342C;
  --ui-n900:#2B2B2B;        /* 主文字（深炭灰，用户配色表指定） */

  /* —— 文字层级（4 档） —— */
  --ui-ink:#2B2B2B;         /* 主：标题 / 数据 13.5:1 */
  --ui-ink-2:#3F3A33;       /* 次：正文 9.6:1 */
  --ui-ink-3:#6B6358;       /* 辅：说明 / 表头 5.2:1 */
  --ui-ink-4:#9A9184;       /* 弱：占位 / 禁用（非正文） */

  /* —— 语义色（仅状态标签） —— */
  --ui-ok:#2F6B4F;   --ui-ok-bg:#E6F1EA;
  --ui-warn:#B45309; --ui-warn-bg:#FEF4E7;
  --ui-danger:#7A1C2E; --ui-danger-bg:#F7EBEE;

  /* —— 顶栏：午夜蓝 + 毛玻璃 + 青色分道线 —— */
  --ui-head-bg-deep:#161E3C;             /* 顶栏主横幅（午夜蓝，替换旧 #0E2D7F） */
  --ui-head-bar:#1B2A4A;                 /* 二级导航条（藏蓝，与顶栏同系，替换旧 #E0ECFE） */
  --ui-head-bg:rgba(22,30,60,.74);
  --ui-head-blur:blur(20px) saturate(180%);
  --ui-head-line:#00D4FF;                /* 底部分道线 */
  --ui-head-text:#F7F4EF;                /* 暖白字 */
  --ui-head-text-dim:rgba(247,244,239,.74);
  --ui-head-scan:rgba(0,212,255,.07);    /* 扫描光（很淡） */
  --ui-head-scan-w:128px;
  --ui-head-scan-dur:9.5s;

  /* —— 侧栏：藏蓝底 + 暖白字（★ 2026-10-07 统一治理：按用户最新配色表回归）
     ⚠️ 历史变更：曾有若干轮按"目标稿"改成浅色底深字（浅底 + 纯文字 + 选中藏蓝实底），
        与用户配色表「侧边栏 藏蓝底 暖白字 #1B2A4A」冲突。本次以**用户配色表为准**。
     位图图标已从布局壳移除，故不再有"深底看不清位图"的老问题。 */
  --ui-side-bg:#1B2A4A;                   /* 侧栏：藏蓝底（配色表） */
  --ui-side-text:#F7F4EF;                 /* 菜单项文字（藏蓝底 13.4:1 过 AAA） */
  --ui-side-text-dim:rgba(247,244,239,.70); /* 子项 / 次级文字 */
  /* ★ 2026-10-08 用户反馈：悬停底**不要带颜色**（"不希望字体后面的颜色和选定框其他地方的颜色不一样"），
     所以深色面（顶栏/侧栏/抽屉）的悬停底回到**中性半透明白**（只在明度上提亮，不改色相）。 */
  --ui-side-hover-bg:rgba(255,255,255,.10); /* 悬停底（深色面上：中性半透明白） */
  --ui-side-on-bg:linear-gradient(100deg,#C41E3A,#8E2135);  /* 选中：亮红（配色表：悬停/选中 亮红） */
  --ui-side-on-text:#FFFFFF;
  --ui-side-line-hover:#00D4FF;           /* 悬停左侧指示条（青） */
  --ui-side-line-on:#00D4FF;              /* 选中左侧指示条（青） */
  --ui-side-group:rgba(247,244,239,.55);  /* 分组标题（等宽小字大写） */
  --ui-side-line:rgba(255,255,255,.08);   /* 侧栏内分隔线（藏蓝底上的淡白线） */

  /* —— 成绩数字（V16：纯黑等宽，不加底不加框 —— 用户明确要求「成绩就用黑色就好」） —— */
  --ui-lap-bg:transparent;
  --ui-lap-color:#2B2B2B;
  --ui-lap-border:transparent;
  --ui-lap-glow:none;
  --ui-lap-text-shadow:none;
  --ui-lap-pb-color:#A3651F;             /* PB 仅换色，不加底 */
  --ui-lap-pb-bg:transparent;

  /* —— 卡片 —— */
  --ui-card-bg:#FFFDFA;
  --ui-card-line:rgba(61,90,90,.22);     /* 青灰边框（用户配色表） */
  --ui-card-hover-line:rgba(0,212,255,.30);
  --ui-card-top-line:linear-gradient(90deg,#0891B2,#1B2A4A); /* 顶部渐隐道线 */
  --ui-card-h3-bar:#0E7490;              /* 标题前竖线 */

  /* —— 按钮 —— */
  --ui-btn-r:4px;
  --ui-btn-h:34px;
  --ui-btn-pri-bg:linear-gradient(100deg,#B02A3F,#92213A);
  --ui-btn-pri-bg-hover:linear-gradient(100deg,#C41E3A,#A82840);
  --ui-btn-sec-bg:linear-gradient(100deg,#25355C,#1B2A4A);
  --ui-btn-sec-bg-hover:linear-gradient(100deg,#33456F,#25355C);

  /* —— 表格 —— */
  --ui-th-bg:linear-gradient(180deg,#FBF8F3,#F3EFE7);
  --ui-th-color:#6B6358;
  --ui-th-line:#E2DCD1;
  --ui-td-line:rgba(61,90,90,.14);       /* 青灰细线（用户配色表） */
  --ui-tr-hover-bg:#EAF3F5;
  --ui-tr-hover-line:#0E7490;
  --ui-tr-on-bg:#EAF3F5;

  /* —— 质感：网格与扫描 —— */
  --ui-grid-line:rgba(27,42,74,.030);
  --ui-grid-size:32px;
}


/* ==========================================================================
   模板 B · V6 经典版 —— 体育高考网配色（藏蓝页头 + 冷灰蓝底 + 白卡 + 蓝主强调）
   ---------------------------------------------------------------------------
   ★ 2026-10-11 整块重写：用户要求「经典版做成体育高考网的那种配色风格」。
     色值直接取自体育高考网现站（/public/tikao 前台浅色经典主题）实测取样：
       页头 / 结构色   藏蓝                #1B2A4A
       页面底          冷灰蓝（slate-100） #F1F5F9
       卡片            纯白 + 浅灰边       #FFFFFF / #E2E8F0
       主强调色        蓝（blue-500）      #3B82F6，压深一档 #1D4ED8
       悬浮 / 选中底   blue-50             #EFF6FF
       次级文字                            #334155 / #64748B / #94A3B8
     与体育高考网的差别（有意保留的 V6 记忆点）：
       · 成绩数字仍是「深藏蓝底 + 发光 + 文字辉光」的电子计时牌（辉光由青改蓝）
       · 主按钮走蓝渐变（体育高考网主色），结构色仍是藏蓝
     历史上这一块是「浅色藏蓝 + 青为主强调 + 青发光计时牌」（来源 _ui_preview6/11.html），
     整块已被本次替换；要找回旧版看 git 里的 templates.css 上一版。
   ========================================================================== */
html[data-ui-template="v6"]{
  /* —— 结构色：藏蓝（与体育高考网页头 #1B2A4A 同色） —— */
  --ui-navy:#1B2A4A;
  --ui-navy-deep:#152340;   /* 渐变深端 */
  --ui-navy-lite:#25355C;   /* 渐变浅端 / 悬停 */
  --ui-navy-hover:#33456F;
  --ui-navy-soft:#E8EDF5;   /* 浅底（选中行） */

  /* —— 权威色：主标题用藏蓝，主按钮用体育高考蓝 —— */
  --ui-red:#1B2A4A;
  --ui-red-lite:#2563EB;
  --ui-red-hover:#1D4ED8;
  --ui-red-soft:#EFF6FF;
  --ui-primary:var(--ui-red);

  /* —— 交互色：蓝（旧版是青，本次全量换蓝） —— */
  --ui-cyan:#3B82F6;        /* 深色块上用亮蓝 */
  --ui-cyan-ink:#1D4ED8;    /* 浅底文字 */
  --ui-cyan-m:#2563EB;      /* 浅底图标 / 大字 */
  --ui-cyan-soft:#EFF6FF;   /* 悬停底 / 焦点底（blue-50） */
  --ui-cyan-line:rgba(59,130,246,.16);

  /* —— 数据色：KPI 数字用蓝（体育高考网无橙黄体系） —— */
  --ui-amber:#2563EB;
  --ui-amber-ink:#1D4ED8;
  --ui-amber-soft:#EFF6FF;

  /* —— 中性阶：冷灰蓝（对齐 #F1F5F9 / #E2E8F0 / 纯白） —— */
  --ui-n0:#FFFFFF;          /* 卡片底（纯白，在冷灰底上"浮起"） */
  --ui-n25:#F8FAFC;
  --ui-n50:#F1F5F9;         /* 页面底 */
  --ui-n100:#E9EEF5;        /* 分隔 / 浅底 */
  --ui-n200:#E2E8F0;        /* 边框 */
  --ui-n300:#CBD5E1;
  --ui-n400:#94A3B8;        /* 占位 / 禁用 */
  --ui-n500:#64748B;
  --ui-n700:#334155;
  --ui-n900:#0F172A;        /* 主文字 */

  /* —— 文字层级（4 档） —— */
  --ui-ink:#0F172A;
  --ui-ink-2:#334155;
  --ui-ink-3:#64748B;
  --ui-ink-4:#94A3B8;

  /* —— 顶栏 / 侧栏：藏蓝（体育高考网页头同色） —— */
  --ui-head-bg-deep:#1B2A4A;
  --ui-head-bar:#1B2A4A;                /* 二级导航条同藏蓝（体育高考网只有一条实色页头） */
  --ui-head-text:#F8FAFC;               /* 冷白字 */
  --ui-head-text-dim:rgba(248,250,252,.74);
  --ui-head-line:#3B82F6;               /* 底部分道线（蓝） */
  --ui-head-scan:rgba(59,130,246,.07);
  --ui-side-bg:#1B2A4A;
  --ui-side-text:#F1F5F9;
  --ui-side-text-dim:rgba(241,245,249,.72);
  --ui-side-on-bg:linear-gradient(100deg,#3B82F6,#1D4ED8); /* 选中：主色蓝实底 */
  --ui-side-line-hover:#3B82F6;
  --ui-side-line-on:#60A5FA;
  --ui-side-group:rgba(241,245,249,.55);

  /* —— 按钮 —— */
  --ui-btn-pri-bg:linear-gradient(100deg,#3B82F6,#2563EB);
  --ui-btn-pri-bg-hover:linear-gradient(100deg,#2563EB,#1D4ED8);
  --ui-btn-sec-bg:linear-gradient(100deg,#25355C,#1B2A4A);
  --ui-btn-sec-bg-hover:linear-gradient(100deg,#33456F,#25355C);

  /* ★ 成绩数字：电子计时牌（深藏蓝底 + 蓝发光 + 文字辉光 —— V6 最强记忆点） */
  --ui-lap-bg:linear-gradient(180deg,#1B2A4A,#121C33);
  --ui-lap-color:#EAF2FF;
  --ui-lap-border:rgba(59,130,246,.36);
  --ui-lap-glow:0 0 12px rgba(59,130,246,.18);
  --ui-lap-text-shadow:0 0 7px rgba(96,165,250,.42);
  --ui-lap-pb-color:#93C5FD;
  --ui-lap-pb-bg:linear-gradient(180deg,#1B2A4A,#121C33);

  /* —— 卡片：纯白 + 浅灰边（体育高考网的卡片层次） —— */
  --ui-card-bg:#FFFFFF;
  --ui-card-line:#E2E8F0;
  --ui-card-hover-line:rgba(59,130,246,.34);
  --ui-card-top-line:linear-gradient(90deg,#3B82F6,#1B2A4A);
  --ui-card-h3-bar:#3B82F6;

  /* —— 表格 —— */
  --ui-th-bg:linear-gradient(180deg,#F8FAFC,#F1F5F9);
  --ui-th-color:#64748B;
  --ui-th-line:#E2E8F0;
  --ui-td-line:#E8EDF3;
  --ui-tr-hover-bg:#EFF6FF;
  --ui-tr-on-bg:#EFF6FF;
  --ui-tr-hover-line:#3B82F6;

  /* —— 质感：网格更淡（冷灰底上别显脏） —— */
  --ui-grid-line:rgba(27,42,74,.025);
}


/* ==========================================================================
   模板 C · 科技版（tech）—— 浅底护眼 + 藏蓝 + 青
   ---------------------------------------------------------------------------
   ★ 2026-10-11 新增：视觉来源 public/_ui_preview6.html（浅底 #F5F7FA + 藏蓝
     #16296B + 青 #0891B2/#00D4FF + 电子计时牌），即"科技版"定稿。
   与另两套的差异：
     · 侧栏为**浅色底深字**（白底 + 藏蓝胶囊选中），区别于 V16/V6 的藏蓝底侧栏
     · 主按钮藏蓝渐变、次按钮青渐变；成绩数字 = 深藏蓝底 + 青发光计时牌
   本块为覆盖式（只写与 :root 不同的项），未列出的变量沿用 V16。
   ========================================================================== */
html[data-ui-template="tech"]{
  /* —— 结构色：藏蓝 —— */
  --ui-navy:#16296B;
  --ui-navy-deep:#0F1E52;
  --ui-navy-lite:#1E3585;
  --ui-navy-hover:#2B44B8;
  --ui-navy-soft:#E8ECFA;

  /* —— 权威色：主标题 / 主按钮用藏蓝（科技版无红色体系） —— */
  --ui-red:#16296B;
  --ui-red-lite:#1E3585;
  --ui-red-hover:#2B44B8;
  --ui-red-soft:#F4F6FD;
  --ui-primary:var(--ui-red);

  /* —— 交互色：青（悬停 / 焦点 / 选中 / 实时） —— */
  --ui-cyan:#00D4FF;
  --ui-cyan-ink:#0E7490;
  --ui-cyan-m:#0891B2;
  --ui-cyan-soft:#E6F7FB;
  --ui-cyan-line:rgba(14,116,144,.14);

  /* —— 数据色：KPI 数字用藏蓝（无橙黄体系） —— */
  --ui-amber:#16296B;
  --ui-amber-ink:#0E7490;
  --ui-amber-soft:#E6F7FB;

  /* —— 中性阶：冷白灰（#F5F7FA 页面底 / #FFFFFF 卡片） —— */
  --ui-n0:#FFFFFF;
  --ui-n25:#FAFBFE;
  --ui-n50:#F5F7FA;
  --ui-n100:#EEF1F7;
  --ui-n200:#D8DFE8;
  --ui-n300:#C3CBD8;
  --ui-n400:#8A90A0;
  --ui-n500:#6B7285;
  --ui-n700:#333A49;
  --ui-n900:#1A1F2B;

  /* —— 文字层级 —— */
  --ui-ink:#1A1F2B;
  --ui-ink-2:#4E5566;
  --ui-ink-3:#8A90A0;
  --ui-ink-4:#A7ADBA;

  /* —— 语义色 —— */
  --ui-ok:#15803D;   --ui-ok-bg:#E8F7EE;
  --ui-warn:#B45309; --ui-warn-bg:#FEF3E2;
  --ui-danger:#C81E1E; --ui-danger-bg:#FDECEC;

  /* —— 顶栏：深藏蓝；侧栏：浅底深字（科技版差异点） —— */
  --ui-head-bg-deep:#0A1633;
  --ui-head-bar:#0F1E52;
  --ui-head-text:#FFFFFF;
  --ui-head-text-dim:rgba(255,255,255,.80);
  --ui-head-line:#00D4FF;
  --ui-head-scan:rgba(0,212,255,.10);
  --ui-side-bg:#FFFFFF;
  --ui-side-text:#4E5566;
  --ui-side-text-dim:#8A90A0;
  --ui-side-hover-bg:#F4F6FD;
  --ui-side-on-bg:linear-gradient(135deg,#0F1E52,#1E3585);
  --ui-side-on-text:#FFFFFF;
  --ui-side-line-hover:#0891B2;
  --ui-side-line-on:#00D4FF;
  --ui-side-group:#8A90A0;
  --ui-side-line:#E6EAF0;

  /* —— 按钮：主=藏蓝渐变、次=青渐变 —— */
  --ui-btn-pri-bg:linear-gradient(135deg,#0F1E52,#1E3585);
  --ui-btn-pri-bg-hover:linear-gradient(135deg,#16296B,#2B44B8);
  --ui-btn-sec-bg:linear-gradient(135deg,#0891B2,#0E7490);
  --ui-btn-sec-bg-hover:linear-gradient(135deg,#0E7490,#0B6079);

  /* ★ 成绩数字：电子计时牌（深藏蓝底 + 青发光 + 文字辉光） */
  --ui-lap-bg:linear-gradient(180deg,#16223F,#0E1830);
  --ui-lap-color:#E8F9FF;
  --ui-lap-border:rgba(0,212,255,.28);
  --ui-lap-glow:0 0 10px rgba(0,212,255,.14);
  --ui-lap-text-shadow:0 0 6px rgba(0,212,255,.40);
  --ui-lap-pb-color:#9FE8FF;
  --ui-lap-pb-bg:linear-gradient(180deg,#16223F,#0E1830);

  /* —— 卡片 —— */
  --ui-card-bg:#FFFFFF;
  --ui-card-line:#E6EAF0;
  --ui-card-hover-line:rgba(0,212,255,.32);
  --ui-card-top-line:linear-gradient(90deg,#0891B2,#0E7490);
  --ui-card-h3-bar:#16296B;

  /* —— 表格 —— */
  --ui-th-bg:linear-gradient(180deg,#F5F8FE,#EDF2FC);
  --ui-th-color:#0F1E52;
  --ui-th-line:#D8DFE8;
  --ui-td-line:#F1F3F8;
  --ui-tr-hover-bg:#E6F7FB;
  --ui-tr-hover-line:#0E7490;
  --ui-tr-on-bg:#E8ECFA;

  /* —— 质感 —— */
  --ui-grid-line:rgba(15,30,82,.025);
}