*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111318;color:#D5D8DF;font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}img,svg,video{max-width:100%}a{color:inherit;text-decoration:none;touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:#151820;border-bottom:1px solid rgba(255,255,255,.09)}.desktop-nav{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand,.mobile-brand,.drawer-brand,.footer-brand{display:flex;align-items:center;gap:10px;min-height:40px}.brand-logo,.brand img,.mobile-brand img,.drawer-brand img,.footer-brand img{width:38px;height:38px;object-fit:contain;display:block}.brand-logo-fallback{display:grid;place-items:center;background:#222733;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#F45132;font-weight:900}.brand-name{color:#F7F8FA;font-weight:800;white-space:nowrap}.brand-name small{display:block;color:#AEB4C0;font-size:10px;letter-spacing:.12em}.main-nav{display:flex;justify-content:center;align-items:stretch;gap:4px;white-space:nowrap;min-width:0}.main-nav a{display:flex;align-items:center;min-height:72px;padding:0 12px;color:#AEB4C0;border-bottom:2px solid transparent}.main-nav a:hover{color:#F7F8FA}.main-nav a.active{color:#F7F8FA;border-bottom-color:#F45132}.register-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:999px;background:#F45132;color:#fff;font-weight:800;white-space:nowrap}.register-btn:hover{background:#FF684E}.channel-bar{border-top:1px solid rgba(255,255,255,.05);background:#12151c}.channel-links{display:flex;gap:18px;align-items:center;min-height:38px;font-size:14px;color:#AEB4C0}.channel-links span{color:#D7A84B}.channel-links a:hover{color:#F7F8FA}.mobile-topbar{display:none}.mobile-drawer,.drawer-mask{display:none}.site-main{padding-bottom:36px}.hero,.page-hero{padding:52px 0 28px}.hero h1,.page-hero h1{margin:0;color:#F7F8FA;font-size:clamp(32px,4vw,42px);line-height:1.2;letter-spacing:-.02em}.page-hero p,.hero p{max-width:760px;margin:16px 0 0;color:#AEB4C0}.section{padding:28px 0}.section-title{margin:0 0 18px;color:#F7F8FA;font-size:clamp(23px,3vw,30px);line-height:1.35}.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#D7A84B;font-size:13px;font-weight:800;letter-spacing:.08em}.section-kicker:before{content:"";width:18px;height:2px;background:#F45132}.panel{background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:22px}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px;min-width:0}.card h3{margin:0 0 8px;color:#F7F8FA;font-size:19px}.card p{margin:0;color:#D5D8DF}.text-link{display:inline-flex;min-height:40px;align-items:center;margin-top:12px;color:#F45132;font-weight:800}.text-link:hover{color:#FF684E}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:10px;background:#12151c;aspect-ratio:16/9}.media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-4x5{aspect-ratio:4/5}.media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#12151c,#1A1E27)}.media-card{display:flex;flex-direction:column;gap:14px}.media-card .media{margin-bottom:2px}.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:center}.feature.reverse{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.feature.reverse .media{order:-1}.prose{max-width:860px}.prose p{margin:0 0 16px}.prose h2{margin:30px 0 12px;color:#F7F8FA;font-size:26px}.prose h3{margin:24px 0 10px;color:#F7F8FA;font-size:20px}.inline-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.inline-links a{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#F7F8FA;background:#1A1E27}.inline-links a:hover{border-color:#F45132}.carousel{position:relative}.slide{display:none}.slide.active{display:block}.carousel .media{height:260px;aspect-ratio:auto}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px}.carousel-arrow,.carousel-dot,.menu-toggle,.drawer-close,.back-top{border:0;font:inherit;cursor:pointer}.carousel-arrow{width:42px;height:42px;border-radius:10px;background:#1A1E27;color:#F7F8FA;border:1px solid rgba(255,255,255,.09)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:9px;height:9px;min-height:9px;padding:0;border-radius:50%;background:#3a404d}.carousel-dot.active{background:#F45132}.qa{display:grid;gap:12px}.qa article{padding:18px 20px;border-left:2px solid #F45132;background:#1A1E27;border-radius:0 12px 12px 0}.qa h3{margin:0 0 6px;color:#F7F8FA}.qa p{margin:0}.list-clean{list-style:none;margin:0;padding:0;display:grid;gap:12px}.list-clean li{padding:16px 18px;background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:12px}.notice{padding:18px 20px;border-radius:12px;background:#222733;border:1px solid rgba(255,255,255,.09)}.site-footer{margin-top:46px;background:#0e1015;border-top:1px solid rgba(255,255,255,.09)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:42px 0}.footer-grid>div{display:grid;gap:8px;align-content:start}.footer-grid strong{color:#F7F8FA;margin-bottom:4px}.footer-grid a{color:#AEB4C0;min-height:40px;display:flex;align-items:center}.footer-grid a:hover{color:#F7F8FA}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:22px 0 28px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;color:#AEB4C0;font-size:14px}.footer-bottom p{margin:0}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:24px;width:44px;height:44px;border-radius:50%;background:#222733;color:#F7F8FA;border:1px solid rgba(255,255,255,.09);opacity:0;pointer-events:none;transition:.2s;z-index:900}.back-top.visible{opacity:1;pointer-events:auto}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tag{display:inline-flex;align-items:center;min-height:36px;padding:4px 10px;border-radius:999px;background:#222733;color:#AEB4C0;font-size:14px}.divider{height:1px;background:rgba(255,255,255,.09);margin:8px 0 0}
@media(max-width:980px){.desktop-nav,.channel-bar{display:none}.mobile-topbar{height:62px;display:grid;grid-template-columns:74px 1fr 74px;align-items:center;padding:0 12px;gap:6px}.menu-toggle{width:44px;height:44px;padding:10px;background:transparent;display:grid;gap:5px;align-content:center;justify-self:start}.menu-toggle span{display:block;width:22px;height:2px;background:#F7F8FA}.mobile-brand{justify-self:center;color:#F7F8FA;font-size:16px;min-width:0}.mobile-brand img,.mobile-brand .brand-logo{width:30px;height:30px}.mobile-register{justify-self:end;min-width:64px;padding:0 14px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#151820;color:#F7F8FA;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding-bottom:28px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-brand img,.drawer-brand .brand-logo{width:34px;height:34px}.drawer-close{width:42px;height:42px;background:#222733;color:#F7F8FA;border-radius:10px;font-size:26px}.drawer-group{padding:16px}.drawer-group strong{display:block;color:#D7A84B;font-size:13px;margin-bottom:7px}.drawer-group a{display:flex;align-items:center;min-height:44px;color:#D5D8DF;border-bottom:1px solid rgba(255,255,255,.05)}body.drawer-open{overflow:hidden}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.feature.reverse{grid-template-columns:1fr}.feature.reverse .media{order:0}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:#151820;border-top:1px solid rgba(255,255,255,.09)}.mobile-bottom a{min-height:56px;display:flex;align-items:center;justify-content:center;color:#AEB4C0;font-size:14px}.mobile-bottom a.accent{color:#F45132;font-weight:800}.site-main{padding-bottom:84px}.back-top{bottom:76px}.footer-bottom{padding-bottom:26px}}
@media(max-width:640px){.wrap{width:min(100% - 24px,1200px)}.hero,.page-hero{padding:34px 0 18px}.hero h1,.page-hero h1{font-size:30px}.section{padding:22px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.panel,.card{padding:18px}.carousel .media{height:160px}.media-4x5{max-height:260px}.footer-grid{grid-template-columns:1fr;gap:18px;padding:34px 0}.footer-bottom{display:grid;gap:10px}.mobile-topbar{grid-template-columns:68px 1fr 68px}.mobile-brand{gap:6px}.mobile-brand strong{font-size:15px}.mobile-register{min-width:60px;padding:0 12px}.prose h2{font-size:23px}.prose h3{font-size:19px}}
@media(max-width:380px){.mobile-topbar{padding:0 8px;grid-template-columns:62px 1fr 62px}.mobile-register{min-width:56px;padding:0 10px}.mobile-brand strong{font-size:14px}.mobile-brand img,.mobile-brand .brand-logo{width:28px;height:28px}}