/*
 * 官网页面共用样式（design.md §16）：页头 / 页脚（静态 8 页 + 知识库共用）与静态页正文。
 * 页头 / 页脚 DOM 三处实现：React siteHome/SiteChrome.tsx（首页与隐私页，样式在 LandingPage.css）、
 * scripts/generate-seo-assets.mjs renderShell（静态页）、后端 seo_articles public_pages._shell（知识库），后两者共用本文件。
 * 只消费 design-token.css / ds-components.css 的 token：不写颜色、font-family、px 字号字面量；深色由 html[data-theme] 切换。
 * 元素级重置用 :where(.site) 保持低优先级，不压过 ds-btn 等组件类。
 * 版心（§16.2）：--m 是页边，--mx 是版心内页边（宽于 --ds-site-frame-max 时居中），只给贴 .site / .site-main 全宽的外层用。
 */
html{background:var(--ds-color-home-bg)}
.site-page{margin:0;background:var(--ds-color-home-bg)}
.site{--m:var(--ds-sys-space-4xl);--mx:max(var(--m), calc((100% - var(--ds-site-frame-max)) / 2 + var(--m)));--gap:var(--ds-sys-space-xl);min-height:100vh;display:flex;flex-direction:column;color:var(--ds-color-home-ink);font-family:var(--ds-typeface-plain);font-size:var(--ds-font-body-large-size);line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-spacing-trim:space-first;text-autospace:normal}
[data-theme="dark"] .site{color-scheme:dark}
:where(.site) *{box-sizing:border-box}
:where(.site) :is(h1,h2,h3,p,figure,blockquote,dl,dd,ol,ul){margin:0}
:where(.site) a{color:inherit;text-decoration:none}
:where(.site) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(.site) :focus-visible{outline:2px solid var(--ds-color-site-accent);outline-offset:3px}
.site .ds-btn{border-radius:var(--ds-corner-none)}
.site-main{flex:1 0 auto;min-width:0}

/* ── 页头：与首页一致（品牌 · 居中导航 · 主题两点 · 免费开始） ── */
.site-nav{position:sticky;top:0;z-index:30;height:80px;display:flex;align-items:center;padding:0 var(--mx);background:var(--ds-color-home-bg);box-shadow:0 1px 0 var(--ds-color-home-line)}
.site-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.site-brand b{font-weight:600;font-size:var(--ds-font-headline-small-size);letter-spacing:-.015em}
.site-brand i{width:1px;height:14px;background:var(--ds-color-home-line-strong)}
.site-brand span{font-size:var(--ds-font-body-small-size);letter-spacing:.14em;color:var(--ds-color-home-ink-secondary)}
.site-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:44px;font-size:var(--ds-font-body-medium-size)}
.site-links a{position:relative;padding:6px 0;color:var(--ds-color-home-ink-secondary)}
.site-links a:hover,.site-links a[aria-current=page]{color:var(--ds-color-home-ink)}
.site-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ds-color-home-ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ds-easing-standard)}
.site-links a:hover::after,.site-links a[aria-current=page]::after{transform:scaleX(1)}
.site-theme{margin-left:auto;margin-right:20px;display:flex;gap:2px;align-items:center}
.site-theme button{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;transition:box-shadow .2s}
.site-theme i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ds-color-home-line-strong)}
.site-theme [data-site-theme=light] i{background:var(--ds-color-site-swatch-light)}
.site-theme [data-site-theme=dark] i{background:var(--ds-color-site-swatch-dark);box-shadow:inset 0 0 0 1px var(--ds-color-site-swatch-dark-ring)}
html:not([data-theme=dark]) .site-theme [data-site-theme=light],html[data-theme=dark] .site-theme [data-site-theme=dark]{box-shadow:0 0 0 1px var(--ds-color-home-ink-secondary)}
.site-theme button:hover{box-shadow:0 0 0 1px var(--ds-color-home-line-strong)}
.site-menu{display:none}
/* Locale anchors share the existing shell; only their layout is added here. */
.site-languages{display:flex;flex-wrap:wrap;gap:var(--ds-sys-space-md);font-size:var(--ds-font-body-small-size)}
.site-languages a{color:var(--ds-color-home-ink-secondary);white-space:nowrap}
.site-languages a:hover,.site-languages a[aria-current=page]{color:var(--ds-color-home-ink);text-decoration:underline;text-underline-offset:.25em}
.site-nav>.site-languages{margin-left:auto}
.site-nav:has(>.site-languages) .site-theme{margin-left:var(--ds-sys-space-xl)}
.site-ft>.site-languages{grid-column:1/-1;margin-top:var(--ds-sys-space-xl)}
@media (min-width:761px) and (max-width:1100px){
  .site-nav:has(>.site-languages) .site-links{display:none}
  .site-nav:has(>.site-languages) .site-menu{display:block;margin-left:var(--ds-sys-space-sm)}
  .site-nav:has(>.site-languages) .site-menu nav{display:none}
  .site-nav:has(>.site-languages) .site-menu[open] nav{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;padding:var(--ds-sys-space-xl) var(--mx);gap:var(--ds-sys-space-lg);background:var(--ds-color-home-bg);border-bottom:1px solid var(--ds-color-home-line)}
}
.site-menu summary{list-style:none;display:grid;place-items:center;width:36px;height:36px;cursor:pointer}
.site-menu summary::-webkit-details-marker{display:none}

