*{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-wrap:anywhere}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#d6b56e;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #d6b56e;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,36px);line-height:1.32;letter-spacing:.01em}h2{font-size:24px;line-height:1.4}h3{font-size:19px;line-height:1.4}p{margin-bottom:1em}.container{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}.masthead{background:#101820;border-bottom:1px solid #35424a}.brand-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{max-width:132px;max-height:36px;width:auto;height:auto}.brand-type{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-type strong{font-size:19px;white-space:nowrap}.brand-type small{font-size:10px;letter-spacing:.08em;color:#c7ccd0}.brand-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.mobile-reading{font-size:14px}.menu-toggle,.drawer-head button{border:1px solid #d6b56e;border-radius:10px;color:#f6f3ea;background:transparent;min-height:44px;padding:7px 16px}.primary-nav{background:#18232d}.nav-links{height:48px;display:flex;align-items:stretch;gap:clamp(14px,2.1vw,30px)}.nav-links a{display:flex;align-items:center;white-space:nowrap;font-size:15px;border-bottom:2px solid transparent}.nav-links a[aria-current]{border-color:#d6b56e;font-weight:700}.section{padding-top:62px;padding-bottom:62px}.section-dark{background:#18232d}.section-light{background:#f4f2ec;color:#26323a}.eyebrow{font-size:13px;font-weight:700;color:#d6b56e;letter-spacing:.12em}.section-light .eyebrow{color:#765b25}.lead{font-size:18px;color:#c7ccd0;max-width:760px}.section-light .lead{color:#42505a}.article-top{padding-top:54px;padding-bottom:32px}.article-top .lead{max-width:760px}.quick-index{display:flex;flex-wrap:wrap;gap:8px 12px;max-width:800px;margin-top:24px}.quick-index a{border:1px solid #55616b;border-radius:8px;padding:5px 12px;font-size:14px}.article-section{padding:32px 0;border-top:1px solid #3c4953;scroll-margin-top:18px}.article-section:nth-child(even){background:#18232d}.article-section .container{max-width:1120px}.article-copy{max-width:760px}.article-copy p{max-width:760px}.article-section h2{margin-bottom:16px}.article-image{max-width:min(100%,460px);max-height:300px;width:auto;height:auto;margin:22px auto;object-fit:contain}.brand-image{max-height:260px}.app-image{max-width:220px;max-height:330px}.article-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px}.article-feature img{max-width:100%}.article-section .num{color:#d6b56e;font-weight:700;letter-spacing:.1em}.related{display:flex;gap:12px;flex-wrap:wrap;padding-top:18px}.related a,.text-link{color:#d6b56e;font-weight:600}.section-light .text-link,.section-light .related a{color:#6c4d16}.site-footer{border-top:1px solid #45525c;padding:42px 0 90px;background:#0c141b}.footer-intro{max-width:650px}.footer-intro p,.footer-note{color:#c7ccd0;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:7px 19px;padding:20px 0;border-top:1px solid #35424a;border-bottom:1px solid #35424a}.footer-links a{font-size:14px;min-height:30px}.footer-note{padding-top:16px}.drawer-backdrop:not([hidden]){position:fixed;inset:0;background:#060c10b8;z-index:100}.drawer:not([hidden]){position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);overflow-y:auto;overscroll-behavior:contain;background:#18232d;z-index:101;padding:18px 18px 36px;box-shadow:-8px 0 24px #0006}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #46515b}.drawer nav section{margin:20px 0}.drawer h2{font-size:14px;color:#d6b56e;margin-bottom:10px}.drawer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drawer-list a{padding:10px 8px;background:#26333e;border-radius:8px;font-size:14px;min-height:44px}.mobile-bottom{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px}.hero-media{display:flex;align-items:center;justify-content:center}.hero-media img{max-height:300px;width:auto;height:auto}.hero p{max-width:620px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{min-height:46px;padding:8px 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid #d6b56e;border-radius:10px;color:#f6f3ea;font-size:15px}.btn-light{background:#d6b56e;color:#17232b;font-weight:700}.section-light .btn{color:#26323a}.steps{max-width:860px;counter-reset:s;list-style:none;padding:0;margin:22px 0}.steps li{counter-increment:s;border-top:1px solid #c7c3b9;padding:16px 0 16px 52px;position:relative}.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:16px;color:#765b25;font-weight:700}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.split img{max-width:460px;max-height:300px;width:auto;height:auto;margin:auto}.narrow-wide{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:34px}.unequal{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}.panel{padding:24px;border-radius:12px;background:#22303a}.section-light .panel{background:#fff}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.timeline article{border-left:2px solid #d6b56e;padding-left:18px}.timeline small{color:#d6b56e}.archive-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.archive-list{display:grid;gap:12px}.archive-list a{border-bottom:1px solid #52606a;padding:8px 0}.banner{background:#18232d;border-top:1px solid #46515b;border-bottom:1px solid #46515b}.banner img{max-width:220px;max-height:330px;width:auto;height:auto;margin:auto}.feature-rail{border-left:3px solid #d6b56e;padding-left:18px}.faq-item{padding:24px 0;border-top:1px solid #46515b;max-width:820px}.faq-item h2{font-size:21px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.topic-grid article:nth-child(2n){padding-top:24px}.article-note{border-left:2px solid #d6b56e;padding:10px 18px;color:#c7ccd0;max-width:640px}.plain-list{padding-left:20px}.plain-list li{margin-bottom:10px}.label-note{color:#c7ccd0;font-size:14px}@media(max-width:900px){.container{padding-left:24px;padding-right:24px}.brand-type small{display:none}.nav-links{gap:13px}.nav-links a{font-size:14px}}@media(max-width:740px){.primary-nav{display:none}.section{padding-top:36px;padding-bottom:36px}.article-top{padding-top:36px}.hero,.split,.narrow-wide,.unequal,.archive-cols,.article-feature{grid-template-columns:1fr}.hero-media{justify-content:flex-start}.hero-media img{max-height:190px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#18232d;border-top:1px solid #59626b;z-index:50}.mobile-bottom a,.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:44px;font-size:12px;background:transparent;color:#f6f3ea;border:0;text-align:center}.mobile-bottom span{font-size:19px;line-height:1.2}.mobile-bottom a[aria-current]{color:#d6b56e}.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.article-image,.split img{max-height:240px}.app-image,.banner img{max-height:300px}.brand-row{height:60px}.mobile-reading{display:none}.article-feature img{margin-left:0}}@media(max-width:600px){.container{padding-left:16px;padding-right:16px}.brand-type strong{font-size:15px}.logo{max-width:90px;max-height:32px}.brand{gap:6px}.menu-toggle{padding:7px 10px}.section h2{font-size:21px}h3{font-size:18px}.lead{font-size:16px}.timeline,.topic-grid{grid-template-columns:1fr}.topic-grid article:nth-child(2n){padding-top:0}.panel{padding:18px}.hero-media img{max-height:190px}.buttons .btn{max-width:100%}.faq-item h2{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
