:root { --ink:#173b37; --muted:#647c78; --teal:#0f766e; --line:#d6e5e0; --paper:#f5f9f7; --mint:#dff4ed; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; }
a { color:var(--teal); }
.guide-shell { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:100vh; }
.guide-side { position:sticky; top:0; height:100vh; padding:28px 24px; color:#d7ebe6; background:#102f2c; }
.guide-brand { display:grid; gap:4px; margin-bottom:34px; }.guide-brand strong{color:white;font-size:17px}.guide-brand span{font-size:11px;color:#89aaa5}
.back-link { display:inline-block; margin-bottom:26px; color:#b8ded5; text-decoration:none; font-size:13px; }
.guide-side nav { display:grid; gap:6px; }.guide-side nav a{padding:9px 11px;border-radius:9px;color:#aac4c1;text-decoration:none;font-size:13px}.guide-side nav a:hover{color:white;background:rgba(161,226,211,.12)}
.guide-main { width:min(1040px,calc(100% - 48px)); margin:0 auto; padding:56px 0 80px; }
.guide-hero { padding:38px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,#fff,#eaf6f1); box-shadow:0 16px 44px rgba(25,60,55,.08); }
.eyebrow{margin:0 0 8px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.14em}.guide-hero h1{margin:0;font-size:40px;letter-spacing:-.04em}.guide-hero>p{max-width:720px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-actions a{padding:10px 15px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;background:var(--teal);color:white}.hero-actions a.secondary{color:var(--teal);background:white;border:1px solid #b8d9d1}
.guide-section{scroll-margin-top:24px;margin-top:30px;padding:30px;border:1px solid var(--line);border-radius:18px;background:white}.guide-section h2{margin:0 0 16px;font-size:25px}.guide-section h3{margin:24px 0 8px;font-size:17px}.guide-section p,.guide-section li{color:var(--muted);font-size:14px;line-height:1.85}.guide-section li+li{margin-top:5px}.guide-section img{display:block;width:100%;margin:20px 0;border-radius:16px}.notice{padding:14px 16px;border-left:4px solid var(--teal);border-radius:8px;background:var(--mint);color:#315e58;font-size:13px;line-height:1.7}.warning{border-left-color:#d1912f;background:#fff6e7;color:#77521c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc}.step strong{display:block;margin-bottom:6px;font-size:14px}.step span{color:var(--muted);font-size:12px;line-height:1.6}.path{padding:12px 14px;border-radius:9px;background:#102f2c;color:#d9f2ea;font-family:Consolas,monospace;font-size:13px;overflow:auto}.guide-footer{text-align:center;color:#80928f;font-size:12px;margin-top:32px}
@media(max-width:850px){.guide-shell{display:block}.guide-side{position:static;height:auto}.guide-side nav{grid-template-columns:repeat(2,1fr)}.guide-main{width:min(100% - 28px,1040px);padding-top:24px}.guide-hero{padding:26px}.guide-hero h1{font-size:32px}.steps{grid-template-columns:1fr}}