/* ── 首屏 ── */
.site-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:var(--ds-sys-space-5xl) var(--mx) 0}
.site-hero h1{grid-column:1/span 10;font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:calc(var(--ds-font-display-large-size) * 1.25);line-height:1.12;letter-spacing:-.01em;font-feature-settings:"palt" 1;text-wrap:balance}
.site-hero .accent{color:var(--ds-color-site-accent)}
.site-hero h1:not(:has(br)) .accent{display:block}
.site-hero .site-hero-tail{display:inline-block;font-size:var(--ds-font-headline-medium-size);letter-spacing:0;color:var(--ds-color-home-ink-secondary)}
.site-hero-copy{grid-column:1/span 6;margin-top:var(--ds-sys-space-xxl);font-size:var(--ds-font-body-large-size);line-height:1.9;color:var(--ds-color-home-ink-secondary)}
.site-hero-actions,.site-cta-actions{grid-column:1/-1;margin-top:var(--ds-sys-space-xxxl);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-sys-space-lg) var(--ds-sys-space-xxl)}
.site-text-link{display:inline-flex;gap:8px;padding:4px 0;font-size:var(--ds-font-body-large-size);border-bottom:1px solid var(--ds-color-home-line-strong);transition:border-color .2s}
.site-text-link::after{content:"→";transition:transform .3s var(--ds-easing-standard)}
.site-text-link:hover{border-color:var(--ds-color-home-ink)}
.site-text-link:hover::after{transform:translateX(3px)}

/* ── 区块通用：细线分隔、编号、衬线标题、墨绿强调 ── */
.site-sec{margin:var(--ds-sys-space-5xl) var(--mx) 0}
.site-num{font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.06em;color:var(--ds-color-site-accent)}
.site-label{font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.14em;color:var(--ds-color-home-muted)}
.site-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-sys-space-xl);margin-bottom:var(--ds-sys-space-xl)}
.site-sec-head h2{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size);line-height:1.35}
.site-sec-head p{margin-top:var(--ds-sys-space-xs);font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-muted)}
.site-counter{display:flex;align-items:baseline;gap:var(--ds-sys-space-sm);white-space:nowrap}
.site-sec-head .site-counter span:first-child{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-large-size);color:var(--ds-color-site-accent)}
.site-counter span:last-child{font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.06em}

/* 两栏：叙述 + 打勾清单 */
.site-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-sys-space-4xl);padding-top:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-ink)}
.site-duo h2{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-small-size);line-height:1.4}
.site-duo-text p{margin-top:var(--ds-sys-space-lg);font-size:var(--ds-font-body-large-size);line-height:1.9;color:var(--ds-color-home-ink-secondary)}
.site-checks{list-style:none;padding:0;margin-top:var(--ds-sys-space-md)}
.site-checks li{display:grid;grid-template-columns:var(--ds-sys-space-xl) minmax(0,1fr);padding:var(--ds-sys-space-md) 0;border-bottom:1px solid var(--ds-color-home-line);font-size:var(--ds-font-body-medium-size);line-height:1.8;color:var(--ds-color-home-ink-secondary)}
.site-checks li::before{content:"✓";font-family:var(--ds-typeface-code);color:var(--ds-color-site-accent)}
.site-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-line)}
.site-stats div{padding-top:var(--ds-sys-space-lg)}
.site-stats div+div{padding-left:var(--ds-sys-space-lg);border-left:1px solid var(--ds-color-home-line)}
.site-stats dt{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-large-size)}
.site-stats dd{margin-top:2px;font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.1em;color:var(--ds-color-home-muted)}

