:root{--bg:#101820;--surface:#18232D;--light:#F4F2EC;--gold:#D6B56E;--ink:#26323A;--white:#F6F3EA;--muted:#C7CCD0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.82 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:3px}img{max-width:100%;height:auto;object-fit:contain;object-position:center;vertical-align:middle}p{margin:0 0 1.05em}h1,h2,h3{line-height:1.32;overflow-wrap:anywhere}h1{font-size:clamp(26px,3.3vw,36px);margin:.35em 0 .6em}h2{font-size:24px;margin:0 0 20px}h3{font-size:19px;margin:0 0 10px}.wrap{max-width:1120px;margin-inline:auto;padding-inline:28px}.site-header{background:var(--bg);border-bottom:1px solid #3d454c}.brandbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none!important}.brand-logo{width:auto;height:auto;max-width:132px;max-height:36px;flex:0 1 auto}.brand-words{display:flex;flex-direction:column;line-height:1.35;min-width:0}.brand-words strong{font-size:19px;letter-spacing:.03em}.brand-words small{font-size:10px;letter-spacing:.13em;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.app-link{font-size:14px}.menu-button,.drawer-close{border:1px solid #69727b;color:var(--white);background:transparent;border-radius:9px;min-height:44px;padding:6px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.desktop-nav{background:var(--surface)}.nav-inner{min-height:48px;display:flex;gap:clamp(14px,2.4vw,30px);flex-wrap:wrap;align-items:center}.nav-inner a{min-height:48px;display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;border-bottom:2px solid transparent}.nav-inner [aria-current=page]{font-weight:700;border-color:var(--gold);color:var(--gold)}.eyebrow{font-size:13px;letter-spacing:.15em;color:var(--gold);font-weight:700}.hero,.section{padding-block:64px}.hero-grid,.split,.app-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}.hero-grid p{max-width:600px}.hero-photo{max-width:100%;max-height:300px;width:auto;height:auto;display:block;margin-inline:auto}.lead{font-size:17px;color:var(--muted);line-height:1.85}.button-row,.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 19px;border:1px solid var(--gold);border-radius:9px;font-size:15px;font-weight:650;color:var(--bg);background:var(--gold);text-align:center}.btn.ghost{color:var(--white);background:transparent}.text-link{color:#e3c98e;font-weight:650;text-decoration:underline;text-underline-offset:5px}.panel-light{background:var(--light);color:var(--ink)}.panel-dark{background:var(--surface);color:var(--white)}.panel-light .lead{color:#48545b}.panel-light .text-link{color:#75551a}.section-head{max-width:760px;margin-bottom:26px}.article-shell{padding-block:55px 80px}.article-header{max-width:760px;margin-bottom:28px}.article-header .lead{max-width:740px}.quick-index{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 38px}.quick-index a{border:1px solid #687078;border-radius:8px;padding:6px 12px;font-size:14px}.article-section{scroll-margin-top:18px;padding:30px 0;border-top:1px solid #48535d}.article-section h2{color:#ead09b}.article-text{max-width:760px}.article-text p{line-height:1.86}.article-photo{max-width:min(100%,460px);max-height:300px;width:auto;height:auto;display:block;margin:18px auto 30px}.brand-photo{max-height:260px}.app-photo{max-width:220px;max-height:330px}.article-with-aside{display:grid;grid-template-columns:minmax(0,760px) minmax(160px,1fr);gap:36px;align-items:start}.aside-note{background:var(--surface);padding:22px;border-radius:12px;font-size:14px}.aside-note h2{font-size:18px}.related{margin-top:42px;border-top:1px solid #59636c;padding-top:22px}.related a{margin-right:20px}.steps{counter-reset:step;list-style:none;margin:0;padding:0;max-width:800px}.steps li{counter-increment:step;position:relative;padding:12px 12px 20px 68px;border-left:1px solid #b6a477;margin-left:18px}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:-19px;top:9px;background:var(--gold);color:var(--ink);width:38px;height:38px;display:grid;place-items:center;font-weight:800;border-radius:50%;font-size:13px}.steps li strong{display:block;font-size:18px}.split.reverse{grid-template-columns:.85fr 1.15fr}.split .article-photo{margin-inline:auto}.rule-columns{display:grid;grid-template-columns:1fr 2fr;gap:34px}.feature-pair{display:grid;grid-template-columns:2fr 1fr;gap:18px}.feature-pair>div,.feature-card,.feature-main{background:var(--surface);border:1px solid #394650;border-radius:12px;padding:26px}.feature-card p:last-child,.feature-main p:last-child{margin-bottom:0}.feature-pair h3{color:var(--gold)}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timeline article{border-left:3px solid var(--gold);padding:6px 18px;background:var(--surface)}.reading-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.archive-list{display:grid;gap:13px}.archive-list a{padding:13px 15px;background:#263641;border-radius:8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-grid a{display:block;padding:20px;border-top:2px solid var(--gold);background:var(--surface);border-radius:0 0 12px 12px}.banner-section{border-top:1px solid #47525a;border-bottom:1px solid #47525a}.site-footer{border-top:1px solid #48535d;padding:38px 0 85px;color:var(--muted);font-size:14px}.footer-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:36px}.footer-inner strong{color:var(--white);font-size:18px}.footer-inner nav{display:flex;gap:10px 22px;flex-wrap:wrap;align-content:start}.drawer-backdrop{position:fixed;inset:0;background:#000a;z-index:40}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);background:#18232d;color:var(--white);z-index:41;box-shadow:-8px 0 30px #0008;display:flex;flex-direction:column}.drawer[hidden],.drawer-backdrop[hidden]{display:none!important}.drawer-head{padding:18px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #48535d}.drawer-content{overflow-y:auto;padding:8px 18px 24px;overscroll-behavior:contain}.drawer-content section{margin:18px 0 24px}.drawer-content h2{font-size:14px;color:var(--gold);margin:0 0 9px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-links a{padding:10px 8px;min-height:44px;border:1px solid #48535d;border-radius:8px;font-size:14px}.drawer-links [aria-current=page]{color:var(--gold);font-weight:700}.drawer-open{overflow:hidden}.mobile-bottom{display:none}.banner-img{max-height:300px;width:auto;height:auto;max-width:100%;margin-inline:auto;display:block}.alt-panel{background:var(--light);color:var(--ink);padding:24px;border-radius:12px}.alt-panel h2{color:var(--ink)}.tagline{border-left:3px solid var(--gold);padding-left:17px}.article-section:nth-of-type(even) .article-text{margin-left:min(3vw,30px)}
@media(max-width:900px){.wrap{padding-inline:24px}.hero-grid,.split,.app-grid{gap:24px}.nav-inner{gap:14px}.nav-inner a{font-size:13px}.article-with-aside{grid-template-columns:1fr}.aside-note{max-width:760px}.section,.hero{padding-block:48px}}
@media(max-width:740px){.desktop-nav{display:none}.brandbar{height:60px}.header-actions .app-link{display:none}.feature-pair,.rule-columns,.reading-grid{grid-template-columns:1fr}.hero-grid,.split,.split.reverse,.app-grid{grid-template-columns:1fr}.hero-photo{max-height:190px}.hero-grid .hero-media{order:2}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:20;padding:0 4px env(safe-area-inset-bottom);min-height:calc(58px + env(safe-area-inset-bottom));background:#18232d;border-top:1px solid #66717a}.mobile-bottom a,.mobile-bottom button{display:flex;justify-content:center;align-items:center;min-width:0;min-height:58px;padding:4px 2px;color:var(--white);background:none;border:0;font-size:13px;white-space:nowrap}.mobile-bottom [aria-current=page]{color:var(--gold);font-weight:700}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.article-shell{padding-top:36px}}
@media(max-width:600px){.wrap{padding-inline:16px}.section,.hero{padding-block:34px}.article-shell{padding-bottom:46px}h1{font-size:27px}h2{font-size:21px}.lead{font-size:16px}.brand-words strong{font-size:15px}.brand-words small{font-size:8px;letter-spacing:.06em}.brand-logo{max-width:94px;max-height:32px}.menu-button{padding:5px 10px}.hero-grid,.split,.app-grid{gap:18px}.timeline,.service-grid,.feature-pair,.reading-grid{grid-template-columns:1fr}.feature-pair>div,.feature-card,.feature-main{padding:18px}.article-photo{max-height:240px}.app-photo{max-height:300px}.brand-photo{max-height:240px}.drawer-links a{font-size:13px}.article-section{padding:24px 0}.article-section:nth-of-type(even) .article-text{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}