*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#ddd;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.site-head{position:sticky;top:0;background:#050505;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}.brandbar{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:auto;height:auto;max-height:34px;max-width:100px}.brand-cn,.wordmark{font-size:22px;font-weight:750;letter-spacing:2px;color:#f7f7f7;white-space:nowrap}.brand-center{margin:auto;display:grid;text-align:center;line-height:1.35}.brand-center strong{font-size:14px;color:#f7f7f7;letter-spacing:3px}.brand-center span{font-size:12px;color:#a5a5a5}.head-actions{display:flex;gap:8px;align-items:center}.head-button{border:1px solid rgba(255,255,255,.4);background:transparent;color:#eee;padding:8px 13px;min-height:44px;white-space:nowrap;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.head-button:hover,.head-button:focus-visible{background:#1a1a1a}.topnav{border-top:1px solid rgba(255,255,255,.12)}.nav-inner{height:48px;display:flex;align-items:stretch;gap:clamp(12px,2vw,28px);white-space:nowrap}.nav-inner a{font-size:14px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-inner a.active{border-bottom-color:#c7c7c7;color:#fff}main{padding-bottom:48px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,34px);line-height:1.35;color:#f7f7f7}h2{font-size:clamp(21px,2.4vw,27px);line-height:1.4;color:#f7f7f7}h3{font-size:18px;color:#eee}p{max-width:76ch}section.content-section{padding:44px 0;border-bottom:1px solid rgba(255,255,255,.12)}.eyebrow{font-size:12px;letter-spacing:2px;color:#a5a5a5}.lead{font-size:17px;color:#ddd;max-width:76ch}.page-intro{padding:48px 0 22px;border-bottom:1px solid rgba(255,255,255,.12)}.page-intro p{max-width:760px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{min-height:44px;padding:8px 18px;border-radius:4px;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:#f7f7f7;color:#000;border-color:#f7f7f7}.btn:hover{background:#1a1a1a;color:#fff}.btn.primary:hover{background:#c7c7c7;color:#000}.image-figure{margin:0 0 25px;display:flex;justify-content:center;align-items:center}.image-figure img{max-height:240px;width:auto;max-width:100%;height:auto}.hero .image-figure img{max-height:300px}.hero-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:22px}.hero-text p{max-width:55ch}.image-figure img.banner-two{max-height:260px}.image-figure img.banner-three{max-height:240px}.image-figure img.app-image{max-height:420px}.mini-icon{width:auto;height:auto;max-width:64px;max-height:64px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-card,.topic-card,.stage-card{background:#0b0b0b;border:1px solid rgba(255,255,255,.12);padding:20px;border-radius:6px;min-width:0}.quick-card{display:block}.quick-card strong{display:block;color:#f7f7f7;margin-bottom:8px}.quick-card span{display:block;font-size:14px;color:#a5a5a5}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:start}.stack{display:grid;gap:14px}.story-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.story-row:last-child{border-bottom:0}.story-row h3{margin:0 0 7px}.story-row p{margin:0}.inline-more{display:inline-block;margin-top:12px;color:#f7f7f7;text-decoration:underline;text-underline-offset:5px}.feature-band{border:1px solid rgba(255,255,255,.12);background:#0b0b0b;padding:24px;margin-bottom:14px}.feature-band .image-figure{margin-bottom:18px}.feature-band p{max-width:78ch}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-card p,.stage-card p{margin-bottom:0}.editor-note{padding:20px 24px;border-left:2px solid #c7c7c7;background:#0b0b0b;max-width:850px}.content-article{max-width:850px}.content-article section{border-bottom:1px solid rgba(255,255,255,.12);padding:30px 0}.content-article p{max-width:76ch}.timeline{counter-reset:step}.timeline article{position:relative;padding:20px 0 20px 52px;border-bottom:1px solid rgba(255,255,255,.12)}.timeline article:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:0;top:22px;color:#a5a5a5}.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.badge{display:inline-block;border:1px solid rgba(255,255,255,.4);padding:2px 9px;margin-bottom:12px;color:#f7f7f7}.page-related{padding:32px 0;display:flex;gap:12px;flex-wrap:wrap}.page-related strong{width:100%;color:#f7f7f7}.site-footer{background:#050505;border-top:1px solid rgba(255,255,255,.12);padding:36px 0 22px}.footer-brand{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer-brand strong{color:#f7f7f7}.footer-brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:400}.footer-brand p{flex-basis:100%;color:#a5a5a5;font-size:13px}.footer-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:24px}.footer-nav>div{display:flex;flex-direction:column;gap:6px}.footer-nav strong{color:#fff;margin-bottom:8px;font-size:14px}.footer-nav a{color:#aaa;font-size:13px}.copyright-line{margin-top:28px;color:#aaa;font-size:12px}.mobile-nav{display:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.77);z-index:35}.overlay[hidden]{display:none}.panel{position:fixed;top:72px;left:0;right:0;z-index:40;background:#121212;border:1px solid rgba(255,255,255,.25);box-shadow:0 14px 35px #000;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .16s}.panel.shown{visibility:visible;pointer-events:auto;opacity:1}.panel-top{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}.panel-top h2{font-size:20px;margin:0}.close-button{min-width:44px;min-height:44px;color:#fff;border:1px solid rgba(255,255,255,.4);background:#1a1a1a;padding:6px 12px;border-radius:4px}.menu-panel{max-height:min(70dvh,750px);overflow-y:auto;overscroll-behavior:contain}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:25px}.menu-group h3{border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:7px}.menu-group a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.menu-group a strong,.menu-group a span{display:block}.menu-group a span{font-size:12px;color:#aaa}.search-panel{width:min(480px,calc(100% - 32px));left:auto;right:max(24px,calc((100vw - 1240px)/2));padding:14px 20px 22px}.search-panel label{display:block;color:#aaa;font-size:14px;margin-bottom:8px}.search-panel input{width:100%;min-height:44px;background:#050505;border:1px solid rgba(255,255,255,.4);border-radius:4px;color:#fff;padding:8px 12px}.search-panel p{font-size:12px;color:#aaa;margin-top:8px}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:4px}.search-links a[hidden]{display:none}@media(max-width:1050px){.nav-inner{gap:15px}.nav-inner a:nth-last-child(-n+2){display:none}.footer-nav{gap:13px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.wrap{width:calc(100% - 48px)}.brand-center{display:none}.head-actions{margin-left:auto}.topnav{display:none}.site-head .brandbar{height:60px}.panel{top:60px}.quick-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.two-col{gap:16px}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.search-panel{right:24px}.image-figure img.app-image{max-height:360px}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.brandbar{gap:5px}.brand-cn{display:none}.wordmark{font-size:21px}.head-actions{gap:4px}.head-button{padding:6px 8px;font-size:13px;min-width:44px}.desktop-app{display:none}.logo{max-height:28px;max-width:82px}.hero-text,.two-col,.topic-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{padding:14px}.stage-grid{grid-template-columns:1fr 1fr}.stage-card{padding:14px}.menu-grid{grid-template-columns:1fr;gap:2px}.menu-panel{max-height:70dvh}.search-panel{right:16px;width:calc(100% - 32px)}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:32;min-height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b0b0b;border-top:1px solid rgba(255,255,255,.25)}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;justify-content:center;text-align:center;border:0;background:transparent;color:#ddd;font-size:12px;min-height:56px;padding:4px;white-space:nowrap}.mobile-nav .active{border-top:2px solid #f7f7f7;color:#fff}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}section.content-section{padding:30px 0}.page-intro{padding:30px 0 20px}.feature-band{padding:18px}.image-figure img{max-height:220px}.hero .image-figure img{max-height:300px}}@media(max-width:350px){.head-button{padding:5px 6px}.brand{gap:0}.brand-cn{display:none}.quick-grid,.stage-grid{grid-template-columns:1fr 1fr}}