/* 编号目录横排（支柱 / 流程） */
.site-pillars,.site-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ds-color-home-ink)}
.site-pillar,.site-steps li{padding:var(--ds-sys-space-xxl) var(--ds-sys-space-xxl) 0 0}
.site-pillar+.site-pillar,.site-steps li+li{padding-left:var(--ds-sys-space-xxl);border-left:1px solid var(--ds-color-home-line)}
.site-pillar h2,.site-steps h3{margin-top:var(--ds-sys-space-lg);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size);line-height:1.35}
.site-steps h3{font-size:var(--ds-font-headline-small-size)}
.site-pillar p,.site-steps p{margin-top:var(--ds-sys-space-md);font-size:var(--ds-font-body-medium-size);line-height:1.85;color:var(--ds-color-home-ink-secondary)}
.site-pillar .site-pillar-lead{margin-top:var(--ds-sys-space-lg);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-large-size);line-height:1.6;color:var(--ds-color-home-ink)}

/* 适合 / 先观望 */
.site-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-sys-space-4xl)}
.site-fit ul{list-style:none;padding:0}
.site-fit-title{padding-bottom:var(--ds-sys-space-lg);border-bottom:1px solid var(--ds-color-home-line-strong);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-small-size);line-height:1.4}
.site-fit-item{display:grid;grid-template-columns:var(--ds-sys-space-xl) minmax(0,1fr);padding:var(--ds-sys-space-lg) 0;border-bottom:1px solid var(--ds-color-home-line);font-size:var(--ds-font-body-medium-size);line-height:1.8;color:var(--ds-color-home-ink-secondary)}
.site-fit-item::before{font-family:var(--ds-typeface-code)}
.site-fit-item.is-match::before{content:"✓";color:var(--ds-color-site-accent)}
.site-fit-item.is-miss::before{content:"×";color:var(--ds-color-home-faint)}
.site-fit-item strong{display:block;font-weight:500;font-size:var(--ds-font-title-medium-size);color:var(--ds-color-home-ink)}

/* 左标题 + 右编号目录（咨询前准备 / 沟通前准备） */
.site-check{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.site-check>h2{grid-column:1/span 4;font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size);line-height:1.45;padding-right:var(--ds-sys-space-xxl)}
.site-check>.site-check-list{grid-column:5/-1}
.site-check-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-ink)}
.site-check-list li{display:grid;grid-template-columns:var(--ds-sys-space-xxl) minmax(0,1fr);padding:var(--ds-sys-space-lg) 0;border-bottom:1px solid var(--ds-color-home-line)}
.site-check-list .site-num{line-height:2.2}
.site-check-list strong,.site-check-list h3{display:block;font-weight:500;font-size:var(--ds-font-title-medium-size);line-height:1.6}
.site-check-list span:not(.site-num),.site-check-list p{display:block;margin-top:2px;font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-muted)}

/* 链接行（相关常见问题 / 更多案例） */
.site-rows{list-style:none;padding:0;border-top:1px solid var(--ds-color-home-ink)}
.site-rows li{border-bottom:1px solid var(--ds-color-home-line)}
.site-rows a{display:flex;align-items:baseline;gap:var(--ds-sys-space-md);padding:var(--ds-sys-space-lg) 0;font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-large-size);line-height:1.5}
.site-rows a::after{content:"→";margin-left:auto;font-family:var(--ds-typeface-plain);font-weight:400;font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-faint);transition:transform .25s var(--ds-easing-standard),color .2s}
.site-rows a:hover::after{color:var(--ds-color-home-ink);transform:translateX(4px)}
.site-row{padding:var(--ds-sys-space-lg) 0;border-bottom:1px solid var(--ds-color-home-line);font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-ink-secondary)}
.site-row h2{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-large-size);color:var(--ds-color-home-ink)}

