*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}.container{width:min(100% - 48px,1200px);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:8px;z-index:60}.skip-link:focus{left:10px}.site-header{position:relative;z-index:20;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.menu-trigger{height:44px;width:44px;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px;justify-self:start}.menu-trigger span{height:2px;background:#F5F7FA;width:100%;border-radius:2px}.brand{height:52px;display:flex;align-items:center;justify-content:center;position:relative;min-width:130px}.brand-media{height:36px;display:flex;align-items:center;justify-content:center}.brand-media img{max-height:36px;max-width:180px;object-fit:contain}.brand-fallback{position:absolute;font-weight:900;font-size:21px;color:#f5f7fa;z-index:-1}.brand-fallback b{color:#6EA8FF}.brand:has(img) .brand-fallback{display:none}.brand .media-placeholder{display:none}.enter-button{justify-self:end;display:flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:99px;color:#fff;background:#5C7CFA;font-size:14px;font-weight:700}.enter-button:hover{background:#7390FF;color:#fff}.channel-bar{background:#0D1015;border-top:1px solid rgba(255,255,255,.07)}.channel-inner{display:flex;gap:29px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#303d52 transparent}.channel-inner a{height:46px;display:flex;align-items:center;flex:0 0 auto;border-bottom:2px solid transparent;font-size:14px}.channel-inner a.active{color:#6EA8FF;border-color:#6EA8FF}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(440px,86vw);z-index:31;background:#0D1015;border-right:1px solid #2b3648;transform:translateX(-103%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;overflow-y:auto}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background:#12161C;color:#f5f7fa;font-weight:700}.drawer-head button{border:0;background:transparent;color:#fff;font-size:32px;line-height:1}.drawer-section{padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.drawer-section h2{font-size:14px;color:#9098A3;margin:0 0 7px}.drawer-section a{display:inline-flex;align-items:center;padding:7px 10px;margin:2px 5px 2px 0;border-radius:6px;font-size:14px}.drawer-section a.active{color:#6EA8FF;background:#171C23}.site-main{padding-top:34px;padding-bottom:70px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:38px;line-height:1.32}h2{font-size:26px}h3{font-size:19px}p{margin-bottom:17px} .eyebrow{font-size:12px;font-weight:bold;letter-spacing:.13em;color:#8ED8FF;text-transform:uppercase}.lead{font-size:17px;color:#C7CDD5;max-width:780px}.page-hero{padding:28px 0 30px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:30px}.page-hero h1{font-size:34px;margin-bottom:15px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start}.article{min-width:0;font-size:16px;line-height:1.84}.article h2{font-size:24px;margin:0 0 15px}.article-section{padding-top:24px;margin-top:27px;border-top:1px solid rgba(255,255,255,.09)}.article-section h2{font-size:22px}.content-aside{position:sticky;top:18px;border:1px solid rgba(255,255,255,.09);padding:22px;background:#12161C;border-radius:14px}.content-aside h2{font-size:19px;margin-bottom:12px}.content-aside p{font-size:14px}.aside-links{display:flex;flex-direction:column}.aside-links a{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#f5f7fa}.aside-note{margin-top:28px;padding:15px;background:#171C23;border-radius:10px;font-size:14px}.aside-note p{margin:4px 0 0}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:22px 0}.visual-grid figure{margin:0;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden}.visual-grid figcaption{padding:13px 14px;font-size:13px;line-height:1.7}.visual-grid figcaption strong,.visual-grid figcaption span{display:block}.visual-grid figcaption strong{color:#f5f7fa;font-size:15px}.media{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#0D1015;isolation:isolate}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1}.media-device{aspect-ratio:9/16;max-height:360px}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-placeholder{position:absolute;inset:0;background:linear-gradient(130deg,#101723,#171c27 52%,#101723)}.hero{display:grid;grid-template-columns:54fr 46fr;gap:32px;align-items:center;padding:28px 0 35px;border-bottom:1px solid rgba(255,255,255,.09)}.hero h1{font-size:42px;max-width:650px}.hero .lead{font-size:17px}.hero .media{max-height:340px}.text-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.text-links a,.read-more{font-size:14px;font-weight:bold;color:#8ED8FF}.home-section{padding:39px 0;border-bottom:1px solid rgba(255,255,255,.09)}.section-kicker{font-size:12px;letter-spacing:.1em;color:#8ED8FF;font-weight:bold}.section-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.section-header h2{margin:0;font-size:27px}.section-header a{font-size:14px;color:#8ED8FF;flex-shrink:0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-box{padding:20px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;display:flex;flex-direction:column;gap:7px}.category-box strong{color:#F5F7FA;font-size:18px}.category-box span{font-size:14px;line-height:1.75}.feature-split{display:grid;grid-template-columns:1.35fr 1fr;gap:26px}.feature-text{background:#12161C;border:1px solid rgba(255,255,255,.09);padding:26px;border-radius:14px}.feature-text h3{font-size:22px}.compact-links{display:grid;gap:12px}.compact-links a,.story-index a{display:flex;flex-direction:column;gap:3px;padding:15px 18px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:11px}.compact-links strong,.story-index strong{color:#F5F7FA}.compact-links span,.story-index span{font-size:13px}.image-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.image-four figure{margin:0}.image-four figcaption{font-size:14px;margin-top:9px;color:#f5f7fa}.story-index{display:grid;gap:9px}.story-index a{display:block}.story-index span{display:block}.notice{border-left:3px solid #6EA8FF;background:#12161C;padding:13px 17px;margin-top:20px;font-size:14px}.home-banner{max-height:260px}.home-banner img{max-height:260px}.single-image{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.single-image .media{max-height:260px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:40px;padding-block:43px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);font-size:14px}.site-footer h2{font-size:16px}.site-footer a{display:block;margin-bottom:8px}.footer-logo{display:flex;align-items:center;gap:12px;color:#fff}.footer-logo img{height:36px;width:auto;max-width:110px;object-fit:contain}.footer-logo .media-placeholder{display:none}.footer-logo strong{font-size:18px}.footer-bottom{padding-block:17px;border-top:1px solid rgba(255,255,255,.09);display:flex;gap:20px;justify-content:space-between;color:#9098A3;font-size:12px}.faq-items{display:grid;gap:9px;margin-top:24px}.faq-items details{background:#12161C;padding:12px 18px;border:1px solid rgba(255,255,255,.09);border-radius:9px}.faq-items summary{cursor:pointer;color:#fff;font-weight:700}.faq-items p{margin:8px 0 0}.to-top{position:fixed;right:18px;bottom:20px;border:1px solid #404b59;background:#171C23;color:#fff;width:41px;height:41px;border-radius:10px;display:none;z-index:10}.to-top.visible{display:block}:focus-visible{outline:2px solid #8ED8FF;outline-offset:2px}
@media(max-width:980px){.container{width:calc(100% - 40px)}.content-layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-four{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.topbar{height:64px}.menu-trigger{width:40px;height:40px;padding:10px}.brand{min-width:75px}.brand-media,.brand-media img{max-height:28px}.brand .brand-fallback{font-size:17px}.enter-button{height:40px;padding:0 13px;font-size:12px}.channel-inner{gap:23px}.channel-inner a{height:44px;font-size:13px}.site-main{padding-top:14px;padding-bottom:40px}h1{font-size:30px}.hero{display:flex;flex-direction:column-reverse;gap:20px;padding:12px 0 28px}.hero .media{width:100%;height:210px}.hero h1{font-size:30px}.hero .lead{font-size:15px}.page-hero{padding-top:16px}.page-hero h1{font-size:27px}.lead{font-size:15px}.home-section{padding:28px 0}.section-header h2{font-size:22px}.feature-split,.single-image,.content-layout{grid-template-columns:1fr}.content-aside{position:static}.section-header{align-items:start}.feature-text{padding:19px}.article h2{font-size:21px}.article-section h2{font-size:20px}.article{font-size:15px}.image-four .media{max-height:165px}.single-image .media{max-height:195px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-block:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.visual-grid{gap:12px}.visual-grid figcaption{padding:10px}.visual-grid figcaption strong{font-size:14px}.category-box{padding:14px}.category-box strong{font-size:16px}.category-box span{font-size:13px}.home-banner{max-height:145px}}
@media(max-width:360px){.hero h1{font-size:28px}.category-grid{gap:10px}.footer-grid{grid-template-columns:1fr 1fr}.brand{min-width:65px}.enter-button{padding:0 10px}}

/* 新版：杂志式目录、话题信息带、层次排版，保留原暗黑冷蓝配色 */
.feature-lead{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:30px 0 42px;border-bottom:1px solid rgba(255,255,255,.09)}
.feature-lead .eyebrow{font-size:12px}.feature-lead h1{font-size:42px;max-width:650px;margin:13px 0 17px}.feature-lead .media{height:315px}.feature-lead p{max-width:610px}.section-divider{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:13px;margin-bottom:23px;gap:12px}.section-divider h2{margin:0}.section-divider a{color:#8ED8FF;font-size:14px}.mini-label{display:inline-block;font-size:12px;letter-spacing:.08em;color:#8ED8FF;margin-bottom:8px}.editorial-home{padding:35px 0;border-bottom:1px solid rgba(255,255,255,.09)}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:25px}.editorial-main{padding:27px;border-radius:13px;background:#12161C}.editorial-main h3{font-size:25px}.editorial-main p{max-width:690px}.editorial-side{display:grid;gap:13px}.editorial-side a{display:block;padding:17px;border:1px solid rgba(255,255,255,.09);background:#12161C;border-radius:11px}.editorial-side a strong{display:block;color:#F5F7FA}.editorial-side a span{font-size:13px}.topic-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.topic-ribbon a{padding:22px 17px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;min-width:0}.topic-ribbon strong{display:block;color:#F5F7FA;font-size:17px}.topic-ribbon small{display:block;font-size:13px;line-height:1.7;color:#9098A3;margin-top:8px}.photo-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-story figure{margin:0;min-width:0}.photo-story .media{height:165px}.photo-story figcaption{font-size:13px;padding-top:10px}.photo-story figcaption strong{display:block;color:#F5F7FA;font-size:16px}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reading-list a{padding:18px;border-bottom:1px solid rgba(255,255,255,.12);background:#12161C;border-radius:8px}.reading-list small{color:#8ED8FF;display:block}.reading-list strong{display:block;color:#f5f7fa}.reading-list span{font-size:13px;display:block}.index-intro{padding:27px 0 30px;border-bottom:1px solid rgba(255,255,255,.09)}.index-intro h1{font-size:34px}.index-article{margin-top:25px}.index-article .article-section{padding-top:28px}.index-article .article-section p{font-size:16px}.editor-quote{padding:22px 25px;margin:26px 0;background:#12161C;border-left:3px solid #6EA8FF}.editor-quote p{margin:0}.micro-breadcrumb{font-size:13px;color:#9098A3;margin-bottom:8px}.micro-breadcrumb a{color:#8ED8FF}.faq-grid{display:grid;gap:12px}.faq-grid details{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;background:#12161C}.faq-grid summary{cursor:pointer;color:#fff;font-weight:700}.faq-grid p{margin:12px 0 0}.article-card{padding:18px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px}.article-card a{color:#8ED8FF}.wide-visual{max-width:100%;height:230px}.grid-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-figures figure{margin:0}.grid-figures .media{height:185px}.grid-figures figcaption{margin-top:9px;color:#C7CDD5;font-size:14px}.grid-figures figcaption b{display:block;color:#fff}.announcement{padding:20px;background:#12161C;border-radius:12px}.announcement .media{height:170px}
@media(max-width:980px){.photo-story,.topic-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.feature-lead{display:flex;flex-direction:column-reverse;gap:19px;padding:12px 0 27px}.feature-lead .media{width:100%;height:200px}.feature-lead h1{font-size:29px}.editorial-layout{grid-template-columns:1fr}.editorial-main{padding:19px}.editorial-main h3{font-size:21px}.reading-list{grid-template-columns:1fr}.photo-story{gap:12px}.photo-story .media{height:145px}.topic-ribbon a{padding:14px}.topic-ribbon strong{font-size:15px}.grid-figures .media{height:145px}.index-intro h1{font-size:27px}.index-article .article-section p{font-size:15px}}