:root{--bg:#101820;--panel:#18232d;--light:#f4f2ec;--gold:#d6b56e;--ink:#26323a;--white:#f6f3ea;--muted:#c7ccd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.8 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.drawer-active{overflow:hidden}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--gold)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-70px;left:15px;background:var(--light);color:var(--ink);z-index:30;padding:6px 14px}.skip:focus{top:10px}.site-head{background:#101820;border-bottom:1px solid #34404a}.brandbar{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}.brand-logo{display:block;max-width:132px;max-height:36px;width:auto;height:auto;object-fit:contain;flex-shrink:1}.brand-label{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-label strong{font-size:19px;white-space:nowrap}.brand-label small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.head-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}.app-link{font-size:14px}.menu-open,.drawer-close{min-height:44px;border:1px solid #59616a;background:transparent;color:var(--white);border-radius:10px;padding:7px 14px}.menu-open:hover,.drawer-close:hover{border-color:var(--gold)}.desktop-nav{background:var(--panel);border-bottom:1px solid #34404a}.nav-inner{min-height:48px;display:flex;align-items:stretch;gap:clamp(10px,2.3vw,29px);flex-wrap:wrap}.nav-inner a{display:flex;align-items:center;padding:9px 2px 6px;text-decoration:none;font-size:15px;border-bottom:2px solid transparent;white-space:nowrap}.nav-inner a[aria-current]{border-color:var(--gold);font-weight:700;color:var(--gold)}.main-area{padding-block:44px 72px;min-height:55vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3.15vw,36px);line-height:1.3;letter-spacing:.015em;margin-bottom:19px}h2{font-size:24px;line-height:1.4;margin-bottom:17px}h3{font-size:19px;line-height:1.5;margin-bottom:12px}p{margin-bottom:17px}section{scroll-margin-top:20px}.eyebrow{color:var(--gold);letter-spacing:.14em;font-size:13px;font-weight:700}.lead{font-size:17px;line-height:1.8;color:var(--muted)}.page-intro{max-width:760px;margin-bottom:32px}.page-intro .lead{margin:0}.quick-index{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #41505b;border-bottom:1px solid #41505b;padding:13px 0;margin:24px 0 38px;font-size:14px}.quick-index a{color:var(--gold)}.article-shell{max-width:100%;display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:28px;align-items:start}.article-main{min-width:0;max-width:760px}.article-block{padding:26px 0;border-top:1px solid #34404a}.article-block p{max-width:690px}.article-block:nth-of-type(even){background:var(--panel);border-radius:12px;padding:25px;margin-block:6px}.article-aside{background:var(--panel);border-radius:12px;padding:18px;font-size:14px;color:var(--muted)}.article-aside a{display:block;margin:9px 0;color:var(--gold)}.media{display:flex;justify-content:center;align-items:center;margin:18px 0 24px;min-width:0}.content-img{display:block;max-width:min(100%,460px);max-height:300px;width:auto;height:auto;object-fit:contain;object-position:center}.brand-img{max-height:260px}.app-img{max-width:min(100%,220px);max-height:330px}.hero-img{max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain}.feature-img{max-width:min(100%,460px);max-height:300px;width:auto;height:auto;object-fit:contain}.light{background:var(--light);color:var(--ink);border-radius:12px;padding:clamp(18px,3vw,30px)}.light p,.light .lead{color:var(--ink)}.home-section{margin-bottom:clamp(44px,6vw,72px)}.hero,.feature,.app-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:center}.hero .lead{max-width:58ch}.hero-media{display:flex;align-items:center;justify-content:center}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-align:center;text-decoration:none;padding:9px 17px;border-radius:10px;border:1px solid var(--gold);font-weight:600;font-size:15px}.button.primary{background:var(--gold);color:#14202a}.button.secondary{color:var(--white)}.light .button.secondary{color:var(--ink)}.step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:19px 0;border-top:1px solid #c9c4b9}.step b{color:#8c6c2b}.step h3{margin-bottom:6px}.step p{margin:0}.split{display:grid;grid-template-columns:minmax(0,.56fr) minmax(0,1.44fr);gap:32px}.uneven{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.panel{background:var(--panel);padding:26px;border-radius:12px}.panel p:last-child,.light p:last-child{margin-bottom:0}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timeline article{padding:16px 20px;border-left:2px solid var(--gold);background:var(--panel)}.archive-list{display:grid;gap:12px}.archive-list a{display:block;padding:11px 15px;border:1px solid #4a5864;border-radius:10px;text-decoration:none}.links-inline{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.links-inline a{color:var(--gold)}.light .links-inline a{color:#76571e}.banner-section{background:var(--panel);border:1px solid #3b4852;border-radius:12px;padding:30px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services article{border-top:2px solid var(--gold);padding-top:18px}.side-note{padding:19px;border-left:2px solid var(--gold);background:var(--panel)}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topic-grid .article-block{padding:25px;background:var(--panel);border-radius:12px}.topic-grid .article-block:nth-child(3){grid-column:span 2}.faq-item{padding:22px 0;border-top:1px solid #43505b;max-width:760px}.faq-item h2{font-size:21px}.footer{border-top:1px solid #36434e;background:#0c131a;padding:44px 0 20px;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1.3fr 1.4fr 1fr;gap:30px}.footer strong{color:var(--white);display:block;margin-bottom:12px}.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px}.footer-links a{display:inline-block}.footer-end{border-top:1px solid #36434e;padding-top:18px;margin-top:30px}.drawer-shade{position:fixed;inset:0;background:#03070ac4;z-index:80}.drawer{position:fixed;inset:0 0 0 auto;width:min(360px,100vw);z-index:81;background:#18232d;color:var(--white);overflow-y:auto;padding:22px 23px 65px;box-shadow:-10px 0 40px #0005}.drawer[hidden],.drawer-shade[hidden]{display:none!important}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.drawer-group{border-top:1px solid #43505b;padding:18px 0}.drawer-group h2{font-size:14px;color:var(--gold);margin-bottom:10px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}.drawer-links a{padding:7px 0;text-decoration:none;font-size:15px}.drawer-links a[aria-current]{font-weight:700;color:var(--gold)}.mobile-bottom{display:none}@media(max-width:980px){.wrap{width:calc(100% - 48px)}.article-shell{grid-template-columns:minmax(0,1fr)}.article-aside{max-width:760px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}@media(max-width:740px){.desktop-nav{display:none}.brandbar{height:60px}.head-actions .app-link{display:none}.brand-label small{display:none}.brand-label strong{font-size:16px}.main-area{padding-block:30px 85px}.hero,.feature,.app-feature,.split,.uneven{grid-template-columns:1fr}.hero-media{justify-content:flex-start}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom{position:fixed;z-index:50;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 #56616a}.mobile-bottom a,.mobile-bottom button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;color:var(--white);text-decoration:none;font-size:14px;background:none;border:0;padding:5px}.mobile-bottom [aria-current]{color:var(--gold);font-weight:700}.footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.brand-logo{max-width:110px;max-height:32px}.brand{gap:8px}.brand-label strong{font-size:15px}.menu-open{padding:5px 11px}.home-section{margin-bottom:35px}.topic-grid,.timeline,.services,.footer-grid{grid-template-columns:1fr}.topic-grid .article-block:nth-child(3),.footer-grid>div:first-child{grid-column:auto}.panel,.banner-section{padding:18px}.content-img,.feature-img{max-height:240px}.app-img{max-height:300px}.hero-img{max-height:190px}.article-block:nth-of-type(even){margin-inline:0;padding:18px}.light{padding:19px}h2{font-size:21px}.footer-grid{gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