/* 主体事实（行业 / 主体公司 …）：四列定义表 */
.site-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ds-color-home-ink);border-bottom:1px solid var(--ds-color-home-line)}
.site-facts div{padding:var(--ds-sys-space-lg) var(--ds-sys-space-lg) var(--ds-sys-space-lg) 0;min-width:0}
.site-facts div+div{padding-left:var(--ds-sys-space-lg);border-left:1px solid var(--ds-color-home-line)}
.site-facts dt{font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.14em;color:var(--ds-color-home-muted)}
.site-facts dd{margin-top:var(--ds-sys-space-sm);font-size:var(--ds-font-body-medium-size);line-height:1.7;overflow-wrap:anywhere}
.site-facts a{border-bottom:1px solid var(--ds-color-home-line-strong)}

/* 案例：发布原则 + 精选案例 */
.site-principles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:baseline;padding-top:var(--ds-sys-space-lg);border-top:1px solid var(--ds-color-home-ink)}
.site-principles .site-label{grid-column:1/span 3}
.site-principles ol{grid-column:4/-1;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--ds-sys-space-xl)}
.site-principles li{display:flex;gap:var(--ds-sys-space-md);align-items:baseline;font-size:var(--ds-font-body-medium-size)}
.site-feature{padding-top:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-line-strong)}
.site-feature h2{margin-top:var(--ds-sys-space-lg);max-width:20em;font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-large-size);line-height:1.3}
.site-feature h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.site-feature-summary{margin-top:var(--ds-sys-space-lg);max-width:40em;line-height:1.9;color:var(--ds-color-home-ink-secondary)}
.site-meta{display:flex;flex-wrap:wrap;gap:var(--ds-sys-space-sm) var(--ds-sys-space-xxl);margin:var(--ds-sys-space-xl) 0;font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-ink-secondary)}
.site-meta div{display:flex;gap:var(--ds-sys-space-sm)}
.site-meta dt{font-weight:500;color:var(--ds-color-home-ink)}

/* 常见问题：编号 · 问题 · 回答 */
.site-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-sys-space-4xl);border-top:1px solid var(--ds-color-home-ink)}
.site-faq-item{display:grid;grid-template-columns:var(--ds-sys-space-4xl) minmax(0,1fr);row-gap:var(--ds-sys-space-sm);padding:var(--ds-sys-space-xl) 0;border-bottom:1px solid var(--ds-color-home-line);scroll-margin-top:96px}
.site-faq-item .site-num{grid-row:1/span 2;line-height:2.4}
.site-faq-item h3{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-large-size);line-height:1.5}
.site-faq-item p{grid-column:2;font-size:var(--ds-font-body-medium-size);line-height:1.85;color:var(--ds-color-home-ink-secondary)}

/* 联系负责人 */
.site-person{padding-top:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-ink)}
.site-person h2{margin-top:var(--ds-sys-space-md);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size)}
.site-person-phone{margin-top:var(--ds-sys-space-sm);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-display-large-size);letter-spacing:.02em;line-height:1.2;color:var(--ds-color-site-accent)}
.site-person-hint{margin:var(--ds-sys-space-md) 0 var(--ds-sys-space-xl);font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-muted)}

/* 结尾说明 / 评估咨询 */
.site-cta{padding-top:var(--ds-sys-space-xxl);border-top:1px solid var(--ds-color-home-line-strong);max-width:56em}
.site-cta h2{margin-top:var(--ds-sys-space-sm);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size);line-height:1.4}
.site-cta .site-label+h2{margin-top:var(--ds-sys-space-md)}
.site-cta p:not(.site-label){margin-top:var(--ds-sys-space-md);line-height:1.9;color:var(--ds-color-home-ink-secondary)}
.site-cta .site-cta-actions{margin-top:var(--ds-sys-space-xl)}

