/* Canonical ShopXN design contract: approved Chinese homepage values.
   Root marketing, localized marketing, reading and admin are named layouts,
   not independent typography/color systems. Loaded after layout adapters. */
:root{--sx-ink:#232425;--sx-muted:#63676d;--sx-line:#eaeaea;--sx-soft:#fafafa;--sx-width:1160px;--sx-font:Arial,Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif;--sx-heading:clamp(44px,4.7vw,64px);--sx-section-heading:clamp(30px,3.4vw,44px);--sx-control-radius:12px}
body.sx-site,body.sx-minimal-root,body.sx-minimal-en{font-family:var(--sx-font);color:var(--sx-ink);background:#fff}
body.sx-site :is(button,input,select,textarea){font-family:var(--sx-font)}
body.sx-site .sx-intro{padding:66px 0 84px}
body.sx-site .sx-intro-copy{max-width:980px}
body.sx-site .sx-intro h1{max-width:940px;font-size:var(--sx-heading);font-weight:600;line-height:1.18;letter-spacing:-.035em}
body.sx-site .sx-intro .sx-lead{font-size:18px;line-height:1.7;color:var(--sx-muted)}
body.sx-site .sx-block-head h2{font-size:var(--sx-section-heading);font-weight:550;line-height:1.18;letter-spacing:-.035em}
body.sx-site :is(.sx-grid,.sx-rows) h3{font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.025em}
body.sx-site .sx-navrow{height:76px}
body.sx-site .sx-nav{font-size:14px;font-weight:500}
body.sx-site .sx-eyebrow{font-size:11px;font-weight:500;letter-spacing:.08em;color:#86868c}
body.sx-site .sx-intro .sx-eyebrow{font-size:14px;font-weight:600;letter-spacing:.11em}
body.sx-site :is(.sx-button,.btn,.sl-button,.guide-btn,.article-button){min-height:52px;padding:12px 22px;border-radius:var(--sx-control-radius);font-size:15px;font-weight:600;line-height:1.6;letter-spacing:normal;box-shadow:none}
body.sx-site :is(.sx-button.secondary,.btn-secondary,.sl-button.secondary,.guide-btn-secondary){background:#fff;color:var(--sx-ink);border-color:#d0d3d8}
body.sx-site .sx-header-action>a:last-child{min-height:40px;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600}
/* Architecture illustrations follow the approved monochrome homepage. */
body.sx-site .sx-hero-media img{filter:grayscale(1)}
@media(max-width:640px){body.sx-site .sx-intro{padding:42px 0 48px}body.sx-site .sx-intro h1{font-size:36px}body.sx-site .sx-block-head h2{font-size:30px}body.sx-site .sx-navrow{height:64px}}