@import url("_typography.css");
/* 数昌 · 品牌 2.0 设计令牌 v2.1 —— 三份规范文件共用，改这里即全体生效 */
:root{
  /* 双流语义色：结构沿用手册 1.8（绿=实体受益 / 蓝=数据可信 / 青=只在交汇处），
     色值统一到品牌 2.0（已应用于全部在产物料），并补齐 1.8 缺的深色档 */
  --green:#129D5F; --green-d:#0B6B41;
  --blue:#1878D2;  --blue-d:#0F4E8A;
  --teal:#1FAAA8;                     /* 交汇青 · 仅限双流交汇处 */
  --night:#0A1E38;                    /* 午夜蓝 · 深底环境色（三套体系唯一一致项）*/
  --brass:#B98A3C;                    /* 品牌金 · 仪式与强调 */
  --red:#C0392B;                      /* 仅作警示 */
  --brass-d:#8A6220;                  /* 品牌金 · 深色档（浅底上的金色文字）*/
  /* 七星色序 · IP 鹿角尖端定值（手册 07 章构造页，左外→眉心→右外七色渐变的中间四色）
     两端与中点即 --green / --teal / --blue，色序与位置一一对应，不得换位 */
  --star-l2:#16A177; --star-l3:#1BA690; --star-r3:#1D99B6; --star-r2:#1A89C4;
  /* 中性阶 */
  --ink:#141E2A; --ink2:#46505A; --mut:#80868C; --line:#E2E4E6; --bg:#FAFAF8; --card:#FFFFFF;
  --mut-2:#98A1A9;                    /* 卡片小标 · 表头 */
  --mut-3:#AFB7BE;                    /* 页脚 */
  --mut-4:#C3CAD0;                    /* 页码 */
  --line-2:#EDEAE4;                   /* 卡片描边 · 暖灰 */
  --line-3:#F1F2F3;                   /* 表格行线 */
  --grid:#E7E9EB;                     /* 构造网格 · 细线 */
  --grid-2:#CDD3D8;                   /* 构造网格 · 主线 */
  --shell:#ECEDF0;                    /* 屏幕预览的页面外壳底（打印时不出现）*/
  --night-hi:#0D2748; --night-lo:#06121F;   /* 深底渐变两端（160deg：hi → night → lo）*/
  /* 深底前景 · 仅用于 --night 底的页面 */
  --on-night:#9FB6CC;                 /* 深底正文 */
  --on-night-2:#5F7590;               /* 深底弱字 */
  --on-night-ok:#7FE3C4;              /* 深底强调 · 该说 */
  --on-night-warn:#FF9E92;            /* 深底警示 · 不该说 */
  --on-night-teal:#5FD6C4;            /* 深底眉标 */
  /* 浅色底 · 卡片与胶囊 */
  --tint-ok:#EAF6F0; --tint-warn:#FCEFED; --tint-brass:#FDF4E3; --tint-paper:#FDFBF5;
  --tint-bad:#FDF8F7; --tint-bad-line:#E8D7D4;   /* 错例卡片 · 底与描边 */
  /* 字号库 v2.1：最多 12 档。字号与字重分开；单页通常只选 3 档。 */
  /* 排版 */
  --f:"Noto Sans SC","Source Han Sans SC","PingFang SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--shell);color:var(--ink);font-family:var(--f);line-height:1.6;padding:24px 16px 60px}
/* 版心 ＝ 版式基准表 SC-PP-2026-002 P1 定值（841.92×594.96pt 页面）：
   左右边距 51.0pt · 正文区上边界 170.0pt · 下边界 535.0pt · 页脚分隔线 544.0pt
   屏幕换算比 794px ÷ 594.96pt = 1.3346 → padding-bottom = 794 − 535×1.3346 = 80px
   ⛔ 任何元素越过 535.0pt 即不合格，padding-bottom 不得调小 */
.page{width:1123px;height:794px;margin:0 auto 26px;background:var(--bg);padding:46px 51px 80px;
  position:relative;box-shadow:0 14px 40px rgba(10,30,56,.14);display:flex;flex-direction:column}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.26em;color:var(--teal)}
.pno{position:absolute;top:40px;right:51px;font-size:12px;color:var(--mut-4);letter-spacing:.08em}
h1{font-size:34px;font-weight:900;letter-spacing:.02em;margin:8px 0 22px}
h1 small{font-size:13px;font-weight:700;color:#fff;background:var(--teal);padding:5px 12px;
  border-radius:999px;margin-left:12px;vertical-align:middle;letter-spacing:.04em}
.foot{position:absolute;left:51px;right:51px;bottom:26px;border-top:1px solid var(--line);
  padding-top:10px;display:flex;justify-content:space-between;font-size:9px;color:var(--mut-3);letter-spacing:.06em}
.card{background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:13px 17px;
  box-shadow:0 .75px 2.25px rgba(15,29,43,.05)}
