*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101820;color:#F6F3EA;font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.82;overflow-x:clip}body.drawer-open{overflow:hidden}a{color:inherit;text-underline-offset:4px}a:hover{color:#D6B56E}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #D6B56E;outline-offset:3px}img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center}.wrap,.head-inner,.nav-inner{width:min(1120px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:#F4F2EC;color:#26323A;padding:9px;z-index:80}.skip:focus{left:15px}.site-head{background:#121d26;border-bottom:1px solid #34404a}.head-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;min-width:0}.logo{max-width:132px;max-height:36px}.brand-words{display:flex;flex-direction:column;line-height:1.4}.brand-words strong{font-size:18px;white-space:nowrap}.brand-words small{font-size:10px;letter-spacing:.13em;color:#C7CCD0}.head-actions{display:flex;align-items:center;gap:19px}.desktop-app{text-decoration:none}.menu-toggle,.close-btn{border:1px solid #67717a;color:#F6F3EA;background:transparent;border-radius:10px;padding:7px 14px;min-height:44px}.primary{background:#18232D}.nav-inner{min-height:48px;display:flex;align-items:center;gap:clamp(14px,2.4vw,29px);flex-wrap:wrap}.primary a{text-decoration:none;padding:9px 0 6px;border-bottom:2px solid transparent;white-space:nowrap;font-size:15px}.primary a[aria-current]{border-color:#D6B56E;font-weight:700}.hero,.section{padding-block:58px}.hero{padding-top:68px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:center;gap:40px}.eyebrow,.kicker{font-size:13px;letter-spacing:.14em;color:#D6B56E;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(26px,3.2vw,36px);line-height:1.3;margin:12px 0 23px}h2{font-size:24px;line-height:1.42;margin:0 0 20px}h3{font-size:19px;line-height:1.5;margin:0 0 12px}p{margin:0 0 17px}.lead{font-size:17px;color:#C7CCD0;max-width:760px}.hero .lead{max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{min-height:46px;border:1px solid #D6B56E;color:#101820;background:#D6B56E;border-radius:10px;padding:8px 19px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:15px}.btn.ghost{background:transparent;color:#F6F3EA}.visual{display:flex;justify-content:center;align-items:center;min-width:0}.visual img{max-width:460px;max-height:300px}.visual.banner img{max-width:100%;max-height:300px}.visual.app img{max-width:220px;max-height:330px}.visual.brand-art img{max-height:260px}.light{background:#F4F2EC;color:#26323A}.light .lead,.light .muted{color:#4d575e}.section-head{max-width:760px;margin-bottom:25px}.section-head p{color:#C7CCD0}.light .section-head p{color:#4d575e}.prose{max-width:760px}.prose p{margin:0 0 22px}.prose h2{margin-top:42px}.quick{display:flex;gap:9px 18px;flex-wrap:wrap;border-block:1px solid #52606b;padding:14px 0;margin-top:22px;font-size:14px}.quick a{text-decoration:none;color:#D6B56E}.light .quick{border-color:#bdc0bf}.light .quick a{color:#6b542a}.article-top{padding-block:54px 29px}.article-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(0,260px);gap:42px;align-items:start}.article-grid .visual{padding-top:28px}.article-grid .visual img{max-width:100%}.article-main{min-width:0;max-width:760px}.chapter{padding-block:30px;border-top:1px solid #46525b;scroll-margin-top:18px}.chapter h2{margin-bottom:15px}.chapter p{max-width:760px}.chapter.lightchapter{border-color:#b8b9b5}.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.note{background:#18232D;border:1px solid #3a4751;border-radius:12px;padding:24px;min-width:0}.card p:last-child,.note p:last-child{margin-bottom:0}.light .card,.light .note{background:#fff;border-color:#d9d8d2}.steps{counter-reset:step;display:grid;gap:15px}.step{display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid #d7d6cf}.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);color:#8b6b30;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split-narrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}.asym{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timeline .card{border-top:3px solid #D6B56E}.archive-list{display:grid;gap:13px}.archive-list a{display:block;padding:14px 18px;border:1px solid #778189;border-radius:9px;text-decoration:none}.side-note{font-size:14px;border-left:2px solid #D6B56E;padding-left:17px}.related{padding-block:35px 60px;border-top:1px solid #46525b}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{padding:8px 15px;border:1px solid #68737b;border-radius:8px;text-decoration:none}.site-foot{background:#0c1319;border-top:1px solid #39434c;color:#C7CCD0;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.footer-grid strong{font-size:19px;color:#F6F3EA}.footer-grid h2{font-size:17px;color:#F6F3EA}.footer-grid a{display:block;margin-bottom:7px;text-decoration:none}.footer-end{margin-top:26px;border-top:1px solid #36414b;padding-top:16px;font-size:13px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:50}.drawer-backdrop[hidden]{display:none}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);background:#18232D;z-index:51;transform:translateX(105%);visibility:hidden;transition:transform .22s,visibility .22s;display:flex;flex-direction:column;box-shadow:-10px 0 28px #0005}.drawer.is-open{transform:translateX(0);visibility:visible}.drawer-top{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #46525b}.drawer-scroll{overflow-y:auto;padding:10px 20px 24px}.drawer h2{font-size:16px;color:#D6B56E;margin:17px 0 10px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-links a{padding:9px 4px;font-size:14px;text-decoration:none}.mobile-bottom{display:none}.faq-list{max-width:830px}.faq-list article{border-top:1px solid #67727a;padding:19px 0}.faq-list h2{font-size:20px;margin-bottom:9px}.faq-list p{max-width:760px}.banner-wide{background:#18232D;border-block:1px solid #46525b}.kicker{display:block;margin-bottom:10px}@media(max-width:900px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-grid .visual{justify-content:flex-start;padding:0}.hero-grid{gap:20px}.footer-grid{gap:24px}}@media(max-width:740px){.wrap,.head-inner,.nav-inner{width:calc(100% - 48px)}.primary{display:none}.head-inner{height:60px}.desktop-app,.brand-words small{display:none}.brand-words strong{font-size:16px}.logo{max-width:112px;max-height:32px}.hero-grid,.split,.split-narrow,.asym{grid-template-columns:minmax(0,1fr)}.hero,.section{padding-block:36px}.visual{justify-content:flex-start}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:#18232D;border-top:1px solid #667077}.mobile-bottom a,.mobile-bottom button{display:flex;align-items:center;justify-content:center;min-height:58px;padding:4px 1px;color:#F6F3EA;background:transparent;border:0;text-decoration:none;font-size:14px}.mobile-bottom [aria-current]{color:#D6B56E;font-weight:700}body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.article-top{padding-block:35px 21px}.visual img{max-height:240px}.visual.banner img{max-height:190px}.visual.app img{max-height:300px}}@media(max-width:600px){.wrap,.head-inner{width:calc(100% - 32px)}.chapter-list,.timeline,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.card,.note{padding:18px}h2{font-size:21px}.hero h1{font-size:27px}.head-actions{gap:4px}.brand{gap:7px}.logo{max-width:93px}.brand-words strong{font-size:14px}.step{grid-template-columns:36px minmax(0,1fr);gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer{transition:none}}