﻿/* ============================================================
   设计令牌（颜色 + 字号 + 行距）
   ------------------------------------------------------------
   本文件是全站唯一的视觉常量来源，供 topbottom / index / inside 等布局 css 使用；
   引入统一由 BaseUI 带 ?ver= 输出（2026-10-29 起，css 内 @import 已删）。

   铁律：
     1. 只放令牌，不放选择器与业务样式。
     2. 字号/行距一律按「层级」命名（--fs-body 而不是 --fs-nav），
        换版式时不用改令牌名，只改映射。
     3. 业务样式里禁止再散写颜色值（#xxx / rgb()）与 font-size 字面量，
        统一用 var(--xxx)，否则改一处漏一处。

   字号基准 17px（原站为 15px 正文 / 16px 标题，本轮统一到 17px 体系）：
     hero 44 / h1 36 / h2 24 / h3 18.5 / body 17 / small 15 / tiny 13
   ============================================================ */
:root {
    /* ---------- 主色与导航 ---------- */
    --nav-bg: #E70012;          /* 导航底色、主按钮、主色 */
    --nav-hover: #C0050F;       /* 悬停/选中色（深红，与主色同系；原蓝色 #29a7e1 与全站红主题冲突） */
    --nav-color: #fff;          /* 导航文字色 */

    /* ---------- 文字 ---------- */
    --font-main: #333;          /* 正文文字 */
    --font-bold: #E70012;       /* 强调/板块标题 */
    --font-light: #666;         /* 次级文字、图片占位底 */
    --font-span: #999;          /* 辅助说明、日期、注脚 */
    --font-white: #fff;         /* 深底上的白字 */
    --font-link: #576B95;       /* 链接色（微信内一致） */
    --font-hover: #e60e17;      /* 链接悬停 */

    /* ---------- 线条与底色 ---------- */
    --border: #dcdcdc;          /* 常规边框、占位底 */
    --border-bg: #f5f5f5;       /* 浅底色块、悬停底 */
    --border-list: #fff;        /* 卡片底 */
    --bg-page: #f5f5f5;         /* 页面底色（渐变之下的兜底色） */
    --bg-tit: #f5d5ce;          /* 板块标题条底色（干玫瑰调：红系同色加深一档；#fdecec 太浅、#faeedd 暖米已弃） */
    --bg-page-gradient: linear-gradient(180deg, #fdecec 0, #f9dfdf 280px, #f5f5f5 560px) no-repeat, #f5f5f5;
                                  /* 全站背景：顶部一抹品牌红晕（呼应 --nav-bg），
                                     560px 处过渡回 --bg-page；
                                     停点必须用 px —— 若用 %/默认，渐变会随页面总高拉伸 */
    --bg-mask: #000;            /* 图片遮罩 */
    --bg-num: #333;             /* 焦点图页码底 */

    /* ---------- 字号（7 档） ---------- */
    --fs-hero: 44px;            /* 首页数据大数字 */
    --fs-h1: 36px;              /* 页面主标题 */
    --fs-h2: 24px;              /* 详情页主标题 */
    --fs-h3: 18.5px;            /* 板块大标题 / 焦点头条 */
    --fs-body: 17px;            /* 正文基准 */
    --fs-small: 15px;           /* 辅助说明、摘要、日期 */
    --fs-tiny: 13px;            /* 注脚、企业名、角标 */

    /* ---------- 行距（4 档） ---------- */
    --lh-reset: 1;              /* 单行、图标 */
    --lh-tight: 1.35;           /* 标题、按钮 */
    --lh-normal: 1.6;           /* 导航、列表、通用文本 */
    --lh-loose: 1.85;           /* 长正文 */
}
