*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101820;color:#F6F3EA;font:16px/1.82 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}a:hover{color:#D6B56E}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #D6B56E;outline-offset:3px}img{max-width:100%;height:auto;object-fit:contain;object-position:center;vertical-align:middle}.wrap,.head-inner,.nav-inner{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}.site-head{background:#101820;border-bottom:1px solid #35414b}.head-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.brand .logo{max-width:132px;max-height:36px;width:auto;height:auto}.brand span{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:18px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:.09em;color:#C7CCD0;margin-top:4px}.head-actions{display:flex;gap:16px;align-items:center}.app-link{text-decoration:none;font-size:14px}.menu-button,.drawer-head button{min-height:44px;border:1px solid #69717a;border-radius:10px;padding:7px 14px;background:#18232D;color:#F6F3EA}.primary{background:#18232D}.nav-inner{display:flex;align-items:center;gap:26px;min-height:48px;flex-wrap:wrap}.primary a{display:inline-flex;min-height:48px;align-items:center;text-decoration:none;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent}.primary [aria-current=page]{border-color:#D6B56E;font-weight:700}.skip{position:absolute;left:12px;top:-80px;z-index:70;background:#F4F2EC;color:#26323A;padding:8px}.skip:focus{top:8px}.hero,.section{padding-top:58px;padding-bottom:58px}.hero-grid,.split,.app-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;align-items:center}.hero h1,.article-head h1{font-size:clamp(26px,3vw,36px);line-height:1.32;letter-spacing:.015em;margin:0 0 22px}.eyebrow{font-size:13px;letter-spacing:.16em;color:#D6B56E;margin:0 0 14px}.lead{font-size:17px;color:#C7CCD0;line-height:1.82}.hero-art,.image-area{display:flex;align-items:center;justify-content:center;min-width:0}.banner{max-height:300px;width:auto;height:auto}.content-image{max-width:460px;max-height:300px;width:auto;height:auto}.app-image{max-width:220px;max-height:330px;width:auto;height:auto}.brand-image{max-height:260px;width:auto;height:auto}.icon-image{max-width:56px;max-height:56px;width:auto;height:auto}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 20px;border:1px solid #D6B56E;border-radius:10px;text-decoration:none;font-size:15px;line-height:1.3;color:#101820;background:#D6B56E;font-weight:650}.btn.secondary{background:transparent;color:#F6F3EA}.btn:hover{color:#101820;background:#F4F2EC}.section h2{font-size:24px;line-height:1.4;margin:0 0 18px}.section h3{font-size:19px;line-height:1.4}.section p,.article p{margin:0 0 16px}.light{background:#F4F2EC;color:#26323A}.light .lead,.light .muted{color:#4b555c}.light a:not(.btn){color:#314c61}.light a:hover{color:#79591e}.section-inner{max-width:1120px;margin:auto;padding:0 28px}.narrow{max-width:760px}.steps{counter-reset:step;list-style:none;margin:22px 0 0;padding:0}.steps li{counter-increment:step;border-top:1px solid #a9aaa4;padding:18px 0 18px 50px;position:relative}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:17px;color:#8a682d;font-weight:700}.steps li:last-child{border-bottom:1px solid #a9aaa4}.two-one{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}.panel{padding:26px;background:#18232D;border:1px solid #35414b;border-radius:12px}.light .panel{background:#fff;border-color:#dedbd3}.panel h3{margin:0 0 12px}.feature-copy{max-width:760px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.timeline article{border-top:2px solid #D6B56E;padding-top:14px}.timeline h3{margin:0 0 8px}.archive-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px}.directory a{display:block;padding:10px 0;border-bottom:1px solid #59616a}.site-footer{background:#0c1319;border-top:1px solid #37434a;padding:46px 0 70px;color:#C7CCD0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.site-footer h2{font-size:17px;color:#F6F3EA;margin:0 0 10px}.site-footer a{display:block;text-decoration:none;font-size:14px;padding:4px 0}.site-footer p{max-width:370px;font-size:14px}.drawer-cover{position:fixed;inset:0;background:#0009;z-index:80}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(360px,100vw);background:#18232D;color:#F6F3EA;z-index:81;padding:20px 22px 28px;overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 30px #0005}.drawer[hidden],.drawer-cover[hidden]{display:none!important}.drawer-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #53606b;padding-bottom:14px}.drawer nav section{padding:12px 0;border-bottom:1px solid #3b4852}.drawer h2{font-size:14px;color:#D6B56E;margin:0 0 8px}.drawer a{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px 8px 0;margin-right:8px;text-decoration:none;font-size:15px}.drawer [aria-current=page]{color:#D6B56E;font-weight:700}.mobile-bar{display:none}.article-head{padding-top:54px;padding-bottom:27px}.article-head .lead{max-width:760px}.quick-index{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:14px 0;border-top:1px solid #53606b;border-bottom:1px solid #53606b}.quick-index a{font-size:14px;color:#D6B56E}.article{padding-bottom:65px}.article section{max-width:760px;margin:0 0 36px;scroll-margin-top:18px}.article h2{font-size:24px;margin:0 0 13px;line-height:1.38}.article section p{color:#d5d9dc}.article .photo-block{display:flex;justify-content:flex-start;align-items:center;margin:15px 0 32px}.article .light-section{max-width:100%;background:#F4F2EC;color:#26323A;padding:30px;border-radius:12px}.article .light-section p{color:#26323A}.article .light-section a{color:#31536d}.related{padding:24px;border:1px solid #49535d;border-radius:12px;max-width:760px}.related h2{font-size:19px}.related a{display:inline-block;margin:0 20px 8px 0;color:#D6B56E}.faq-item{padding:20px 0;border-bottom:1px solid #48555e}.faq-item h2{font-size:20px;margin:0 0 8px}.faq-item p{max-width:760px;margin:0}.article a{color:#D6B56E}.article .light-section a{color:#31536d}@media(max-width:900px){.nav-inner{gap:18px}.hero-grid,.split,.app-grid{gap:24px}.footer-grid{gap:24px}}@media(max-width:740px){.primary{display:none}.head-inner{min-height:60px}.app-link{display:none}.hero-grid,.split,.app-grid,.two-one,.archive-grid{grid-template-columns:1fr}.hero,.section{padding-top:36px;padding-bottom:36px}.hero-art{justify-content:flex-start}.banner{max-height:190px}.content-image,.brand-image{max-height:240px}.app-image{max-height:300px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.mobile-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;min-height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#18232D;border-top:1px solid #52606b}.mobile-bar a,.mobile-bar button{display:flex;min-height:58px;align-items:center;justify-content:center;border:0;background:none;color:#F6F3EA;text-decoration:none;font-size:14px;padding:4px}.mobile-bar [aria-current=page]{color:#D6B56E;font-weight:700}.wrap,.head-inner,.nav-inner,.section-inner{padding-left:24px;padding-right:24px}.article-head{padding-top:34px}.article h2,.section h2{font-size:21px}.panel{padding:20px}}@media(max-width:600px){.wrap,.head-inner,.section-inner{padding-left:16px;padding-right:16px}.mini-grid,.timeline,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.brand strong{font-size:15px}.brand small{font-size:8px;letter-spacing:0}.brand{gap:7px}.brand .logo{max-width:90px;max-height:30px}.menu-button{padding:6px 10px}.head-actions{gap:8px}.hero h1,.article-head h1{font-size:27px}.lead{font-size:16px}.panel{padding:17px}.article .light-section{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}