/* Chinese-only stylesheet, linked only from dist-cn pages, after site.css. The English stylesheet is unchanged.
   CN-3: the Chinese site's own style (direction C, blue-violet). System fonts only (the --font stack of site.css:
   PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC); no Chinese web font, no external resource. */

/* 2.1 Tokens. State fills (discs, lines) stay as today; pills use the light backgrounds below.
   Hold text: #a8620a on #fff1dc is 4.27:1, below the 4.5:1 of 2.1, so #9e5c09 is used (4.73:1). */
:root{
 --bg:#fbfbfe;--surface:#ffffff;--soft:#f6f5fc;--line:#ecebf5;--control:#dfdded;
 --text:#14152b;--muted:#55576e;--muted-2:#8a8ca3;
 --accent:#3557f5;--accent-end:#7b3fe4;--brand-grad:linear-gradient(90deg,#3557f5,#7b3fe4);
 --ok-text:#0b7a50;--ok-tint:#e3f9ef;--stop-text:#c4382c;--stop-tint:#ffe8e6;--hold-text:#9e5c09;--hold-tint:#fff1dc;
 --unknown-text:#5f6280;--unknown-tint:#eeeef4;
 --chip:#f1effa;--chip-text:#4b3aa8;
 --r:24px;
 --shadow:0 12px 32px rgba(40,30,120,.06);
 --shadow-hover:0 18px 40px rgba(40,30,120,.12);
 --gradient-v:linear-gradient(180deg,#3557f5,#7b3fe4);
 --glow:0 0 14px rgba(53,87,245,.35);
 --ink-panel:#191a36;--ink-panel-2:#25274d;--ink-text:#b9bbd3;
}

/* 2.5 Soft blue / violet light behind the first screen only. */
body{background-color:var(--bg);background-image:radial-gradient(620px 440px at 10% 140px,#dfe6ff 0%,rgba(223,230,255,0) 70%),radial-gradient(680px 480px at 90% 80px,#ebe3ff 0%,rgba(235,227,255,0) 70%),radial-gradient(560px 400px at 60% 860px,#e2f1ff 0%,rgba(226,241,255,0) 70%);background-repeat:no-repeat;font-size:16px;line-height:1.75}

/* 2.3 Type. Chinese headings: weight 900 (h1, h2), letter-spacing 0. */
h1,h2,h3,h4,.hero-statement,.try-answer b,.scen-head h3,.tile h2,.tile h3{letter-spacing:0}
h1,h2{font-weight:900}
h3{font-weight:700}
h1{font-size:clamp(36px,4.2vw,60px);line-height:1.22}
h2{font-size:clamp(28px,2.95vw,42px);line-height:1.3}
.try-caps,.try-kicker,.eyebrow,.section-label,.tag{letter-spacing:.02em}
.lead{font-size:18px;line-height:1.75}
.scope,.note{font-size:15px;line-height:1.7}
.article-body p,.reading p,.guide p,.guide li,.principle-card p,.problem-row dd,.reg-item p,.faq-list p,.compare li,.scenario-problem,.scenario-note,.key-point p,.strip-item p,.layer p,.about-facts p,.spaced-text{line-height:1.8}
h1,h2,h3,.seq-final{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.hero-statement,.h-line{word-break:keep-all}
.h-line{display:block}
.grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.section-label,.cn-lab{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.14em;color:var(--accent)}
h2.section-label{max-width:none;margin:0 0 12px}

/* 2.2 Shapes: cards, fully rounded buttons and chips. */
.card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}
.card h3{font-size:19px;line-height:1.5}
.card-sub{margin:4px 0 12px;font-size:14.5px;line-height:1.7;color:var(--muted)}
a.card{display:block;color:var(--text);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
a.card:hover,a.card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#dcd9f0;color:var(--text)}
.btn{min-height:50px;padding:13px 30px;font-weight:700}
.btn:hover,.btn:not(.alt):not(.btn-invert):hover{background:#2c2e52;color:#fff}
.btn.alt{display:inline-flex;align-items:center;min-height:50px;padding:13px 28px;border:1px solid var(--control);border-radius:999px;background:#fff;color:var(--text);font-weight:700}
.btn.alt:after{content:"→"/"";margin-left:6px}
.btn.alt:hover{border-color:var(--accent);background:#fff;color:var(--text)}
.btn-small{min-height:38px;padding:7px 18px}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:14px;line-height:20px;font-weight:400}
.hero-pill a{color:var(--muted)}
.hero-pill-dot{background:var(--accent)}
.tag{padding:4px 12px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:400}
.ref{border-radius:8px;padding:0 8px}
.state-pill{padding:3px 12px;font-size:13.5px;line-height:20px;font-weight:700}
.state-pill.is-unknown{background:var(--unknown-tint);color:var(--unknown-text)}
.flow-caption{color:var(--muted)}
p a,dd a{color:var(--accent)}

/* Header: shield + 赫库斯; navigation as a rounded pill bar. */
.site-header{background:transparent;border-bottom:0}
.header-inner{height:84px}
.cn-brand{display:flex;flex:none;align-items:center;gap:10px;color:var(--text);font-size:21px;line-height:1;font-weight:900;text-decoration:none}
.cn-brand img{width:32px;height:32px}
.cn-brand:hover{color:var(--text)}
@media(min-width:1181px){
 #primary-nav{gap:2px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75)}
 #primary-nav>a:not(.btn),.product-menu summary{padding:7px 16px;border-radius:999px}
 #primary-nav>a:not(.btn):hover,.product-menu summary:hover{background:var(--soft);color:var(--text)}
 #primary-nav .btn{margin-left:6px}
 .product-menu-links{left:0;top:48px;border-radius:18px}
}
.menu-toggle{border-radius:999px;background:#fff}

/* Footer: dark ink, same columns and texts; ICP placeholder at the right of the legal line. */
.site-footer{margin-top:96px;padding:56px 0 30px;background:#14152b;color:#c9cadb}
.site-footer .cn-brand{color:#fff}
.site-footer .brand{width:auto}
.footer-inner nav a{color:#c9cadb}
.footer-inner nav a:hover{color:#fff}
.footer-legal{border-top-color:#2c2e48;color:#c9cadb}
.footer-icp{margin-left:auto}
.footer-icp a,.footer-police a{color:#fff}
/* A full-width mark that ends an underlined link: drop the empty right half of its em box so the underline stops at the glyph. */
.cn-fw-end{letter-spacing:-.5em}
.footer-police img{vertical-align:-3px;margin-right:4px}
.footer-social{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:32px}
.footer-social-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.footer-social-links a{color:#fff}
.about-social{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;margin:24px 0 0;padding:0;list-style:none}
.about-social li{display:grid;justify-items:center;gap:8px}
.social-qr{width:160px;height:160px;border-radius:8px;background:#fff}

/* 3.1 Home hero: centred. */
.cn-home-hero{padding:40px 0 0;background:none;text-align:center}
.cn-home-hero>.wrap{display:flex;flex-direction:column;align-items:center}
.cn-home-hero .hero-statement{margin-top:16px;font-size:clamp(40px,5.7vw,82px);line-height:1.16;font-weight:900}
.cn-home-hero .lead{max-width:860px;margin-top:22px;font-size:21px;line-height:1.7}
.cn-home-hero .hero-note{max-width:760px;margin-top:6px;font-size:15.5px}
.cn-home-hero .actions{justify-content:center;margin-top:30px;gap:14px}
.cn-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}
.cn-trust li{padding:5px 12px;border-radius:12px;background:var(--soft);color:var(--text);font-size:14px;line-height:20px}

/* 3.1 Bento: decision card (two rows), 批准了才动手, 不清楚就停下, 你掌握控制. */
.cn-bento-section{padding:56px 0 0}
.cn-bento{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.cn-bento>.stream-card{grid-row:span 2;padding:24px 28px 20px;border-radius:var(--r);box-shadow:var(--shadow)}
.cn-b-control{grid-column:span 2}
.cn-bento .card>p{margin-top:2px;font-size:15px;line-height:1.7;color:var(--muted)}
.cn-bento .gate,.cn-bento .stream-dots{display:none}
.cn-bento .stream-head{padding:0;border:0;font-size:19px;line-height:1.5}
.cn-bento .stream-live{font-size:12.5px}
.cn-bento .ask-table{margin-top:8px;border-collapse:separate;border-spacing:0 9px;font-size:14.5px;line-height:1.6}
.cn-bento .ask-table th{padding:4px 14px 0;border:0;font-weight:400}
.cn-bento .ask-table td{padding:11px 14px;border:0;background:var(--soft)}
.cn-bento .ask-table td:first-child{border-radius:14px 0 0 14px}
.cn-bento .ask-table td:last-child{border-radius:0 14px 14px 0}
.cn-bento .ask-row.active td{background:#ebe9fa}
.cn-bento .ask-action{font-weight:400}
.cn-bento .stream-foot{padding:0;border:0}
@container (max-width:440px){
 .cn-bento .ask-table{border-spacing:0}
 .cn-bento .ask-row{margin-top:9px;padding:11px 14px;border:0;border-radius:14px;background:var(--soft)}
 .cn-bento .ask-row.active{background:#ebe9fa}
 .cn-bento .ask-table td{padding:0;border-radius:0}
}
.cn-mini-rows{display:grid;gap:10px;margin-top:20px}
.cn-mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:14px;background:var(--soft);font-size:14px;line-height:1.5}
.cn-control-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;font-size:15px;line-height:1.7}
.cn-control-items b{display:block;font-weight:700}
.cn-control-items span{display:block;color:var(--muted)}
.cn-b-control .section-link{margin-top:14px;font-size:15px}

/* 2.6 Seals: exactly two (home 批准了才动手 card, evidence record card). */
.seal{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--accent-end);border-radius:8px;color:var(--accent-end);font-weight:900;line-height:1.3;text-align:center;transform:rotate(-7deg)}
.seal-lg{width:118px;height:108px;margin-top:22px;font-size:22px}
.seal-sm{float:right;margin:-4px 0 8px 12px;padding:8px 10px;font-size:15px}

/* Scenarios entry and product cards. */
.scen-section{padding:72px 0 0}
.scen-panel{padding:10px}
.cn-products{padding:72px 0 0}
.tile h2{font-size:34px;line-height:1.3}
#guardian.tile-big{background:linear-gradient(160deg,#eef2ff,#fff 55%)}
#custodian.tile-big{background:linear-gradient(160deg,#f4f0ff,#fff 55%)}
.tile-big .tag{border:0;background:none;padding:0;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.14em}
#custodian .tag{color:var(--accent-end)}
.give-row{background:#fff}

/* 4.1 Evidence section. */
.cn-evidence{padding:72px 0 0}
.cn-evidence .lead{margin:10px 0 30px;max-width:none}
.cn-ev-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.cn-rec,.cn-map-rows{margin:0}
.cn-rec>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:10px 6px;border-top:1px solid #f0eff7;font-size:14.5px;line-height:1.7}
.cn-rec dt{font-weight:400;color:var(--muted)}
.cn-rec dd .ref{margin-left:2px}
.cn-map-rows>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #f0eff7;font-size:15px;line-height:1.7}
.cn-map-rows dt{font-weight:700}
.cn-map-rows dd{color:var(--muted)}
.cn-ev-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.cn-ev{padding:24px}
.cn-ev h3,.cn-explore-card h3{margin-top:6px;font-size:18px}
.cn-ev p,.cn-explore-card p{margin-top:4px;font-size:14.5px;line-height:1.7;color:var(--muted)}

/* Explore. */
.explore-section{padding:72px 0 0}
.cn-explore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.cn-explore-card{padding:24px}
.cn-explore-card .row-icon{margin-bottom:14px}

/* 2.7 Closing band on every page. */
.cn-closing{padding:72px 0 0}
.cn-band{padding:56px;border-radius:32px;background:linear-gradient(120deg,#3557f5,#7b3fe4);color:#fff;text-align:center}
.cn-band h2{max-width:none;margin:0 auto;color:#fff}
.cn-band-eyebrow{margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.14em;color:#fff}
.cn-band-line{margin-top:8px;color:#fff;font-size:16px}
.cn-band a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:4px}
.cn-band a:focus-visible{outline-color:#fff}
.cn-band .actions{justify-content:center;margin-top:26px}
.btn-invert,.btn-invert:hover{background:#fff;color:var(--text)}
.btn-invert:hover{box-shadow:0 8px 24px rgba(20,21,43,.25)}
.cn-band .about-social{color:#fff}

/* 3.2 Product pages: two-column hero; check cards with gradient number squares. */
.cn-phero{padding:56px 0 24px;background:none}
.cn-phero h1{margin-top:22px;font-size:clamp(36px,4.2vw,60px);line-height:1.22}
@media(min-width:801px){.cn-phero h1{word-break:keep-all}}
.cn-phero .lead{max-width:640px;font-size:17px}
.cn-phero .eyebrow{margin:0}
.cn-phero .hero-pill{color:var(--text)}
.cn-phero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.cn-checks{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.cn-checks li{display:flex;gap:16px;align-items:flex-start;padding:22px 24px}
.cn-checks h2{font-size:18px;line-height:1.5;font-weight:700}
.cn-checks p{margin-top:2px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.cn-num,.layer-no{flex:none;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-grad);color:#fff;font-size:15px;font-weight:800}
.cn-kp .section-label{margin-bottom:10px}
.cn-kp-list{display:grid;gap:12px}
.cn-kp .key-point{display:flex;gap:14px;align-items:flex-start;padding:18px 20px}
.cn-kp .kp-icon{flex:none;min-height:0}
.cn-kp .key-point h3{margin:0;font-size:16px;line-height:1.5}
.cn-kp .key-point p{margin-top:2px;font-size:14px;line-height:1.7}
.cn-kp .kp-inputs{margin-top:14px;padding-top:0;border:0;font-size:14px}
.control-icon{stroke:var(--accent)}

/* Flows: the Guardian / Custodian lane and line carry the gradient. */
.seq{border-radius:var(--r)}
.lane-guardian,.lane-custodian{border:0;background:var(--brand-grad);color:#fff;border-radius:999px}
.seq-lane{border-radius:999px}
.seq-no{border-radius:8px}
.seq-step.current .seq-no{border-color:var(--accent);background:var(--accent)}
.seq-pill.is-unknown{color:var(--unknown-text)}
.seq-note{border-radius:999px;background:var(--soft);border-color:transparent}

/* 动手试: light controls card, dark result console. */
.try-section .try-grid{gap:18px}
.try-controls .try-box{border-radius:16px}
.try-pill{border-color:var(--muted-2)}
.try-pill[aria-pressed=true]{border-color:var(--text);background:var(--text);color:#fff}
.try-console{border-color:var(--ink-panel);background:var(--ink-panel);color:#fff;box-shadow:0 18px 40px rgba(20,21,43,.25)}
.try-console .try-head{border-color:rgba(255,255,255,.1)}
.try-console .try-head b{font-weight:400;color:var(--ink-text)}
.try-console .try-head span{color:var(--ink-text)}
.try-console .try-row,.try-console .try-row[data-state=no],.try-console .try-row[data-state=hold]{background:transparent}
.try-console .try-row-text b{color:#fff}
.try-console .try-row-text small,.try-console .try-row[data-state=no] small,.try-console .try-row[data-state=hold] small{color:var(--ink-text)}
.try-console .try-row .state-pill.is-ok{background:var(--ok-tint)}
.try-console .try-row .state-pill.is-no{background:var(--stop-tint)}
.try-console .try-row .state-pill.is-hold{background:var(--hold-tint)}
.try-console .try-view{color:#fff}
.try-console .try-view+.try-view{border-color:rgba(255,255,255,.1)}
.try-console .try-band,.try-console .try-band[data-state]{border:0;border-radius:16px;background:var(--ink-panel-2)}
.try-console .try-band .try-kicker{color:var(--ink-text)}
.try-console .try-answer{color:#fff}
.try-console .try-band[data-state=ok] b{color:#5fe0a5}
.try-console .try-band[data-state=hold] b{color:#ffc46b}
.try-console .try-band[data-state=no] b{color:#ff8f85}
.try-console .try-foot{border-color:rgba(255,255,255,.1);color:var(--ink-text)}
.try-console .try-foot b{color:#fff}
.try-console .ref{background:#34366a;color:#e4e0ff}
.try-console a{color:#fff}

/* 有什么不同: text left, comparison table right in a card. */
.cn-diff{padding:72px 0 0}
.cn-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.cn-split p{margin-top:16px;color:var(--muted)}
.nm-panel.card{padding:20px 28px}
.nm-title{margin:4px 0 8px;font-size:20px;line-height:1.5;font-weight:700}
.nm-section{padding:72px 0 0}
.nm-section .nm-title{font-size:clamp(24px,2.4vw,32px);font-weight:900}
.nm-table{font-size:15px;line-height:1.7}
.nm-table tbody tr{border-color:#f0eff7}

/* 在场景中查看 as chips. */
.scen-links{padding:56px 0 0}
.cn-chip-links{display:flex;flex-wrap:wrap;gap:8px}
.cn-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:14px;line-height:20px;text-decoration:none;transition:border-color .15s,transform .15s}
.cn-chip b{font-weight:700}
.cn-chip span:before{content:"·"/"";margin-right:6px;color:var(--muted)}
.cn-chip:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}
.deploy-line{padding:32px 0 0}

/* Other pages (3.3): chip + large heading, content in cards. */
.cn-page-hero{padding:56px 0 32px;background:none}
.cn-page-hero .hero-pill{margin-bottom:20px}
.cn-page-hero .hero-sub{font-size:24px;line-height:1.5}
.cn-reading-card{padding:36px 40px}
.cn-reading-card h2{font-size:24px;line-height:1.5}
.cn-reading-card h2+p,.cn-reading-card p+p{margin-top:12px}
.guide .cn-reading-card h2{margin-top:32px}
.guide .cn-reading-card h2:first-child{margin-top:0}
.guide .cn-reading-card p,.guide .cn-reading-card li{color:var(--muted)}
.guide .cn-reading-card p{margin-top:12px}
.guide{max-width:860px}
.article-body .cn-reading-card p{color:var(--text)}
.cn-combination,.cn-company,.cn-ip{padding:40px 0 0}
#security-disclosure{padding:56px 0 0}
.soft{padding-top:24px}
.principle-card{padding:28px}
.cn-404 .actions{margin-top:24px}
/* Authority Suite. */
.cn-suite-hero .authority-explanation{margin-top:16px}
.layers-section{padding-top:40px}
.layer{padding:28px}
.suite-card{padding:28px}
.cn-suite-decide{padding-top:72px}
/* Scenarios. */
.scenario-section-v01{padding:24px 0 0}
.product-switch [role=tab][aria-selected=true],.product-switch .pill-slider{background:var(--text)}
.compare-col.compare-with{border-color:#dcd9f0}
/* Problems: the filter keeps its three zones in the new colours. */
.zone-before{background:#eef0ff;color:#2f4fe0}
.zone-at{background:#3557f5;color:#fff}
.zone-after{background:#f1eafe;color:#5b2bb8}
.zone[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--text)}
.zone-all[aria-pressed=true]{border-color:var(--text);background:var(--text)}
.problem-row.pz-before:before{background:repeating-linear-gradient(90deg,#3557f5 0 12px,transparent 12px 18px)}
.problem-row.pz-at:before{background:#3557f5}
.problem-row.pz-after:before{background:#7b3fe4}
.problems-section{padding-top:24px}
/* Regulation: each item is a card, grouped by the existing anchors. */
.reg-items{display:grid;gap:12px;padding:0;border:0;background:none;box-shadow:none}
.reg-item{padding:22px 26px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}
.reg-chips a[aria-current=true]{border-color:var(--text);background:var(--text)}
/* FAQ and Insights. */
.faq-list{padding:0 32px}
.index-list{padding:0 32px}
/* About: company information and the trademark table. */
.cn-facts{display:grid;gap:8px;margin:12px 0 0}
.cn-facts>div{display:flex;flex-wrap:wrap;gap:0 4px}
.cn-facts dt{font-weight:400;color:var(--muted)}

/* 2.9 Hover lift on cards only. */
.tile-big:hover,.tile-big:focus-within{box-shadow:var(--shadow-hover)}
@media(prefers-reduced-motion:reduce){a.card:hover,a.card:focus-visible,.cn-chip:hover{transform:none}}

/* 3.4 Responsive. */
@media(max-width:1180px){
 .cn-phero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 #primary-nav{border-radius:0 0 24px 24px}
}
@media(max-width:1024px){
 .cn-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cn-bento>.stream-card{grid-column:1/-1;grid-row:auto}
 .cn-b-control{grid-column:1/-1}
 .cn-ev-cards,.cn-explore{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cn-ev-grid,.cn-split{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
 .footer-icp{margin-left:0}
 .cn-band{padding:36px 20px;border-radius:24px}
 .cn-reading-card{padding:24px 20px}
 .faq-list,.index-list{padding-inline:20px}
 .cn-home-hero .lead{font-size:18px}
 .cn-closing,.cn-evidence,.explore-section,.cn-products,.scen-section,.cn-diff,.nm-section{padding-top:56px}
}
@media(max-width:700px){
 .cn-bento,.cn-ev-cards,.cn-explore,.cn-control-items{grid-template-columns:minmax(0,1fr)}
 .card{padding:22px 20px}
 .cn-bento>.stream-card{padding:20px}
 .cn-map-rows>div{grid-template-columns:minmax(0,1fr);gap:2px}
 .cn-rec>div{grid-template-columns:56px minmax(0,1fr)}
 .tile h2{font-size:28px}
}
@media(max-width:640px){
 .cn-table,.cn-table tbody,.cn-table tr,.cn-table td{display:block}
 .cn-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .cn-table tr{padding:10px 0;border-bottom:1px solid var(--line)}
 .cn-table td{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:2px 0;border:0}
 .cn-table td:before{content:attr(data-label);color:var(--muted)}
}
@media(max-width:480px){
 .cn-home-hero .hero-statement{font-size:clamp(40px,11vw,48px)}
 .cn-home-hero .actions{flex-direction:column;align-items:stretch;width:100%}
 .header-inner{height:72px}
 .seal-lg{width:104px;height:96px;font-size:20px}
}

/* Vertical rhythm: sections space from the top only; the closing band ends the page. */
main>section{padding-bottom:0}
main>section:not(.hero):not(.cn-closing):not(.cn-combination):not(.cn-company):not(.cn-ip):not(.soft){padding-top:72px}
main>section.soft{padding-top:40px}
@media(max-width:800px){main>section:not(.hero):not(.cn-closing):not(.cn-combination):not(.cn-company):not(.cn-ip):not(.soft){padding-top:56px}}

/* CN-4 1: the two product name cards under the home H1 (no dot, no icon). */
.cn-names{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:20px;margin:24px 0 0;padding:0;list-style:none}
.cn-name{display:flex;flex-direction:column;align-items:center;height:100%;padding:10px 26px;border:1px solid;border-radius:18px;background:#fff;box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:transform .18s,box-shadow .18s}
.cn-name-a{border-color:#c3cdfc}
.cn-name-b{border-color:#d9c8f8}
.cn-name b{font-size:17px;line-height:1.6;font-weight:700;white-space:nowrap}
.cn-name span{font-size:13px;line-height:1.5;color:var(--muted);white-space:nowrap}
.cn-name:hover,.cn-name:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:var(--text)}
.cn-name:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:560px){.cn-names{grid-auto-flow:row;gap:14px}}
@media(prefers-reduced-motion:reduce){.cn-name:hover,.cn-name:focus-visible{transform:none}}

/* CN-4 3.3: badge "记录中 0 个真实值" - light brand-gradient tint, brand-B text, weight 900. */
.cn-badge{flex:none;display:inline-flex;align-items:center;padding:7px 18px;border:1px solid #dcd2f8;border-radius:999px;background:linear-gradient(90deg,#eef1fe,#f3edfd);color:var(--accent-end);font-size:15px;line-height:22px;font-weight:900;white-space:nowrap}

/* CN-4 3.1: the fifth Custodian key point, one wide card. */
.cn-kp .cn-kp-wide{align-items:center;border-color:#dcd2f8}
.cn-kp-wide-text{flex:1;min-width:0}
.cn-kp-link{margin-top:4px;font-size:14px;line-height:1.6;font-weight:700}
@media(max-width:560px){.cn-kp .cn-kp-wide{flex-wrap:wrap;align-items:flex-start}.cn-kp-wide-text{flex:1 1 calc(100% - 46px)}.cn-kp-wide .cn-badge{margin-left:46px}}

/* CN-4 3.2: the audit section. */
.cn-audit-section .lead{margin:10px 0 30px;max-width:900px}
.cn-audit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cn-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:15px;line-height:1.7}
.cn-table th{padding:8px 12px 8px 8px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:400;text-align:left;color:var(--muted)}
.cn-table td{padding:12px 12px 12px 8px;border-bottom:1px solid #f0eff7}
.cn-audit-value{color:var(--muted)}
.cn-audit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.cn-audit-cards p{margin-top:4px;font-size:14.5px;line-height:1.7;color:var(--muted)}
@media(max-width:700px){.cn-audit-cards{grid-template-columns:minmax(0,1fr)}.cn-audit-head{flex-direction:column;gap:4px}.cn-audit-head .cn-badge{margin-bottom:4px}}
@media(max-width:640px){
 .cn-table td{padding:2px 0;border:0}
 .cn-table tr{border-bottom:1px solid #f0eff7}
 .cn-table td>.ref,.cn-table td>.state-pill{justify-self:start}
}
/* Footer at phone width: the product names keep one line each (the 产品 column spans the row). */
@media(max-width:480px){.footer-inner nav .footer-col:first-child{grid-column:1/-1}}