.card h3{font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--mut-2);margin-bottom:9px}
table{width:100%;border-collapse:collapse;font-size:11px}
th{text-align:left;font-weight:400;color:var(--mut-2);padding:4px 0;border-bottom:1px solid var(--line);letter-spacing:.06em}
td{padding:4px 0;border-bottom:1px solid var(--line-3);color:var(--ink2);vertical-align:top}
td b{color:var(--ink);font-weight:700}
.hot{color:var(--red);font-weight:700}
.pill{display:inline-block;font-size:11px;padding:5px 13px;border-radius:999px;margin:3px 5px 3px 0;line-height:1.5}
.no{background:var(--tint-warn);color:var(--red)}
.ok{background:var(--tint-ok);color:var(--green-d)}
.sw{height:56px;border-radius:7px 7px 0 0}
.swx{border:1px solid var(--line-2);border-top:none;border-radius:0 0 7px 7px;padding:8px 10px;background:#fff}
.swx b{font-size:12px}.swx span{font-size:10px;color:var(--mut);display:block;margin-top:1px}
@media print{
  body{background:#fff;padding:0}
  .page{box-shadow:none;margin:0;width:297mm;height:210mm;padding:16mm 18mm 21.2mm}
  @page{size:297mm 210mm;margin:0}
}

/* v2.1 规范网页采用纵向阅读；品牌物料的 A4 网格仍见基准表。
   仅启用 type-v21 的页面采用新字阶，避免改变其他旧页面。 */
.type-v21{font-size:var(--type-16)}
.type-v21 .page{height:auto;min-height:794px;flex-shrink:0;max-width:100%;padding-bottom:34px}
.type-v21 .page>*{flex-shrink:0}
.type-v21 .page .foot{position:static;margin-top:28px;padding-top:14px;gap:20px;flex-wrap:wrap;font-size:var(--type-16)}
.type-v21 .eyebrow,.type-v21 .pno,.type-v21 h1 small,.type-v21 table,
.type-v21 .pill,.type-v21 .swx b,.type-v21 .swx span{font-size:var(--type-16)}
.type-v21 h1{font-size:var(--type-36);line-height:1.25}
.type-v21 .card h3{font-size:var(--type-20);font-weight:700;letter-spacing:0;line-height:1.4}
.type-v21 .page h1 small{display:inline-block;white-space:normal;line-height:1.4}
.type-v21 .type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}
.type-v21 .type-cell{border-top:2px solid var(--line);padding:14px 0}
.type-v21 .type-cell b{display:block;font-size:var(--type-20)}
.type-v21 .type-profile{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:9px}
.type-v21 .type-profile h2{font-size:var(--type-20);margin-bottom:12px}
.type-v21 .type-profile strong{font-size:var(--type-36);display:block;margin-bottom:12px}
.type-v21 .type-source{line-height:1.8;margin-top:20px}
@media(max-width:760px){
 .type-v21{padding:12px}
 .type-v21 .page{width:100%;min-height:0;padding:28px 22px}
 .type-v21 .pno{position:static;margin-top:8px}
 .type-v21 .g2,.type-v21 .g3,.type-v21 .g4,.type-v21 .g5{grid-template-columns:1fr}
 .type-v21 .type-grid{grid-template-columns:repeat(3,1fr)}
 .type-v21 h1{font-size:var(--type-28)}
 .type-v21 .card{overflow-wrap:anywhere}
}
@media print{
 .type-v21 .page{width:297mm;max-width:none;height:auto;min-height:210mm;break-before:page;break-after:page}
 .type-v21 .card,.type-v21 tr,.type-v21 .type-profile{break-inside:avoid}
}

@media(max-width:760px){
 .type-v21 .page,.type-v21 .card,.type-v21 .g2>*,.type-v21 .g3>*,.type-v21 .g4>*,.type-v21 .g5>*{min-width:0}
 .type-v21 .page{overflow-wrap:anywhere}
 .type-v21 table{display:block;overflow-x:auto;max-width:100%}
 .type-v21 .kv{flex-wrap:wrap}
 .type-v21 .page [style*="display:grid"],.type-v21 .page [style*="display: grid"]{grid-template-columns:1fr!important}
 .type-v21 svg{max-width:100%}
}
/* 辅助内容同正文档，用既有中性深色保持可读，不新增颜色。 */
.type-v21 .eyebrow,.type-v21 .pno,.type-v21 .page .foot,.type-v21 .swx span{color:var(--ink2)}
.type-v21 .card h3{color:var(--ink)}
.type-v21 .dark .eyebrow,.type-v21 .dark .pno,.type-v21 .dark .foot{color:var(--on-night)}
@media(max-width:760px){
 .type-v21 .code{flex-wrap:wrap}
 .type-v21 .card>div[style*="display:flex"][style*="justify-content:center"]{flex-wrap:wrap}
 .type-v21 .frm{max-width:100%}
}