/* ============================================================
   艾维力 GEO 门户 · 统一视觉令牌（单一真源）
   建立于 ma79.159：手机端 / 桌面网页端 / 后台管理 三端共用。
   规则：本文件先于各端 styles.css 加载；各端 :root 若需局部差异，
        在其后覆盖即可（后加载者优先）。新增样式一律引用本令牌，
        禁止再直接写死色值 / 字号 / 圆角。
   ============================================================ */
:root{
  /* ---- 品牌蓝 ---- */
  --blue:#2563EB;
  --blue-deep:#1E40AF;
  --blue-light:#DBEAFE;
  --blue-bright:#60A5FA;
  --brand:var(--blue);
  --brand-deep:var(--blue-deep);
  --brand-tint:#EFF6FF;
  /* ---- 强调橙 ---- */
  --orange:#F97316;
  --orange-deep:#C2410C;
  --orange-light:#FFEDD5;
  /* ---- 状态语义色（克制，仅 3 类） ---- */
  --green:#16A34A;          /* 达标 / 正面 */
  --green-light:#DCFCE7;
  --red:#DC2626;            /* 风险 / 负面 */
  --red-light:#FEE2E2;
  --warning:#F59E0B;        /* 预警 / 待优化 */
  --warning-light:#FEF3C7;
  /* ---- 会员紫（仅会员 / 解锁场景） ---- */
  --brand-purple:#2563EB;
  --brand-purple-deep:#1D4ED8;
  /* ---- 中性 ---- */
  --surface:#FFFFFF;
  --bg:#F5F9FF;
  --text:#1E293B;
  --muted:#64748B;
  --faint:#94A3B8;
  --border:#CBD5E1;
  --line:#E2E8F0;
  --border-blue:rgba(37,99,235,.12);
  /* ---- 字阶（5 级，全端共用；严禁 .5px 零碎值） ---- */
  --fs-xl:22px;   /* 页面 / 区块大标题 */
  --fs-lg:16px;   /* 卡片标题 */
  --fs-md:14px;   /* 正文 */
  --fs-sm:12px;   /* 辅助说明 */
  --fs-xs:11px;   /* 角标 / 极小标注 */
  /* ---- 圆角（3 档 + 胶囊，pill 仅用于角标） ---- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --pill:999px;
  /* ---- 阴影（克制 3 档） ---- */
  --shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --shadow-md:0 6px 20px rgba(15,23,42,.10);
  /* ---- 间距（8pt 网格） ---- */
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px;
  /* ---- 动效 ---- */
  --tr:.22s cubic-bezier(.4,0,.2,1);
}

/* ===== 统一基础组件 · 卡片（三端唯一标准） ===== */
.card-base{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  padding:var(--space-md);
  box-shadow:var(--shadow-xs);
}

/* ===== 统一基础组件 · 角标（三端唯一标准，模块只换语义色不改结构） ===== */
.tag{
  display:inline-flex; align-items:center; justify-content:center;
  padding:2px 8px; border-radius:var(--pill);
  font-size:var(--fs-xs); font-weight:600; line-height:1.6;
  background:var(--blue-light); color:var(--blue-deep);
  white-space:nowrap;
}
.tag.is-success{ background:var(--green-light);   color:var(--green); }
.tag.is-warning{ background:var(--warning-light); color:#B45309; }
.tag.is-danger { background:var(--red-light);     color:var(--red); }

/* ============================================================
   v7 报告设计语言 · 补充令牌（2026-09-18 晶哥锁定 report_value_mockup_v7）
   靶心：白底 hairline 卡 · 单一蓝源 · 琥珀仅标最弱 · 大数字+灰阶层级
   纯增量，不影响既有令牌；网页端归一层见 assets/web-v7.css
   ============================================================ */
:root{
  --amber:#B45309; --amber-ghost:rgba(180,83,9,.08); --amber-hair:rgba(180,83,9,.28);
  --hair:#D8E0EC; --track:#EEF2F7;
  --blue-ghost:rgba(37,99,235,.07); --blue-hair:rgba(37,99,235,.22);
  --fs-display:30px;  /* 统治性大数字 / 主句强调 */
  --fs-title:21px;    /* 主句（华与华式） */
  --fs-h2:19px;       /* 区块标题 */
  --fs-num:64px;      /* 环形 / Hero 大数字 */
  --shadow-hair:0 1px 2px rgba(15,23,42,.03);
}
/* 最弱项角标（琥珀 · 语义唯一：只标"最弱/不足"） */
.tag.is-weak{ background:var(--amber-ghost); color:var(--amber); border:1px solid var(--amber-hair); }