*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.02em}h2{font-size:clamp(20px,2.2vw,27px)}h3{font-size:19px}p{margin-bottom:16px}.container{max-width:1200px;padding:0 24px;margin:0 auto}.site-header{position:relative;z-index:40;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.topbar{max-width:1200px;height:74px;padding:0 24px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.menu-toggle{justify-self:start;background:#12161C;border:1px solid rgba(255,255,255,.16);width:44px;height:44px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{display:block;width:19px;height:2px;background:#F5F7FA}.brand{justify-self:center;position:relative;display:flex;align-items:center;justify-content:center;min-width:100px;height:40px}.brand .media{height:36px;width:140px;max-width:140px;aspect-ratio:auto;border:0;background:none}.brand .media img{object-fit:contain}.brand .media-placeholder{display:none}.brand-fallback{font-size:25px;font-weight:800;color:#F5F7FA;letter-spacing:1px}.brand-fallback span{color:#6EA8FF}.brand:has(img) .brand-fallback{display:none}.enter-btn{justify-self:end;background:#5C7CFA;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:999px;height:44px;padding:0 22px;font-size:14px;font-weight:700;white-space:nowrap}.enter-btn:hover{background:#7390FF;color:#fff}.channel-nav{background:#0D1015;border-top:1px solid rgba(255,255,255,.06)}.channel-inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:32px;padding:0 24px;height:46px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.channel-inner a{height:100%;display:flex;align-items:center;position:relative;color:#C7CDD5;font-size:14px}.channel-inner a.active{color:#6EA8FF}.channel-inner a.active:after{content:"";height:2px;background:#6EA8FF;position:absolute;left:0;right:0;bottom:0}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:70;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s,visibility .2s}.drawer{position:fixed;z-index:80;left:0;top:0;bottom:0;width:420px;max-width:86vw;overflow-y:auto;background:#0D1015;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;padding:22px 26px 36px;box-shadow:12px 0 40px rgba(0,0,0,.5)}body.menu-open{overflow:hidden}body.menu-open .drawer-mask{visibility:visible;pointer-events:auto;opacity:1}body.menu-open .drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px}.drawer-brand{display:flex;align-items:center;gap:12px;color:#fff}.drawer-brand .media{width:96px;height:40px;aspect-ratio:auto;background:none}.drawer-brand .media-placeholder{display:none}.drawer-close{background:#171C23;color:#fff;border:1px solid #313944;border-radius:8px;width:40px;height:40px;font-size:28px;line-height:1}.drawer-group{border-bottom:1px solid rgba(255,255,255,.07);padding:14px 0 18px}.drawer-group h2{font-size:15px;color:#9098A3;margin:0 0 7px}.drawer-group a{display:block;padding:7px 12px;border-left:2px solid transparent;font-size:15px}.drawer-group a.active{border-color:#6EA8FF;color:#6EA8FF}.site-main{min-height:55vh}.page-heading{padding:56px 0 22px}.eyebrow{color:#8ED8FF;letter-spacing:.14em;font-size:12px;text-transform:uppercase;font-weight:700;margin-bottom:12px}.lead{font-size:17px;color:#C7CDD5;max-width:820px}.page-heading h1{max-width:940px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:46px;align-items:start}.article-body{max-width:860px;min-width:0}.prose-section{padding:24px 0;border-top:1px solid rgba(255,255,255,.09)}.prose-section h2{margin:0 0 16px}.prose-section p{color:#C7CDD5}.sidebar{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:24px}.sidebar h2{font-size:19px}.sidebar a{display:block;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 0;font-size:15px}.related{margin:32px 0 65px;background:#12161C;border-radius:14px;padding:24px}.related h2{font-size:20px;margin-bottom:12px}.related-links{display:flex;gap:12px 25px;flex-wrap:wrap}.related-links a{color:#8ED8FF}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#0D1015}.media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-square{aspect-ratio:1/1}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16}.media-placeholder{background:linear-gradient(130deg,#12161C,#1B2129 55%,#0D1015);border:1px solid rgba(255,255,255,.06)}.feature-media{max-height:260px;margin:18px 0 28px}.feature-media .media{max-height:260px}.section{padding:42px 0}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:23px}.section-title a,.minor-link{color:#8ED8FF;font-size:14px}.hero{padding:50px 0 20px;display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:38px;align-items:center}.hero h1{font-size:clamp(28px,3.5vw,42px)}.hero .lead{max-width:600px}.hero .media{height:310px;aspect-ratio:auto}.text-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.text-links a{color:#8ED8FF;border-bottom:1px solid rgba(142,216,255,.3)}.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-tile,.info-card{background:#12161C;border:1px solid rgba(255,255,255,.09);padding:22px;border-radius:13px;min-width:0}.category-tile h3,.info-card h3{font-size:18px}.category-tile p,.info-card p{font-size:15px}.category-tile a,.info-card a{color:#8ED8FF;font-size:14px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}.feature-article{background:#12161C;padding:28px;border-radius:14px}.index-list{padding:0;margin:0;list-style:none;counter-reset:series}.index-list li{counter-increment:series;padding:17px 0 17px 44px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.index-list li:before{content:counter(series,decimal-leading-zero);position:absolute;left:0;top:18px;font-weight:bold;color:#6EA8FF}.index-list a{display:block;font-weight:700;color:#F5F7FA}.index-list p{font-size:14px;margin:3px 0 0;color:#9098A3}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.art-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.art-card{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;min-width:0}.art-card .media{border-radius:0;height:165px;aspect-ratio:auto}.art-card .art-text{padding:14px 16px}.art-card h3{font-size:16px;margin-bottom:6px}.art-card p{font-size:14px;color:#9098A3;margin:0}.banner .media{height:235px;aspect-ratio:auto}.device-feature{display:grid;grid-template-columns:1fr 250px;gap:55px;align-items:center}.device-feature .media{height:350px;aspect-ratio:auto}.mini-note{font-size:14px;color:#9098A3}.faq-item{border-bottom:1px solid rgba(255,255,255,.1);padding:18px 0}.faq-item h2{font-size:19px;margin-bottom:8px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.08);padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid h2{font-size:16px}.footer-grid a{display:block;font-size:14px;color:#C7CDD5;padding:3px 0}.footer-grid p{font-size:14px;color:#9098A3}.foot-brand .media{width:130px;height:42px;aspect-ratio:auto}.foot-brand .media-placeholder{display:none}.foot-brand strong{display:block;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:21px;margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#9098A3}#back-top{position:fixed;right:20px;bottom:20px;background:#171C23;color:#fff;border:1px solid #384452;border-radius:50%;height:42px;width:42px;opacity:0;pointer-events:none;transition:opacity .2s}#back-top.visible{opacity:1;pointer-events:auto}@media(max-width:980px){.container{padding:0 20px}.topbar,.channel-inner{padding-left:20px;padding-right:20px}.two-col{grid-template-columns:minmax(0,1fr)}.sidebar{order:2}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{font-size:15px}.container{padding:0 16px}.topbar{height:64px;padding:0 16px}.channel-inner{height:46px;padding:0 16px;gap:24px}.menu-toggle{width:40px;height:40px}.brand{min-width:60px}.brand .media{height:28px;width:94px}.brand-fallback{font-size:20px}.enter-btn{height:40px;padding:0 12px;font-size:13px}.drawer{width:min(86vw,340px);padding:18px}.hero{display:flex;flex-direction:column-reverse;gap:22px;padding-top:26px;align-items:stretch}.hero .media{height:200px}.hero h1{font-size:29px}.lead{font-size:15px}.section{padding:28px 0}.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{padding:15px}.category-tile h3{font-size:16px}.category-tile p{font-size:13px}.split{grid-template-columns:1fr;gap:15px}.feature-article{padding:19px}.art-grid,.art-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-card .media{height:140px}.art-card .art-text{padding:12px}.art-card h3{font-size:15px}.art-card p{font-size:13px}.banner .media{height:130px}.device-feature{display:flex;flex-direction:column-reverse;align-items:stretch;gap:20px}.device-feature .media{height:340px;max-width:220px;margin:auto}.page-heading{padding:33px 0 12px}.related{padding:17px;margin-bottom:34px}.footer-grid{gap:20px}.foot-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.section-title{align-items:start}.feature-media{max-height:185px}.feature-media .media{max-height:185px}}@media(max-width:355px){.brand .media{width:70px}.brand-fallback{font-size:17px}.enter-btn{padding:0 10px}.category-tile{padding:12px}.art-card .media{height:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}