:root{color-scheme:light;--paper:#f4f3f0;--card:#fffefa;--ink:#252528;--muted:#66666a;--line:rgba(0,0,0,.09);--green:#168354;--soft:#eaf3ed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.8}a{color:var(--green);text-underline-offset:3px}.guide-header{background:rgba(255,254,250,.88);border-bottom:1px solid var(--line)}.guide-nav{max-width:1040px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--ink);font-size:16px;font-weight:750;text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--green)}main{max-width:900px;margin:0 auto;padding:30px 24px 56px}.breadcrumb{margin:0 0 18px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--muted)}.eyebrow{color:var(--green);font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}h1{max-width:780px;margin:8px 0 14px;font-size:clamp(30px,5vw,48px);line-height:1.17;letter-spacing:-.045em}h2{margin:38px 0 12px;font-size:24px;line-height:1.35;letter-spacing:-.025em}h3{margin:22px 0 6px;font-size:17px;line-height:1.45}p{margin:10px 0}.lead{max-width:760px;color:#55555a;font-size:18px;line-height:1.7}.guide-meta{margin:16px 0 26px;color:var(--muted);font-size:12px}.guide-panel,.guide-card,.step-card,.callout{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 6px 20px rgba(22,25,24,.035)}.guide-panel{padding:22px 24px;margin:24px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.guide-card{padding:19px 20px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.guide-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(22,25,24,.08)}.guide-card h2,.guide-card h3{margin:5px 0 7px;color:var(--ink);font-size:18px}.guide-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.step-list{display:grid;gap:12px;padding:0;list-style:none;counter-reset:step}.step-card{position:relative;padding:17px 20px 17px 58px;counter-increment:step}.step-card:before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:17px;color:var(--green);font:700 12px/24px ui-monospace,monospace}.step-card h3{margin:0 0 4px}.step-card p{margin:0;color:var(--muted)}.callout{padding:15px 18px;border-left:4px solid var(--green);background:var(--soft);box-shadow:none}.callout strong{color:var(--ink)}.guide-toc{padding:0 0 0 22px}.guide-toc li{margin:4px 0}.format-list{padding-left:22px}.format-list li{margin:8px 0}.tool-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 17px;border-radius:999px;background:#29292c;color:#fff;font-size:14px;font-weight:650;text-decoration:none}.tool-cta:hover{background:#111}.related{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.related a{margin-right:14px}.guide-footer{border-top:1px solid var(--line);padding:22px 24px 38px;color:var(--muted);font-size:12px;text-align:center}.guide-footer p{margin:4px}.guide-footer a{color:var(--muted)}code{padding:2px 5px;border-radius:5px;background:#efeee9;font-size:.9em}
@media(max-width:640px){body{font-size:15px}.guide-nav{align-items:flex-start;padding:13px 18px}.nav-links{gap:8px 14px;justify-content:flex-end;font-size:12px}main{padding:24px 18px 42px}.lead{font-size:16px}.guide-grid{grid-template-columns:1fr;gap:10px}h2{font-size:21px}.guide-panel{padding:18px}.guide-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}