:root{color-scheme:light;--ink:#24304a;--muted:#65728a;--blue:#2476d7;--pink:#b74687;--red:#cc3e56;--line:#e6eaf1;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fc;color:var(--ink);font:16px/1.75 "Microsoft YaHei","PingFang SC",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2486df;outline-offset:4px}button{color:inherit}[hidden],.is-hidden{display:none!important}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip-link:focus{top:12px}
.site-header{max-width:1320px;padding:25px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:13px;color:#27334c;font-weight:700;letter-spacing:1px}.brand:hover{text-decoration:none}.brand small{display:block;color:#8290a5;letter-spacing:2px;font-size:11px;font-weight:400}.brand-seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d6b4c8;color:#9f456f;background:#fff5fa;border-radius:13px;font-family:serif;font-size:15px}.site-header nav{display:flex;gap:26px;font-size:13px}.site-header nav a{color:#61718b}.page-shell{max-width:1240px;margin:0 auto;padding:12px 24px 50px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;padding:48px 55px;background:linear-gradient(120deg,#fff 40%,#fff1f8 100%);border:1px solid #e9e4ee;border-radius:26px;position:relative;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#9b7190}.hero h1{font-size:46px;line-height:1.3;font-weight:750;letter-spacing:-1.5px;margin:18px 0;color:#27344d}.hero-description{color:#6a7890;font-size:15px;line-height:1.95;margin:0 0 28px}.primary-link{display:inline-flex;align-items:center;gap:35px;padding:12px 22px;background:#2778d7;color:white;border-radius:11px;font-size:14px;box-shadow:0 6px 14px #2876d724}.primary-link:hover{background:#1769c8;text-decoration:none}.text-link{display:inline-block;margin-left:18px;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:29px;font-size:11px;color:#7d7e91}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.blue{background:#328ae5}.red{background:#fa4d64}.pink{background:#d766b3}.journey{background:#ffffffcc;border:1px solid #eadde8;border-radius:19px;padding:24px 27px;box-shadow:0 12px 32px #9c68930a}.journey-label{display:block;color:#967084;font-size:12px;letter-spacing:3px;margin-bottom:10px}.journey a{display:flex;gap:17px;align-items:center;padding:15px 0;border-bottom:1px dashed #e9e0e9;color:#37435a}.journey a:last-child{border:0;padding-bottom:0}.journey a:hover{text-decoration:none;color:#2878d7}.journey b{display:grid;place-items:center;background:#eef5ff;color:#3b7abb;border-radius:10px;width:34px;height:34px;font:700 13px/1 monospace}.journey a:nth-child(3) b{background:#fff0f4;color:#d8637f}.journey a:nth-child(4) b{background:#fbebf9;color:#b95ca9}.journey a:nth-child(5) b{background:#eef6ff;color:#5b7cb7}.journey span{font-size:15px;font-weight:700}.journey small{display:block;font-size:11px;font-weight:400;color:#8a8b9a;margin-top:2px}.journey em{margin-left:auto;color:#bdacc0;font-style:normal}.important-strip{display:flex;align-items:center;gap:18px;padding:17px 23px;margin:20px 0 33px;background:#fff;border:1px solid #eadfea;border-radius:12px}.important-strip>span{white-space:nowrap;background:#fff0f3;border-radius:6px;color:#c34868;font-size:12px;padding:3px 10px}.important-strip p{margin:0;font-size:13px;color:#7b6e80}.important-strip b{color:#a6506d;font-weight:500}
.guide-layout{display:grid;grid-template-columns:214px minmax(0,1fr);gap:28px;align-items:start}.guide-sidebar{position:sticky;top:18px}.sidebar-title{font-size:12px;letter-spacing:2px;color:#8a91a3;margin:6px 13px 12px}.chapter-nav{background:#fff;border:1px solid var(--line);border-radius:13px;padding:7px}.chapter-nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 11px;font-size:13px;color:#69768b;border-radius:8px;margin:3px 0}.chapter-nav a:hover,.chapter-nav a[aria-current="true"]{color:#206cba;background:#edf5ff;text-decoration:none}.chapter-nav a span{font:11px/1.5 monospace;color:#93a3b8}.sidebar-note{font-size:12px;padding:20px 14px;color:#8b91a0;line-height:1.9}.sidebar-note b{font-weight:500;color:#69788d}.sidebar-note p{margin:12px 0}.guide-content{min-width:0;scroll-margin-top:20px}.search-bar{display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:11px}.search-bar label{font-size:12px;color:#697a94;white-space:nowrap}.search-bar input{border:0;outline:0;flex:1;min-width:0;font-size:13px;color:#263955;background:transparent;padding:3px}.search-bar input::placeholder{color:#9aa4b3}.search-bar button{background:#f4f7fc;border:0;padding:5px 11px;border-radius:6px;font-size:11px;color:#75839a}.result-status{font-size:12px;color:#8b93a3;margin:11px 2px 22px;min-height:20px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:24px;line-height:1.5;margin:5px 0;color:#273a57}.section-heading p{font-size:13px;margin:6px 0;color:#7c879a}.guide-section{scroll-margin-top:25px;margin-bottom:35px}.guide-card{background:#fff;border:1px solid #e3e8f0;border-radius:13px;margin:12px 0;scroll-margin-top:20px;overflow:hidden}.guide-card summary{display:flex;gap:13px;align-items:center;padding:20px;cursor:pointer;list-style:none}.guide-card summary::-webkit-details-marker{display:none}.card-number{align-self:flex-start;display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;background:#f2f6fc;color:#6082aa;border:1px solid #e4ecf6;border-radius:10px;font:12px/1 monospace}.card-heading{flex:1;min-width:0}.card-heading strong{font-size:15px;font-weight:600;display:block}.route{display:block;margin-top:4px;font-size:11px;line-height:1.7;color:#4780b7}.expand{color:#a6b2c5;font-size:18px}.guide-card[open] .expand{transform:rotate(45deg)}.points{white-space:nowrap;padding:4px 9px;border-radius:6px;background:#fff1f9;color:#b65391;font-size:11px}.card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.95fr);gap:24px;border-top:1px solid #f0f1f6;padding:23px}.instructions{min-width:0}.instructions h3{font-size:12px;color:#7690ae;font-weight:500;letter-spacing:1px;margin:0 0 17px}.steps{counter-reset:guide-step;margin:0;padding:0;list-style:none}.steps li{counter-increment:guide-step;display:flex;gap:10px;font-size:13px;line-height:1.9;margin-bottom:14px;color:#53627b}.steps li:before{content:counter(guide-step);display:inline-grid;place-items:center;width:20px;height:20px;margin-top:2px;flex-shrink:0;background:#edf5ff;color:#277bd0;border-radius:50%;font-size:11px}.note{font-size:12px;line-height:1.85;padding:12px 14px;border-radius:8px;margin:13px 0;overflow-wrap:anywhere}.note b{display:block;font-size:11px;margin-bottom:4px;font-weight:700}.done{background:#f0f7ff;color:#537392}.done b{color:#3379b5}.reward{background:#fff0fa;color:#a54c85}.reward b{color:#bc4c96}.caution{background:#fff3f3;color:#ae5b64}.caution b{color:#c34c5e}.entry-link{display:inline-block;font-size:12px;padding:7px 12px;border:1px solid #c8def4;border-radius:7px;margin:5px 7px 0 0}.permalink{display:block;font-size:10px;color:#a2abba;margin-top:14px}.guide-figure{margin:0;align-self:start;min-width:0}.image-link{display:block;padding:12px;background:#f7f8fc;border:1px solid #e8eaf2;border-radius:10px;text-align:center}.image-link:hover{border-color:#a4c4e9;text-decoration:none}.image-canvas{display:inline-block;position:relative;vertical-align:top;max-width:100%!important;line-height:0}.image-canvas img{display:block;width:100%;height:auto;max-height:none}.annotation{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.zoom-label{display:block;color:#7e8ca6;font-size:10px;margin-top:10px}.guide-figure figcaption{font-size:11px;color:#8b91a3;line-height:1.8;margin:11px 3px}.empty-state{border:1px dashed #d5deed;border-radius:12px;padding:35px;text-align:center;color:#78889f;font-size:14px}.guide-footer{text-align:center;border-top:1px solid #e4e8f0;margin-top:28px;padding:34px 8%;color:#8d98aa;font-size:11px}.guide-footer b{color:#6d7e99;font-size:14px;font-weight:500}.guide-footer a{font-size:12px}.image-viewer{position:fixed;inset:0;background:#eef2f8f5;z-index:100;display:flex;flex-direction:column;padding:20px 30px;backdrop-filter:blur(12px)}.viewer-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-shrink:0}.viewer-toolbar h2{font-size:17px;margin:0;color:#354762}.viewer-toolbar button{background:#fff;border:1px solid #d4dfee;border-radius:8px;padding:7px 17px;font-size:13px}.viewer-scroll{overflow:auto;flex:1;min-height:0;margin:20px 0;text-align:center}.viewer-scroll .image-canvas{max-width:none!important;margin:auto;line-height:0}.viewer-scroll img{width:auto;max-width:none;max-height:none}.viewer-scroll .annotation{width:100%;height:100%}.viewer-caption{text-align:center;font-size:12px;color:#63718b;margin:0}.viewer-open{overflow:hidden}
.figure-stack{min-width:0}.figure-stack>.guide-figure+.guide-figure{margin-top:22px}.steps li{font-size:14px}.note{font-size:13px}.card-heading strong{font-size:16px}
@media(min-width:1300px){.card-body{grid-template-columns:1fr 1.05fr}.hero{padding:55px 60px}}
@media(max-width:1050px){.site-header{padding:20px 25px}.hero{gap:25px;padding:35px}.hero h1{font-size:39px}.text-link{margin:14px 0 0;display:block}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.card-body{grid-template-columns:1fr}.guide-figure{max-width:620px;width:100%;margin:auto}.image-canvas{max-width:100%}.points{white-space:normal;max-width:115px}.hero-description br{display:none}}
@media(max-width:720px){body{font-size:15px}.site-header{padding:17px 18px}.site-header nav{gap:13px;font-size:11px}.site-header nav a:last-child{display:none}.page-shell{padding:3px 13px 25px}.hero{display:block;padding:26px;border-radius:19px}.hero h1{font-size:34px;letter-spacing:0}.hero-description{font-size:13px}.journey{margin-top:26px;padding:17px 20px}.journey a{padding:10px 0}.legend{gap:12px}.important-strip{padding:13px;align-items:flex-start;gap:10px;margin-bottom:21px}.important-strip p{font-size:11px}.guide-layout{display:block}.guide-sidebar{position:static}.sidebar-title,.sidebar-note{display:none}.chapter-nav{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:18px;padding:5px}.chapter-nav a{padding:8px 9px;font-size:11px;gap:8px;flex:1 1 130px;margin:0}.chapter-nav a:last-child{flex:1 1 100%}.section-heading h2{font-size:21px}.guide-card summary{padding:16px 12px;gap:9px}.card-heading strong{font-size:13px}.card-number{width:27px;height:27px;font-size:10px}.route{font-size:10px}.points{max-width:86px;font-size:10px}.card-body{padding:17px;gap:19px}.image-viewer{padding:14px}.viewer-toolbar h2{font-size:14px}.viewer-caption{font-size:11px}.guide-footer{padding:26px 10px}.steps li{font-size:13px}.guide-figure figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}.site-header nav,.hero,.guide-sidebar,.search-bar,.result-status,.zoom-label,.permalink,.image-viewer{display:none!important}.guide-layout,.card-body{display:block}.guide-section,.guide-card{display:block!important}.guide-card>div{display:block!important}.guide-figure{max-width:500px;margin:20px auto}.guide-card{break-inside:avoid}.guide-card summary{padding:12px}.guide-footer{font-size:10px}.page-shell{max-width:none}.guide-section{break-before:page}}