/* 相关指南（SSI 片段 /seo-fragments/related-guides，DOM 归后端） */
.site-main>.related-guides{margin:var(--ds-sys-space-5xl) var(--mx) 0}
.related-guides h2{padding-bottom:var(--ds-sys-space-lg);border-bottom:1px solid var(--ds-color-home-ink);font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size)}
.related-guides .m-guides-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-sys-space-4xl)}
.related-guides .m-guides-category{min-width:0;padding:var(--ds-sys-space-lg) 0;border-bottom:1px solid var(--ds-color-home-line)}
.related-guides .m-guides-category h3{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-title-medium-size);line-height:1.5}
.related-guides .m-guides-category h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.related-guides .m-guides-category p{margin-top:var(--ds-sys-space-xs);font-size:var(--ds-font-body-small-size);color:var(--ds-color-home-muted);overflow-wrap:anywhere}

/* ── 页脚：与首页一致 ── */
.site-ft{margin-top:calc(var(--ds-sys-space-5xl) * 2);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(48px,7vw,120px);padding:56px var(--mx) 40px;border-top:1px solid var(--ds-color-home-line-strong)}
.site-ft-b p{margin-top:16px;font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-ink-secondary)}
.site-ft-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.site-ft-n :is(h2,h3){font-family:var(--ds-typeface-code);font-weight:400;font-size:var(--ds-font-label-small-size);letter-spacing:.14em;color:var(--ds-color-home-muted);padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--ds-color-home-line)}
.site-ft-n a{display:block;padding:6px 0;font-size:var(--ds-font-body-medium-size);color:var(--ds-color-home-ink-secondary)}
.site-ft-n a:hover{color:var(--ds-color-home-ink)}
.site-ft-c{grid-column:1/-1;margin-top:56px;padding-top:18px;border-top:1px solid var(--ds-color-home-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.06em;color:var(--ds-color-home-muted)}
.site-ft-c a:hover{color:var(--ds-color-home-ink)}

/* ── 预约评估咨询弹窗 ── */
.contact-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--ds-sys-space-lg)}
.contact-modal[hidden]{display:none}
.contact-modal-backdrop{position:absolute;inset:0;background:var(--ds-color-scrim)}
.contact-modal-card{position:relative;width:min(440px,100%);padding:var(--ds-sys-space-xxxl);background:var(--ds-color-home-surface);border:1px solid var(--ds-color-home-line-strong);color:var(--ds-color-home-ink)}
.contact-modal-close{position:absolute;top:var(--ds-sys-space-md);right:var(--ds-sys-space-md);width:40px;height:40px;display:grid;place-items:center;color:var(--ds-color-home-muted)}
.contact-modal-close:hover{color:var(--ds-color-home-ink)}
.contact-modal-title{font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-medium-size);line-height:1.3}
.contact-modal-copy{margin:var(--ds-sys-space-md) 0 var(--ds-sys-space-xl);font-size:var(--ds-font-body-medium-size);line-height:1.8;color:var(--ds-color-home-ink-secondary)}
.contact-modal-label{display:block;padding-top:var(--ds-sys-space-md);border-top:1px solid var(--ds-color-home-line);font-family:var(--ds-typeface-code);font-size:var(--ds-font-label-small-size);letter-spacing:.14em;color:var(--ds-color-home-muted)}
.contact-modal-name{margin:4px 0 var(--ds-sys-space-lg);font-size:var(--ds-font-title-large-size);font-weight:500}
.contact-modal-phone{display:inline-block;margin-top:4px;font-family:var(--ds-typeface-site-serif);font-weight:600;font-size:var(--ds-font-headline-large-size);letter-spacing:.02em;color:var(--ds-color-site-accent)}
.contact-modal-hint{margin-top:var(--ds-sys-space-lg);font-size:var(--ds-font-body-small-size);color:var(--ds-color-home-muted)}

