*{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}img{max-width:100%}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.36}h1{font-size:36px;letter-spacing:-.5px}h2{font-size:25px}h3{font-size:19px}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:9000;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.nav-top{display:flex;align-items:center;gap:32px;min-height:68px}.brand{flex:0 0 auto;display:inline-flex;align-items:center;color:#F5F7FA;font-size:23px}.logo{height:36px;width:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;min-width:0;flex:1;justify-content:center;white-space:nowrap}.main-nav a{height:68px;display:inline-flex;align-items:center;position:relative;font-size:15px}.main-nav a.active{color:#6EA8FF}.main-nav a.active:after{content:"";position:absolute;left:35%;right:35%;bottom:12px;height:2px;background:#6EA8FF}.enter{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;background:#5C7CFA;color:#fff;height:41px;padding:0 23px;font-weight:700;font-size:14px}.enter:hover{background:#7390FF;color:#fff}.channel-nav{background:#12161C;border-top:1px solid rgba(255,255,255,.06)}.channel-scroll{display:flex;align-items:center;gap:32px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:44px}.channel-scroll::-webkit-scrollbar{display:none}.channel-scroll a{font-size:13px;color:#9098A3}.channel-scroll a:hover,.channel-scroll a.active{color:#8ED8FF}.drawer-toggle,.mobile-drawer,.drawer-mask,.bottom-nav{display:none}.page{padding-top:42px;padding-bottom:80px}.eyebrow{color:#8ED8FF;font-weight:700;font-size:13px;letter-spacing:.08em}.lead{max-width:850px;color:#C7CDD5;font-size:17px;line-height:1.8}.intro-row,.split,.feature-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center}.hero{padding:30px 0 20px}.hero .media{max-height:300px}.section{margin-top:42px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0}.section-head a{font-size:14px;color:#8ED8FF}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.story,.article-panel{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#171C23;padding:22px;min-width:0}.card h3,.story h3{margin-bottom:9px}.card p,.story p{font-size:15px;color:#C7CDD5;margin:0}.card a,.story a{color:#8ED8FF}.card a:hover,.story a:hover{text-decoration:underline}.topic-list{display:grid;gap:12px}.topic-link{display:block;border-bottom:1px solid rgba(255,255,255,.09);padding:13px 0}.topic-link strong{display:block;color:#F5F7FA}.topic-link span{display:block;color:#9098A3;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(230px,1fr);gap:30px;align-items:start}.article-body{min-width:0}.article-body section{margin:0 0 26px}.article-body p{margin:12px 0 0;font-size:16px;line-height:1.83}.article-body h2{font-size:24px;margin-bottom:8px}.sidebar{position:static}.sidebar h2{font-size:19px}.sidebar a{display:block;border-top:1px solid rgba(255,255,255,.09);padding:10px 0;font-size:14px}.related{margin-top:32px;padding:22px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px}.related h2{font-size:19px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{border-radius:24px;padding:7px 14px;background:#1B2129;font-size:14px;color:#8ED8FF}.media{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#0D1015}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-square{aspect-ratio:1}.media-landscape{aspect-ratio:16/9}.media-topic{aspect-ratio:4/3}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-width:255px;margin:auto}.media-natural img{width:100%;height:auto;max-height:300px;object-fit:contain;margin:auto}.media-placeholder{width:100%;min-height:160px;aspect-ratio:inherit;background:linear-gradient(125deg,#10151B,#18212D)}.media-square .media-placeholder{aspect-ratio:1}.media-landscape .media-placeholder{aspect-ratio:16/9}.media-banner .media-placeholder{aspect-ratio:16/7}.media-device .media-placeholder{aspect-ratio:9/16;min-height:260px}.image-card .media{margin-bottom:14px}.image-card{padding:13px}.image-card h3{font-size:17px;margin:0 0 6px}.image-card p{font-size:14px}.callout{border-left:3px solid #6EA8FF;background:#12161C;padding:22px;border-radius:0 12px 12px 0}.callout p:last-child{margin-bottom:0}.poster{max-width:1080px;margin:0 auto}.poster img{width:100%;height:auto;max-height:none}.poster .media-placeholder{aspect-ratio:16/7}.pill{font-size:12px;color:#8ED8FF;letter-spacing:.03em}.number{font-size:13px;color:#8ED8FF;font-weight:bold}.article-index{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-index .story{padding:17px}.article-index h3{font-size:17px}.story-lead{font-size:16px!important}.faq-item{margin:0 0 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:18px;background:#171C23}.faq-item h2{font-size:18px;margin-bottom:7px}.faq-item p{margin:0}.small{font-size:14px;color:#9098A3}.site-footer{background:#050608;padding:52px 0 20px;border-top:1px solid rgba(255,255,255,.09)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer-grid h2{font-size:17px;margin:0 0 13px}.footer-grid a:not(.footer-logo){display:block;color:#9098A3;font-size:14px;line-height:2.1}.footer-logo img{height:34px;width:auto}.footer-brand p{font-size:14px;margin-top:15px;color:#9098A3}.footer-bottom{margin-top:36px;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#9098A3;font-size:12px}.muted-bg{background:#12161C;padding:28px;border-radius:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gif-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer-grid a:hover{color:#8ED8FF!important}
@media(max-width:980px){.wrap{width:min(100% - 40px,1180px)}.main-nav{display:none}.nav-top{justify-content:space-between;min-height:58px;gap:10px}.brand{margin-inline:auto}.brand .logo{height:29px}.enter{min-width:76px;height:36px;padding:0 12px;font-size:12px}.drawer-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;align-items:center;width:38px;height:38px;padding:6px;background:none;border:0;cursor:pointer;flex:0 0 38px}.drawer-toggle span{width:21px;height:2px;border-radius:2px;background:#C7CDD5}.mobile-drawer,.drawer-mask{display:none}@media(max-width:980px){.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#0D1015;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-brand{font-size:20px;font-weight:700;color:#fff}.drawer-brand img{height:30px;max-width:200px;object-fit:contain}.drawer-close{border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.drawer-group{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-group h2{font-size:13px;color:#8ED8FF;margin:5px 0 8px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}.drawer-links a{font-size:14px;padding:6px 0}.drawer-links a.active{color:#6EA8FF}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:8000;height:60px;background:#0D1015;border-top:1px solid rgba(255,255,255,.12)}.bottom-nav a{display:grid;place-items:center;font-size:13px;color:#C7CDD5}.bottom-nav a.active{color:#6EA8FF}body{padding-bottom:60px}.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}body{font-size:15px}.page{padding-top:24px;padding-bottom:44px}h1{font-size:28px}h2{font-size:21px}.lead{font-size:15px}.intro-row,.split,.feature-split{grid-template-columns:minmax(0,1fr);gap:18px}.intro-row .media{order:-1;max-height:210px}.intro-row .media img{max-height:210px}.hero{padding-top:10px}.section{margin-top:30px}.card-grid{gap:11px}.card{padding:15px}.card h3{font-size:17px}.card p{font-size:14px;line-height:1.65}.card-grid.four{gap:10px}.image-card{padding:10px}.image-card .media{margin-bottom:10px}.image-card h3{font-size:15px}.image-card p{font-size:13px}.gallery-grid{gap:11px}.article-index{grid-template-columns:1fr}.article-body h2{font-size:21px}.article-body p{font-size:15px}.footer-grid{gap:22px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.media-device{max-width:200px}.gif-grid{grid-template-columns:1fr}.channel-scroll{gap:20px}.section-head{align-items:start}.poster img{max-height:none}}
@media(max-width:350px){.card-grid:not(.four){grid-template-columns:1fr}.brand .logo{max-width:105px}.enter{padding:0 10px}.nav-top{gap:4px}.footer-grid{grid-template-columns:1fr 1fr}}

/* Second-edition editorial refinements; original dark blue colors retained */
.hero h1{max-width:620px}.hero .related-links{margin-top:22px}.image-card .media img{object-fit:contain}.poster .media img{width:100%;height:auto;max-height:none;object-fit:contain}.article-body section+section{border-top:1px solid rgba(255,255,255,.09);padding-top:24px}.card .media{margin-bottom:14px}

/* Third edition: retains all original brand colors and asset handling. */
.hero h1{max-width:640px}.hero .related-links{margin-top:20px}.poster .media img{width:100%;height:auto;max-height:none;object-fit:contain}.image-card .media img{object-fit:contain}.card .media{margin-bottom:14px}.article-body section+section{border-top:1px solid rgba(255,255,255,.09);padding-top:24px}