:root{--background:#F8F8F3;--paper:#FFFDF7;--surface:#fff;--surface-soft:#F0F2EE;--night:#1E2938;--night-deep:#141D29;--night-soft:#344459;--lemon:#D6DF56;--tomato:#CF5146;--lake:#397E9F;--lavender:#837A9B;--oat:#DCC5A1;--title:#222B38;--body:#424D59;--muted:#64717C;--border:#E0E4E4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}img{max-width:100%;height:auto;object-fit:cover;display:block}a{color:inherit;text-decoration:none}a:hover{color:#275D78}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--title);line-height:1.27}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:clamp(1.45rem,2.5vw,2rem)}h3{font-size:1.18rem}.shell{max-width:1340px;margin:auto;padding:0 32px}.skip,.sr-only{position:absolute;clip-path:inset(100%);height:1px;width:1px;overflow:hidden}.skip:focus{clip-path:none;z-index:100;left:8px;top:8px;width:auto;height:auto;background:white;padding:10px}.site-header{background:var(--night-deep);color:#fff}.header-inner{max-width:1340px;margin:auto;padding:10px 32px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:25px;font-weight:850;line-height:1.15}.brand:hover{color:white}.brand-icon{background:var(--lemon);border-radius:14px;padding:9px;font-size:28px}.brand small{display:block;font-size:10px;color:#d5dce1;letter-spacing:2px;font-weight:500;margin-top:5px}.quick-search{max-width:350px;width:100%;display:flex;background:#344459;border:1px solid #5a6671;border-radius:8px;overflow:hidden}.quick-search input{background:transparent;border:0;outline-offset:-2px;color:white;padding:9px 13px;min-width:0;flex:1}.quick-search input::placeholder{color:#d3dae0}.quick-search button{border:0;background:transparent;color:white;font-size:25px;padding:0 15px}.menu-button{display:none;background:transparent;color:white;border:1px solid #778394;border-radius:6px;padding:7px 15px}.main-nav{display:flex;gap:36px;justify-content:center;padding:10px 20px;background:#293749;font-size:14px;font-weight:600}.main-nav a:hover{color:var(--lemon)}.hero{background:var(--night);color:#fff;padding:48px 0 56px}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:50px;align-items:center}.hero-copy h1{color:white;max-width:630px;font-size:clamp(40px,5vw,66px);line-height:1.16;margin:20px 0}.hero-copy h1 em{color:var(--lemon);font-style:normal}.hero-copy p{max-width:500px;color:#e2e8e9}.hero-kicker,.micro,.section-title>span,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.hero-kicker{color:var(--lemon)}.micro{display:block;color:#aab9c7;margin-top:28px}.hero-visual{position:relative;min-height:345px}.hero-image,.hero-visual>.cover-fallback{width:100%;height:380px;border-radius:22px;object-fit:cover}.hero-stamp{position:absolute;bottom:-16px;right:-12px;background:var(--lemon);color:var(--night);font-weight:900;line-height:1.1;letter-spacing:2px;transform:rotate(5deg);padding:22px;border:2px dashed var(--night)}.cover-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#344459,#397E9F 55%,#837A9B);color:#fff;text-align:center;min-height:155px;aspect-ratio:16/9;position:relative;overflow:hidden}.cover-fallback:before{content:'';position:absolute;width:40%;aspect-ratio:1;border:2px solid #ffffff77;border-radius:50%;right:-10%;top:-40%}.cover-fallback span{font-size:12px;font-weight:700;letter-spacing:2px;z-index:1;padding:12px}.button{display:inline-block;padding:10px 20px;border-radius:8px;border:1px solid transparent;font-weight:700;min-height:44px}.button.lemon{background:var(--lemon);color:var(--night)}.button.dark{background:var(--night);color:white}.button.outline{border-color:var(--night);color:var(--night)}.channel-strip{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);padding:22px 0}.channel-strip a{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;padding:7px 13px;border-radius:6px}.channel-strip a:hover{background:var(--lemon);color:var(--night)}.section{margin:78px 0}.section-title{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:26px}.section-title>span{width:100%;color:var(--lake)}.section-title h2{margin:0}.section-title>a{margin-left:auto;color:var(--lake);font-weight:700}.channel-index{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:white}.channel-index a{padding:20px;border:1px solid var(--border);display:grid;gap:6px;min-height:140px}.channel-index a:hover{background:#F5F7DB}.channel-index strong{font-size:18px;color:var(--title)}.channel-index small{font-size:12px;color:var(--muted)}.index-num{font-size:11px;font-weight:800;color:var(--lake)}.ticker-list{border-top:2px solid var(--night)}.ticker-list a{display:grid;grid-template-columns:60px 1fr 140px 20px;gap:12px;align-items:center;padding:17px 10px;border-bottom:1px solid var(--border)}.ticker-list b{color:var(--tomato)}.ticker-list small{color:var(--muted)}.ticker-list a span{color:var(--title);font-weight:700}.split-section{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center}.section-lead{max-width:650px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison>div{background:white;border-top:6px solid var(--lake);padding:24px}.comparison>div+div{border-color:var(--tomato)}.comparison small{font-size:11px;letter-spacing:1px}.dark-strip{background:var(--night);padding:38px;color:white;border-radius:18px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:24px;align-items:center}.dark-strip h2{color:white}.dark-strip p{color:#dce4e8}.dark-strip>a{color:var(--lemon)}.sequence{display:flex;gap:8px;flex-wrap:wrap}.sequence span{padding:10px 12px;border:1px solid #82919f;border-radius:6px;font-size:13px}.feature-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.feature-lead{background:white;padding:16px}.feature-lead>.cover-fallback,.feature-lead>img{height:280px}.feature-side{display:grid;gap:20px}.topic-card{background:white;border:1px solid var(--border);border-radius:10px;padding:22px;min-width:0}.topic-card h3{margin:10px 0}.topic-card p{color:var(--muted);font-size:14px}.topic-card .eyebrow{color:var(--lake)}.read-more,.text-link{color:#275D78;font-size:13px;font-weight:750}.topic-thumb{width:100%;height:150px;margin-bottom:14px}.stage-section{background:#F2EBE0;padding:28px;border-radius:15px}.stage-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stage-list a{background:var(--paper);border-left:5px solid var(--oat);padding:20px;display:flex;gap:16px;align-items:center}.stage-list span{font-size:11px;color:var(--lake);white-space:nowrap}.stage-list strong{font-size:15px;flex:1}.stage-list i{font-style:normal}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sticker-grid a{background:#E5F1F6;min-height:190px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-radius:9px}.sticker-grid a:nth-child(2n){background:#F0EDF5}.sticker-grid strong{font-size:18px;color:var(--title)}.sticker-grid span,.sticker-grid small{font-size:11px}.profile-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.profile-feature>.cover-fallback,.profile-feature>img{height:380px;border-radius:14px}.drawer-grid,.next-reads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.opinion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opinion-grid>div{background:#E5F1F6;padding:28px;border-radius:10px}.opinion-grid>div+div{background:#F0EDF5}.opinion-grid span{font-size:12px;font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-card{background:white;border:1px solid var(--border);padding:14px;border-radius:10px}.collection-card>.cover-fallback,.collection-card>img{height:190px}.collection-card h3,.collection-card p,.collection-card small{margin-left:10px;margin-right:10px}.receipt-tail{background:var(--lemon);border-radius:14px;padding:30px;text-align:center}.receipt-tail h2{margin:8px}.button-line{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.footer{margin-top:70px;background:var(--night-deep);color:#d6dce2;padding:44px 0}.footer-inner{max-width:1340px;margin:auto;padding:0 32px}.footer strong{font-size:22px;color:white}.footer a{text-decoration:underline}.footer p{max-width:750px}.bottom-nav{display:none}.page-banner{margin:35px 0 32px;padding:42px;background:var(--night);border-radius:14px;color:#fff}.page-banner h1{color:white;margin:8px 0}.page-banner p{max-width:730px;color:#e4e7e9}.page-banner span{font-size:12px;color:var(--lemon);font-weight:700;letter-spacing:2px}.page-banner.paper{background:#ECECD9;color:var(--body)}.page-banner.paper h1{color:var(--title)}.page-banner.paper p{color:var(--body)}.page-banner.paper span{color:#52601C}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px}.filter{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filter select,.search-form select{padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:white;max-width:100%}.count{font-size:13px;color:var(--muted)}.file-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar,.panel{background:white;padding:26px;border:1px solid var(--border);border-radius:10px;align-self:start}.sidebar h2{font-size:20px}.sidebar a{color:var(--lake)}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.pagination a{min-width:42px;text-align:center;border:1px solid var(--border);background:#fff;border-radius:6px;padding:7px}.pagination a[aria-current]{background:var(--night);color:white}.channel-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:30px}.channel-sidebar{align-self:start;position:sticky;top:12px;border:1px solid var(--border);background:white}.channel-sidebar a{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--border);font-weight:650;font-size:14px}.channel-sidebar a.active{background:var(--lemon)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.breadcrumbs{margin-top:28px;font-size:13px;color:var(--muted)}.dossier-heading{max-width:850px;margin:48px 0}.dossier-heading>span{color:var(--tomato);font-size:12px;font-weight:750;letter-spacing:1px}.dossier-heading h1{font-size:clamp(32px,4.5vw,54px)}.dossier-heading p{font-size:19px;color:var(--muted)}.meta{display:flex;gap:9px;flex-wrap:wrap}.meta span{font-size:12px;padding:5px 10px;background:#E5F1F6;border-radius:4px}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(200px,300px);gap:50px;align-items:start}.article-body{font-size:17px;line-height:1.88}.article-body h2{margin:36px 0 15px;border-left:5px solid var(--lemon);padding-left:15px}.article-body p{margin:0 0 22px}.dossier-cover{width:100%;max-height:390px;object-fit:cover;border-radius:12px;margin-bottom:30px}.article-kicker{letter-spacing:2px;font-size:12px;color:var(--lake);font-weight:700}.source-panel,.question-panel{background:#EFF2EF;padding:22px;margin-top:30px;border-radius:12px}.question-panel{background:#F0EDF5}.source-panel h2,.question-panel h2{font-size:21px;margin-top:8px}.dossier-aside{background:white;padding:22px;border:1px solid var(--border);position:sticky;top:16px}.dossier-aside h2{font-size:20px}.dossier-aside h3{font-size:15px;margin-top:22px}.aside-link{display:block;border-bottom:1px solid var(--border);padding:10px 0;font-size:13px}.collections-banner{background:linear-gradient(110deg,#293749,#53677f)}.collections-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.collections-wall>a{padding:30px;border:1px solid var(--border);border-radius:12px;background:white}.collections-wall>a:nth-child(3n){background:#F0EDF5}.collections-wall span,.collections-wall b{font-size:12px;color:var(--lake)}.collections-wall h2{margin:10px 0}.collections-wall p{font-size:14px}.collection-detail{max-width:900px;margin:auto}.collection-intro{font-size:19px;padding:28px;background:white;border-left:6px solid var(--lemon)}.route-list>div{display:grid;grid-template-columns:70px 1fr;gap:10px;border-bottom:1px solid var(--border);padding:20px 0}.route-list>div>span{font-size:26px;color:var(--tomato);font-weight:800}.route-list h3{margin:3px 0}.search-banner{background:#344459}.search-form{background:white;border:1px solid var(--border);padding:25px;border-radius:10px}.search-form label{display:block;font-weight:700;margin-bottom:12px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--border);padding:10px 13px;border-radius:6px}.search-hints{margin:40px 0}.search-hints a{display:inline-block;margin-right:15px;background:#E5F1F6;padding:8px 18px;border-radius:7px}.search-results{max-width:900px;display:grid;gap:12px}.about-sections{max-width:1050px;margin:auto;display:grid;gap:16px}.about-sections>section{padding:25px 32px;background:white;border:1px solid var(--border);border-radius:10px}.about-sections details{border-top:1px solid var(--border);padding:12px 0}.about-sections summary{cursor:pointer;font-weight:700}
@media(max-width:1050px){.hero-grid{gap:20px}.channel-index,.sticker-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.dark-strip{grid-template-columns:1fr}.reading-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.stage-list{grid-template-columns:1fr}.shell{padding:0 22px}}
@media(max-width:760px){body{font-size:15px}.shell{padding:0 17px}.header-inner{padding:10px 17px}.brand{font-size:20px}.brand-icon{font-size:22px}.quick-search{max-width:180px}.menu-button{display:block}.main-nav{display:none;flex-direction:column;gap:0;padding:0 17px}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-top:1px solid #495468}.hero{padding:25px 0 38px}.hero-grid,.split-section,.feature-layout,.profile-feature,.reading-layout,.two-column,.channel-layout{grid-template-columns:1fr}.hero-visual{min-height:220px}.hero-image,.hero-visual>.cover-fallback{height:230px}.hero-copy h1{font-size:40px}.section{margin:48px 0}.section-title{margin-bottom:20px}.channel-index{grid-template-columns:repeat(2,1fr)}.channel-index a{padding:12px;min-height:130px}.channel-index strong{font-size:15px}.ticker-list a{grid-template-columns:32px 1fr 16px}.ticker-list small{display:none}.comparison,.opinion-grid,.collections-wall,.file-stack,.topic-grid,.collection-grid,.drawer-grid,.next-reads{grid-template-columns:1fr}.sticker-grid{grid-template-columns:repeat(2,1fr)}.sticker-grid a{min-height:175px}.dark-strip{padding:22px}.page-banner{padding:27px 22px}.channel-sidebar{position:static;display:flex;overflow:auto;white-space:nowrap}.channel-sidebar a{flex:none}.dossier-heading{margin:25px 0}.dossier-aside{position:static}.search-form>div{flex-wrap:wrap}.search-form input{flex-basis:100%}.quick-search{display:none}.footer{padding-bottom:85px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--night);color:white;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 10px #0002}.bottom-nav a{min-width:56px;text-align:center;font-size:13px;padding:6px}.about-sections>section{padding:18px}}
@media(max-width:360px){.sticker-grid{grid-template-columns:1fr}.brand{font-size:17px}.menu-button{padding:6px 10px}.hero-copy h1{font-size:35px}}