/* ── 手机、平板与窄窗（<1280）：页边 16，导航收进无 JS 的 <details> 汉堡，主题只露当前圆点 ── */
@media (max-width:1279px){
  .site{--m:var(--ds-sys-space-lg);--gap:var(--ds-sys-space-md)}
  .site-nav{height:60px}
  .site-nav>.site-languages{display:none}
  .site-nav:has(>.site-languages) .site-theme{margin-left:auto}
  .site-menu .site-languages{margin-top:var(--ds-sys-space-lg)}
  .site-links{display:none}
  .site-brand b{font-size:var(--ds-font-title-large-size)}
  .site-nav .site-brand span,.site-nav .site-brand i{display:none}
  .site-theme{margin-right:6px}
  html:not([data-theme=dark]) .site-theme [data-site-theme=dark],html[data-theme=dark] .site-theme [data-site-theme=light]{display:none}
  .site-nav>.ds-btn{height:36px;padding:0 var(--ds-sys-space-md)}
  .site-menu{display:block;margin-left:8px}
  .site-menu nav{display:none}
  .site-menu[open] nav{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;padding:var(--ds-sys-space-sm) var(--m) var(--ds-sys-space-xl);background:var(--ds-color-home-bg);border-bottom:1px solid var(--ds-color-home-line)}
  .site-menu nav a:not(.ds-btn){padding:var(--ds-sys-space-md) 0;border-bottom:1px solid var(--ds-color-home-line);font-size:var(--ds-font-body-large-size)}
  .site-menu nav a[aria-current=page]{color:var(--ds-color-site-accent)}
  .site-menu nav .ds-btn{margin-top:var(--ds-sys-space-lg);width:100%}
  .site-hero{padding-top:var(--ds-sys-space-xxxl)}
  .site-hero h1,.site-hero-copy{grid-column:1/-1}
  .site-hero h1{font-size:var(--ds-font-headline-large-size);line-height:1.3}
  .site-hero .site-hero-tail{font-size:var(--ds-font-headline-small-size)}
  .site-hero-copy{margin-top:var(--ds-sys-space-lg);font-size:var(--ds-font-body-medium-size)}
  .site-hero-actions{margin-top:var(--ds-sys-space-xl)}
  .site-sec,.site-main>.related-guides{margin-top:var(--ds-sys-space-4xl)}
  .site-sec-head{flex-direction:column;align-items:flex-start;gap:var(--ds-sys-space-sm)}
  .site-sec-head h2{font-size:var(--ds-font-headline-small-size)}
  .site-duo,.site-fit,.site-faq,.related-guides .m-guides-categories{grid-template-columns:1fr;row-gap:var(--ds-sys-space-4xl)}
  .site-faq,.related-guides .m-guides-categories{row-gap:0}
  .site-pillars,.site-steps{grid-template-columns:1fr}
  .site-pillar,.site-pillar+.site-pillar,.site-steps li,.site-steps li+li{padding:var(--ds-sys-space-xl) 0;border-left:0}
  .site-pillar+.site-pillar,.site-steps li+li{border-top:1px solid var(--ds-color-home-line)}
  .site-pillar h2,.site-steps h3{margin-top:var(--ds-sys-space-sm);font-size:var(--ds-font-headline-small-size)}
  .site-check>h2{grid-column:1/-1;padding:0 0 var(--ds-sys-space-xl);font-size:var(--ds-font-headline-small-size)}
  .site-check>.site-check-list{grid-column:1/-1}
  .site-check-list{grid-template-columns:1fr}
  .site-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-facts div:nth-child(odd){padding-left:0;border-left:0}
  .site-facts div:nth-child(n+3){border-top:1px solid var(--ds-color-home-line)}
  .site-principles .site-label,.site-principles ol{grid-column:1/-1}
  .site-principles ol{margin-top:var(--ds-sys-space-md);grid-template-columns:1fr;row-gap:var(--ds-sys-space-sm)}
  .site-feature h2{font-size:var(--ds-font-headline-small-size)}
  .site-stats div+div{padding-left:var(--ds-sys-space-md)}
  .site-person-phone{font-size:var(--ds-font-headline-large-size)}
  .site-ft{margin-top:var(--ds-sys-space-5xl);grid-template-columns:1fr;padding:40px var(--m) 28px}
  .site-ft-n{margin-top:32px;column-gap:16px}
  .site-ft-n a{font-size:var(--ds-font-body-small-size)}
  .site-ft-c{margin-top:36px;line-height:1.8}
  .contact-modal-card{padding:var(--ds-sys-space-xxl) var(--ds-sys-space-xl)}
}