*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F8F3;color:#222B38;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.72}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1340px;margin:0 auto;padding-left:32px;padding-right:32px}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:100;width:auto;height:auto;clip:auto;top:10px;left:10px;background:#fff;padding:10px}.site-header{background:#1E2938;color:#FFFDF7}.topbar{min-height:76px;display:flex;align-items:center;gap:26px;justify-content:space-between}.logo{font-size:23px;font-weight:900;white-space:nowrap;letter-spacing:-1px}.logo>span:not(.logo-icon){color:#D6DF56}.logo small{display:block;font-size:10px;font-weight:600;letter-spacing:3px;color:#aab8c5;line-height:1}.logo-icon{display:inline-flex;background:#D6DF56;color:#141D29;border-radius:9px;padding:0 9px;margin-right:7px}.top-search{display:flex;background:#344459;border-radius:9px;padding:4px;min-width:300px;max-width:390px;flex:1}.top-search input{min-width:0;flex:1;background:transparent;border:0;color:#fff;padding:8px 12px;outline-offset:3px}.top-search input::placeholder{color:#c4ced5}.top-search button,.filter-bar button{border:0;background:#D6DF56;color:#18212d;padding:8px 18px;border-radius:6px;font-weight:800}.main-nav{display:flex;align-items:center;gap:34px;border-top:1px solid #344459;min-height:54px;font-size:14px;font-weight:700}.main-nav a{padding:12px 0}.main-nav a:hover,.footer-links a:hover{color:#D6DF56}.menu-toggle{display:none;background:transparent;border:1px solid #637285;color:#fff;border-radius:6px;padding:7px 12px}.hero{background:#141D29;color:#fff;display:grid;grid-template-columns:1.02fr .98fr;min-height:410px;margin-top:28px;border-radius:20px;overflow:hidden}.hero-copy{padding:48px 52px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.page-kicker,.section-heading>span,.dossier-label{font-size:12px;letter-spacing:2px;font-weight:850;color:#52601C}.hero .eyebrow{color:#D6DF56}.hero h1{font-size:clamp(38px,4.4vw,68px);line-height:1.13;letter-spacing:-2px;margin:25px 0 18px}.hero h1 em{font-style:normal;color:#D6DF56}.hero-copy>p{max-width:490px;color:#c6d0d7;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 19px;border-radius:8px;font-weight:800}.yellow{background:#D6DF56;color:#18212d}.ghost{border:1px solid #708094;color:#fff}.hero-foot{margin-top:auto;padding-top:32px;font-size:11px;letter-spacing:2px;color:#a4b2c1}.hero-foot b{color:#D6DF56}.hero-art{position:relative;min-height:330px;overflow:hidden;background:#344459}.art-fallback{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 75% 25%,#56687e 0,#2a3a4e 55%,#182330 100%);color:#fff;gap:10px;padding:18px;text-align:center;aspect-ratio:16/9}.art-fallback span{font-weight:900;font-size:clamp(20px,3vw,36px);letter-spacing:3px}.art-fallback small{font-size:13px;max-width:290px;opacity:.75}.hero-image{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;min-height:410px}.hero-sticker{position:absolute;bottom:30px;right:30px;transform:rotate(-8deg);background:#D6DF56;color:#141D29;font-weight:900;font-size:12px;line-height:1.3;padding:20px;border-radius:50%;text-align:center}.ticker{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px dashed #cbd1cd;padding:16px 6px;font-size:13px}.ticker b{white-space:nowrap}.ticker a,.minor-link{color:#275D78;font-weight:800}.section{margin:72px 0}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.8px;line-height:1.25;margin:7px 0}.section-heading p{margin:4px 0;color:#64717C}.channel-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce2df;border:1px solid #dce2df;border-radius:13px;overflow:hidden}.rack-item{background:#fff;padding:22px;min-height:160px;position:relative;display:flex;flex-direction:column;gap:6px}.rack-item>span{color:#52601C;font-size:12px;font-weight:900}.rack-item strong{font-size:19px}.rack-item small{color:#64717C}.rack-item b{position:absolute;right:20px;top:20px}.rack-item:hover{background:#F5F7DB}.split-section{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:38px}.story-list{border-top:1px solid #dce2df}.story-row{display:grid;grid-template-columns:58px 1fr 24px;gap:14px;align-items:start;padding:19px 10px;border-bottom:1px solid #dce2df}.story-row:hover{background:#fff}.story-row .serial{color:#397E9F;font-weight:900;font-size:13px}.story-row strong{display:block;font-size:17px;line-height:1.4}.story-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#64717C;margin-top:7px}.info-panel{background:#1E2938;color:#f9f9f4;border-radius:16px;padding:32px;align-self:start}.info-panel .eyebrow{color:#D6DF56}.info-panel h3{font-size:27px;line-height:1.25}.info-panel p{color:#d3d9e0}.compare{display:grid;gap:14px;margin:26px 0}.compare div{border:1px solid #56677a;padding:15px;border-radius:9px;font-size:13px}.compare strong{display:block;font-size:17px}.info-panel a{color:#D6DF56;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline>div{border-top:3px solid #1E2938;padding:22px 20px;position:relative}.timeline>div:before{content:'';position:absolute;top:-8px;left:20px;width:12px;height:12px;border-radius:50%;background:#CF5146}.timeline b,.timeline strong,.timeline small{display:block}.timeline b{color:#A83C34;font-size:13px}.timeline strong{font-size:18px;margin-top:7px}.timeline small{color:#64717C}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(2,1fr);gap:16px}.feature{background:#fff;border:1px solid #e0e4e4;border-radius:13px;padding:14px;display:flex;flex-direction:column;gap:7px}.feature-0{grid-row:span 2}.feature img,.feature .art-fallback{width:100%;height:150px;object-fit:cover;border-radius:8px}.feature-0 img,.feature-0 .art-fallback{height:330px}.feature>span{font-size:12px;color:#64717C}.feature>strong{font-size:18px}.dual-features{display:grid;grid-template-columns:1fr 1fr;gap:38px}.number-link{display:flex;justify-content:space-between;border-bottom:1px solid #dce2df;padding:18px 8px;gap:20px}.number-link span{font-size:11px;font-weight:900;color:#837A9B;white-space:nowrap}.sticker-list{display:grid;gap:10px}.sticker-list a{background:#e5f1f6;padding:15px 18px;border-radius:8px;font-weight:700}.sticker-list a:nth-child(even){background:#f0edf5}.portrait-grid,.collection-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portrait-grid a,.collection-preview a{background:#fff;border:1px solid #e0e4e4;padding:14px;border-radius:12px;display:grid;gap:10px}.portrait-grid img,.portrait-grid .art-fallback,.collection-preview img,.collection-preview .art-fallback{width:100%;height:180px;object-fit:cover;border-radius:8px}.portrait-index,.collection-preview a>span{font-size:12px;letter-spacing:1px;color:#64717C;font-weight:900}.portrait-grid strong,.collection-preview strong{font-size:18px;line-height:1.4}.collection-preview small{color:#64717C}.magnify{display:flex;align-items:center;gap:50px;background:#e5f1f6;border-radius:18px;padding:32px 55px}.huge-icon{font-size:150px;color:#397E9F;line-height:1}.magnify h3{font-size:27px;margin:0}.magnify p{max-width:600px}.magnify a{color:#275D78;font-weight:800}.opinion-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.opinion-duo>div{padding:30px;border-radius:12px;background:#F5F7DB}.opinion-duo>div+div{background:#F9E8E4}.opinion-duo span{font-size:12px;font-weight:900}.opinion-duo h3{font-size:22px}.opinion-duo p{color:#424D59}.minor-link{display:inline-block;margin-top:15px}.mini-panels,.last-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-panels p{background:#fff;padding:20px;border-left:4px solid #D6DF56;margin:0}.last-rack{grid-template-columns:repeat(4,1fr)}.last-rack a{background:#1E2938;color:#fff;border-radius:9px;padding:24px;font-weight:800}.receipt-end{text-align:center;border:2px dashed #c9d0ce;padding:50px 20px;border-radius:12px}.receipt-end>span{font-size:12px;color:#64717C;font-weight:900}.receipt-end h2{font-size:30px;margin:12px 0}.receipt-end .btn{margin-top:12px}.site-footer{margin-top:80px;background:#1E2938;color:#fff;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-mark{font-weight:900;font-size:23px}.footer-mark span{font-size:12px;color:#abb8c4}.footer-grid p{color:#b9c5ce;font-size:13px;max-width:520px}.footer-links{display:flex;gap:25px;align-items:start;font-size:13px}.mobile-bottom{display:none}.page{padding-top:42px;min-height:60vh}.page-header{display:flex;justify-content:space-between;align-items:end;gap:30px}.page h1,.page-title{font-size:clamp(38px,5vw,65px);letter-spacing:-2px;line-height:1.14;margin:12px 0 15px}.page-header p,.lead{color:#64717C;max-width:720px;margin:0 0 28px}.accent-dot{color:#CF5146}.issue-label{text-align:right;font-size:12px;color:#64717C;letter-spacing:1px}.issue-label b{font-size:24px;color:#1E2938}.filter-bar{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border-radius:12px;margin-bottom:28px}.filter-bar select,.search-form select{padding:10px;border:1px solid #cdd4d1;border-radius:7px;min-width:180px}.hot-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:45px}.subheading{font-size:18px;letter-spacing:.3px;border-bottom:1px solid #dce2df;padding-bottom:14px}.hot-aside{display:grid;align-content:start;gap:20px}.aside-note{background:#1E2938;color:#fff;padding:26px;border-radius:12px}.aside-note.light{background:#E5F1F6;color:#1E2938}.aside-note span{font-size:11px;color:#D6DF56;font-weight:800}.aside-note.light span{color:#275D78}.aside-note h3{font-size:23px}.aside-note p{opacity:.8}.aside-note a{font-weight:800;text-decoration:underline}.pager{display:flex;flex-wrap:wrap;gap:7px;padding:24px 0}.pager a{border:1px solid #d0d8d4;padding:6px 13px;border-radius:6px;background:#fff}.pager a[aria-current]{background:#1E2938;color:#fff}.directory{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;margin-top:30px}.directory-nav{align-self:start;border:1px solid #dce2df;border-radius:10px;overflow:hidden;display:grid;background:#fff}.directory-nav a{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #edf0ee;font-size:14px}.directory-nav a.active{background:#D6DF56;font-weight:850}.directory-heading{background:#1E2938;border-radius:12px;color:#fff;padding:28px}.directory-heading span{font-size:12px;letter-spacing:2px;color:#D6DF56}.directory-heading h2{margin:10px 0;font-size:28px}.directory-heading p{color:#bfc9d2;margin:0}.dossier{max-width:1180px;padding-top:35px}.breadcrumbs{font-size:13px;color:#64717C;margin-bottom:30px}.breadcrumbs a{text-decoration:underline}.dossier-label{color:#397E9F}.dossier>h1{max-width:900px;font-size:clamp(32px,4.7vw,55px);line-height:1.25;letter-spacing:-1.5px;margin:14px 0 15px}.dossier-deck{max-width:860px;color:#64717C;font-size:19px}.dossier-meta{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 32px}.dossier-meta span{background:#E5F1F6;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:750}.dossier-grid{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:38px}.dossier-art .art-fallback,.dossier-art img{width:100%;height:340px;object-fit:cover;border-radius:15px}.read-notice{margin:22px 0;padding:16px;border-left:4px solid #CF5146;background:#F9E8E4;font-size:14px}.body-part{padding:12px 0 20px}.body-part span{font-size:11px;font-weight:850;letter-spacing:2px;color:#397E9F}.body-part h2{font-size:25px;margin:5px 0 15px}.body-part p{font-size:17px;line-height:1.84;color:#424D59}.source-note,.questions{background:#fff;border:1px solid #dce2df;padding:25px;border-radius:12px;margin:28px 0}.source-note h3,.questions h2{margin-top:0}.questions>div{border-top:1px solid #e4e8e6;padding:15px 0;display:flex;gap:20px}.questions b{color:#CF5146}.dossier-side{border-top:3px solid #1E2938;padding:20px 0;align-self:start}.dossier-side h3{margin:14px 0 9px}.dossier-side dl{font-size:13px}.dossier-side dt{color:#64717C;margin-top:12px}.dossier-side dd{margin-left:0;font-weight:750}.aside-link{display:block;padding:10px 0;border-bottom:1px solid #dce2df;font-size:14px}.collection-index{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:26px}.collection-index>a{background:#fff;border:1px solid #dce2df;padding:18px;border-radius:12px}.collection-index img,.collection-index .art-fallback{width:100%;height:200px;object-fit:cover;border-radius:9px}.collection-index span,.collection-hero span,.collection-route span{font-size:12px;font-weight:900;letter-spacing:2px;color:#397E9F}.collection-index h2{font-size:25px;margin:9px 0}.collection-index p{color:#64717C}.collection-index strong{font-size:13px}.collection-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;background:#1E2938;color:#fff;padding:40px;border-radius:15px}.collection-hero span{color:#D6DF56}.collection-hero h1{font-size:42px}.collection-hero p{color:#d3dae0}.collection-hero .art-fallback,.collection-hero img{width:100%;height:300px;object-fit:cover;border-radius:10px}.collection-route{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.collection-route a{padding:24px;background:#fff;border:1px solid #dce2df;border-radius:10px}.collection-route h3{font-size:22px}.collection-route p{color:#64717C}.collection-route b{font-size:13px}.backlink{margin-top:34px}.search-form{background:#fff;border:1px solid #dce2df;padding:30px;border-radius:13px;display:grid;gap:12px;max-width:940px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;padding:15px;border:1px solid #cbd4d0;border-radius:7px}.search-form button{background:#1E2938;border:0;color:#fff;padding:15px 20px;border-radius:7px}.search-form select{justify-self:start}.search-empty{background:#F5F7DB;padding:35px;margin-top:28px;border-radius:12px}.search-collections{display:flex;gap:14px;flex-wrap:wrap}.search-collections a{background:#E5F1F6;padding:12px 20px;border-radius:7px}.about-hero{background:#1E2938;color:#fff;padding:55px;border-radius:15px}.about-hero span{color:#D6DF56;font-size:12px;font-weight:900;letter-spacing:2px}.about-hero h1{font-size:clamp(33px,4vw,52px);max-width:770px}.about-hero p{color:#c3ced8;max-width:730px}.about-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px;margin-top:42px}.about-nav{align-self:start;position:sticky;top:20px;display:grid;gap:8px}.about-nav a{padding:9px;border-bottom:1px solid #dce2df}.about-sections section{padding-bottom:36px;margin-bottom:32px;border-bottom:1px solid #dce2df;scroll-margin-top:20px}.about-sections h2{font-size:27px}.about-sections p{color:#424D59}.about-tags{display:flex;flex-wrap:wrap;gap:10px}.about-tags a{background:#e5f1f6;border-radius:8px;padding:9px 13px}.about details{background:#fff;padding:15px 20px;margin:8px 0;border-radius:9px}.about summary{cursor:pointer;font-weight:800}.error-page{text-align:center;padding-top:90px;padding-bottom:110px}.error-num{font-size:clamp(80px,16vw,180px);line-height:1;font-weight:900;color:#CF5146}.error-page h1{font-size:30px}.error-page .btn{margin-top:20px}.empty{padding:35px;color:#64717C}
@media(max-width:1024px){.container{padding-left:24px;padding-right:24px}.hero-copy{padding:34px}.channel-rack{grid-template-columns:repeat(2,1fr)}.dossier-grid,.hot-layout{gap:24px}.main-nav{gap:22px}.collection-hero{padding:26px}.hero h1{font-size:46px}}
@media(max-width:700px){body{padding-bottom:58px}.container{padding-left:17px;padding-right:17px}.topbar{min-height:65px}.logo{font-size:19px}.logo small{font-size:8px}.top-search{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:20;left:0;right:0;top:65px;background:#1E2938;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 25px;border-top:1px solid #344459;box-shadow:0 20px 30px #0003}.main-nav.open{display:flex}.main-nav a{padding:12px;border-bottom:1px solid #344459}.menu-open{overflow:hidden}.hero{grid-template-columns:1fr;margin-top:16px;min-height:auto}.hero-copy{padding:35px 24px}.hero h1{font-size:43px;margin:18px 0}.hero-art,.hero-image{min-height:210px}.hero-foot{padding-top:22px}.ticker{align-items:start;flex-wrap:wrap;gap:8px}.section{margin:48px 0}.channel-rack{grid-template-columns:repeat(2,1fr)}.rack-item{padding:15px;min-height:155px}.rack-item strong{font-size:16px}.rack-item small{font-size:12px}.split-section,.dual-features,.hot-layout,.directory,.dossier-grid,.about-grid,.collection-hero{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.timeline>div{padding:16px}.feature-grid{grid-template-columns:1fr 1fr}.feature-0 .art-fallback,.feature-0 img{height:250px}.feature img,.feature .art-fallback{height:95px}.portrait-grid,.collection-preview{grid-template-columns:1fr 1fr}.portrait-grid img,.portrait-grid .art-fallback,.collection-preview img,.collection-preview .art-fallback{height:145px}.magnify{padding:24px;gap:15px}.huge-icon{font-size:78px}.magnify h3{font-size:21px}.opinion-duo{grid-template-columns:1fr}.mini-panels,.last-rack{grid-template-columns:1fr 1fr}.last-rack a{padding:18px}.footer-grid{flex-direction:column}.footer-links{flex-wrap:wrap}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#1E2938;color:#fff;justify-content:space-around;box-shadow:0 -2px 15px #0002}.mobile-bottom a{padding:14px 10px;font-size:13px;font-weight:800}.page{padding-top:28px}.page-header{align-items:start}.issue-label{display:none}.page h1,.page-title{font-size:42px}.filter-bar{flex-wrap:wrap}.directory-nav{display:flex;overflow-x:auto;white-space:nowrap}.directory-nav a{gap:14px}.dossier>h1{font-size:35px}.dossier-art .art-fallback,.dossier-art img{height:220px}.dossier-side{border-top:1px solid #dce2df}.collection-index,.collection-route{grid-template-columns:1fr}.collection-hero .art-fallback,.collection-hero img{height:200px}.search-form{padding:18px}.search-form>div{flex-direction:column}.about-hero{padding:28px}.about-nav{position:static;display:flex;overflow:auto}.about-nav a{white-space:nowrap}}
@media(max-width:390px){.hero h1{font-size:36px}.rack-item{min-height:165px}.feature-grid{grid-template-columns:1fr}.feature-0{grid-row:auto}.feature-0 img,.feature-0 .art-fallback{height:180px}.portrait-grid,.collection-preview{grid-template-columns:1fr}.portrait-grid img,.portrait-grid .art-fallback{height:190px}.timeline{grid-template-columns:1fr}.mini-panels,.last-rack{grid-template-columns:1fr}.story-row{grid-template-columns:34px 1fr 15px;gap:8px}.story-row strong{font-size:15px}}
