:root{color-scheme:light;--bg:#f3f1ed;--paper:#fcfbf8;--surface:#e9e6e0;--ink:#191c1c;--muted:#59615e;--brand:#ff5a24;--brand-hover:#ff784b;--accent:#236778;--accent-hover:#194d5a;--accent-ink:#fff;--note:#e2eae7;--on-accent-muted:#d4e5e9;--radius:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--gutter:32px;--small:14px;--body:16px;--lead:19px;--heading:26px;--display:clamp(44px, 5vw, 72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8);scrollbar-color:var(--muted) var(--bg)}body{background:var(--bg);color:var(--ink);font:var(--body)/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;margin:0}[data-language=en] [data-copy=cn],[data-language=cn] [data-copy=en]{display:none}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(100% - 2 * var(--gutter), 1040px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:96px;display:flex}.brand{align-items:baseline;gap:var(--space-3);white-space:nowrap;font-size:20px;font-weight:650;text-decoration:none;display:inline-flex}.brand-guide{font-size:var(--small);color:var(--muted);font-weight:400}nav{gap:var(--space-6);display:flex}nav a{min-height:44px;font-size:var(--small);align-items:center;text-decoration:none;display:inline-flex}.skip{top:-100px;left:var(--gutter);padding:var(--space-3) var(--space-6);background:var(--ink);color:var(--accent-ink);z-index:2;position:absolute}.skip:focus{top:var(--space-2)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:var(--display);letter-spacing:-.04em;font-weight:600;line-height:1.2}h2{font-size:var(--heading);letter-spacing:-.025em;font-weight:600;line-height:1.5}h3{font-size:var(--lead);font-weight:600;line-height:1.5}p{text-wrap:pretty}.hero{isolation:isolate;align-items:center;gap:var(--space-12);margin-block:var(--space-4) var(--space-8);padding-block:var(--space-16);background:var(--ink);color:var(--accent-ink);grid-template-columns:1fr 1fr;display:grid;position:relative}.hero:before{content:"";z-index:-1;inset:0 calc(-1 * var(--space-8));background:var(--ink);border-radius:24px;position:absolute}.hero-copy{max-width:440px}.hero-copy>p{font-size:var(--body);color:var(--on-accent-muted);line-height:1.9}.hero-actions{justify-items:start;gap:var(--space-4);margin-top:var(--space-8);display:grid}.primary{min-height:48px;padding:var(--space-2) var(--space-6);background:var(--brand);color:var(--ink);border-radius:var(--radius);justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.primary:hover{background:var(--brand-hover);color:var(--ink)}.hero .meta{color:var(--on-accent-muted)}.hero :focus-visible{outline-color:var(--brand)}.primary:active,.copy:active{transform:translateY(2px)}.meta{color:var(--muted);font-size:var(--small)}.chapter{gap:var(--space-16);padding-block:var(--space-16);grid-template-columns:248px minmax(0,1fr);display:grid}.chapter-head{top:var(--space-8);align-self:start;position:sticky}.chapter-body{min-width:0}.intro{margin-top:var(--space-4);font-size:var(--small);color:var(--muted)}.steps,.flow ol{gap:var(--space-8);padding-left:var(--space-6);margin:0;display:grid}.steps>li,.flow li{padding-left:var(--space-2)}.steps li::marker,.flow li::marker{color:var(--accent);font-variant-numeric:tabular-nums}.steps>li>p,.flow p{margin-top:var(--space-2);color:var(--muted)}.snippet{gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-6);border-radius:var(--radius);background:var(--note);display:grid}.snippet p{overflow-wrap:anywhere}.service-url,.scope{white-space:nowrap}.copy{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-size:var(--small);border:0;justify-self:end;font-weight:500;transition:background .16s,transform .16s;display:inline-flex}.copy:hover{background:var(--accent-hover)}.copy svg{flex-shrink:0;width:18px;height:18px}.note{gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-6);border-radius:var(--radius);background:var(--paper);color:var(--muted);font-size:var(--small);grid-template-columns:24px minmax(0,1fr);display:grid}.note svg{width:24px;height:24px;margin-top:var(--space-1);color:var(--accent)}.note strong{margin-bottom:var(--space-1);color:var(--accent-hover);font-size:var(--body);font-weight:600;display:block}.shopping{isolation:isolate;margin-block:var(--space-6);padding-block:var(--space-12);background:var(--accent);color:var(--accent-ink);align-items:center;position:relative}.shopping:before{content:"";z-index:-1;inset:0 calc(-1 * var(--space-8));background:var(--accent);border-radius:var(--radius);position:absolute}.shopping .chapter-head{position:static}.shopping h2{font-size:24px}.shopping .snippet{padding:var(--space-8);background:var(--paper);color:var(--ink);gap:var(--space-6);border-radius:var(--radius) var(--radius) var(--space-1) var(--radius);margin:0;position:relative}.shopping .snippet p{letter-spacing:-.025em;font-size:clamp(24px,2.5vw,34px);line-height:1.5}.shopping .copy{background:var(--note);color:var(--accent-hover)}.shopping .copy:hover{background:var(--on-accent-muted)}.shopping :focus-visible{outline-color:var(--accent-hover)}.shopping ::selection{background:var(--accent-ink);color:var(--accent)}.flow ol{counter-reset:checkout;gap:0;padding:0;list-style:none}.flow li{gap:var(--space-2) var(--space-4);padding:0 0 var(--space-8);grid-template-columns:40px minmax(0,1fr);display:grid}.flow li:last-child{padding-bottom:0}.flow li:before{counter-increment:checkout;content:counter(checkout);border-radius:var(--radius);background:var(--note);width:40px;height:40px;color:var(--accent-hover);font-variant-numeric:tabular-nums;grid-row:1/3;align-self:start;place-items:center;font-weight:600;transition:background .16s,color .16s;display:grid}@media (hover:hover){.flow li:hover:before{background:var(--accent);color:var(--accent-ink)}}.flow p{grid-column:2;margin:0}.flow strong{font-size:var(--lead);font-weight:600}.reference{isolation:isolate;margin-block:var(--space-6);padding-block:var(--space-12);position:relative}.reference:before{content:"";z-index:-1;inset:0 calc(-1 * var(--space-8));background:var(--note);border-radius:var(--radius);position:absolute}.reference .chapter-head{position:static}.reference h2{color:var(--accent-hover)}.tools{gap:var(--space-1);margin:0;display:grid}.tool-row{align-items:start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);grid-template-columns:168px minmax(0,1fr);display:grid}.tool-row:nth-child(odd){background:var(--paper)}dt,dd{margin:0}dt{font-size:var(--small);font-weight:500}dd{gap:var(--space-1) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}code{overflow-wrap:anywhere;font:var(--small)/1.8 ui-monospace, SFMono-Regular, Consolas, monospace;color:var(--muted)}.safety{gap:var(--space-6);display:grid}.safety p{color:var(--muted)}.safety strong{margin-bottom:var(--space-1);color:var(--ink);font-weight:600;display:block}.site-footer{padding-block:var(--space-10);color:var(--muted);font-size:var(--small)}.toast{bottom:var(--space-6);max-width:calc(100% - var(--space-8));width:max-content;padding:var(--space-3) var(--space-6);background:var(--ink);color:var(--accent-ink);border-radius:var(--radius);font-size:var(--small);z-index:3;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast:empty{display:none}@media (width<=900px){.hero{gap:var(--space-8)}.hero:before,.reference:before{inset-inline:calc(-1 * var(--space-4))}.chapter{gap:var(--space-10);grid-template-columns:200px minmax(0,1fr)}.shopping:before{inset-inline:calc(-1 * var(--space-4))}.tool-row{gap:var(--space-1);grid-template-columns:1fr}}@media (width<=640px){:root{--gutter:20px;--heading:25px;--lead:18px}.site-header{align-items:start;gap:var(--space-2);min-height:auto;padding-block:var(--space-6) var(--space-2);flex-direction:column}nav{justify-content:space-between;gap:var(--space-3);width:100%}.hero{gap:var(--space-8);margin-block:var(--space-4) var(--space-6);padding-block:var(--space-10) var(--space-6);grid-template-columns:1fr}.hero:before{inset-inline:calc(-1 * var(--gutter));border-radius:0}.hero-copy{margin-top:var(--space-6)}.hero .meta{font-size:13px}.reference{padding-block:var(--space-8)}.reference:before{inset-inline:calc(-1 * var(--gutter));border-radius:0}.hero-copy>p{font-size:var(--body)}.hero-actions{margin-top:var(--space-6)}.chapter{gap:var(--space-8);padding-block:var(--space-10);grid-template-columns:1fr}.chapter-head{position:static}.intro{margin-top:var(--space-3);font-size:var(--body)}.steps,.flow ol{gap:var(--space-6);padding-left:var(--space-6)}.steps>li,.flow li{padding-left:var(--space-1)}.snippet{padding:var(--space-4);gap:var(--space-4)}.note{padding:var(--space-4);margin-top:var(--space-6)}.shopping{gap:var(--space-6);padding-block:var(--space-8);margin-block:var(--space-4)}.shopping:before{inset-inline:calc(-1 * var(--gutter));border-radius:0}.shopping h2{max-width:320px;font-size:22px}.shopping .snippet{padding:var(--space-6)}.shopping .snippet p{font-size:26px}.shopping .copy{justify-self:start}.tool-row{gap:var(--space-1);grid-template-columns:1fr}.site-footer{padding-block:var(--space-6)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}