@charset "UTF-8";
:root{--navy:#0d1931;--deep:#102b53;--nav:#153968;--blue:#245cb2;--yellow:#f6c946;--ice:#e9f2ff;--paper:#f6f9fd;--ink:#15273f;--muted:#3d5167;--line:#d9e5f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(29px,3.7vw,40px)}h2{font-size:clamp(21px,2.7vw,27px)}h3{font-size:19px}.container{width:min(1250px,calc(100% - 44px));margin-inline:auto}.top-strip{background:var(--navy);color:#dee9f6;font-size:12px}.top-flex{min-height:28px;display:flex;justify-content:space-between;align-items:center}.top-strip a{color:#dee9f6}.main-header{background:#fff;position:relative;z-index:10;box-shadow:0 1px 0 #d5e1ed}.masthead{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{color:var(--ink);display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:22px;font-weight:800}.brand small{display:block;color:#526b83;font-size:10px;line-height:1.3}.brand-logo{width:105px;max-height:52px}.brand-mark{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:12px;background:var(--yellow);color:var(--deep)}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);font-size:14px;font-weight:650}.desktop-nav a,.header-actions a{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.menu-toggle{border:1px solid var(--line);border-radius:10px;background:white;padding:9px 12px;color:var(--deep)}.genre-strip{background:var(--ice)}.genre-links{display:flex;gap:23px;align-items:center;overflow-x:auto;white-space:nowrap;min-height:42px;font-size:14px}.genre-links a{color:var(--deep)}.hero-wrap{background:linear-gradient(128deg,#0d1931,#102b53 70%,#194171);color:#f9fcff}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;min-height:390px;align-items:center;padding-block:35px}.hero-copy h1{font-size:clamp(31px,4.4vw,43px);margin:12px 0 18px}.hero-copy em{color:var(--yellow);font-style:normal}.hero-copy p{color:#dee9f6;max-width:520px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.13em;font-weight:700;color:#2466c1}.hero-wrap .eyebrow,.creation .eyebrow{color:#ffe69a}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border-radius:10px;font-weight:750;line-height:1.2;border:0}.btn-yellow{background:var(--yellow);color:#102b53}.btn-blue{background:var(--blue);color:white}.btn-outline{border:1px solid #98b4d6;color:inherit}.home-art,.hero-visual{display:flex;justify-content:center;align-items:center;min-height:280px;border:1px solid #40638c;border-radius:16px;background:linear-gradient(145deg,#1b4676,#174066 45%,#0e2244);overflow:hidden}.home-art img,.hero-visual img{width:100%;max-height:360px}.art-type{text-align:center;color:#f6c946;font-weight:800;letter-spacing:.2em}.art-type strong{display:block;font-size:clamp(38px,5vw,72px);line-height:1.1;letter-spacing:.03em;color:#fff}.art-type span{display:block;font-size:14px;letter-spacing:.12em;color:#c5dcf4}.channel-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.channel-grid a{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--ink);box-shadow:0 8px 28px #163e6e0a}.channel-grid a:nth-child(2){background:#fff7df}.channel-grid a:nth-child(3){background:#e9f2ff}.channel-grid span,.section-heading span{font-size:11px;letter-spacing:.12em;color:#2466c1;font-weight:800}.channel-grid h2{margin:7px 0;font-size:23px}.channel-grid p{color:var(--muted);margin-bottom:9px}.channel-grid b{color:var(--blue);font-size:14px}.section-block{margin:58px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:21px}.section-heading h2{margin:4px 0 3px}.section-heading p{color:var(--muted);margin-bottom:0}.section-heading>a{white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.work-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;min-height:205px;display:flex;flex-direction:column}.work-card:nth-child(4n+2){background:#fff9ea}.work-card:nth-child(4n+3){background:#f0f6ff}.work-card h3{margin:10px 0 8px}.work-card h3 a{color:var(--ink)}.work-card p{font-size:14px;color:var(--muted);flex:1}.text-link{font-weight:750;font-size:14px}.tinted{padding:26px;background:#e9f2ff;border-radius:19px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-item{padding:22px;border-radius:14px;background:#fff;border:1px solid var(--line)}.news-item small{color:var(--blue);font-weight:750}.news-item h3{margin:7px 0}.news-item h3 a{color:var(--ink)}.news-item p{font-size:14px;color:var(--muted)}.feature-strip{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;background:#fff7df;border-radius:10px;margin-bottom:18px}.pill-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.pill-links a{border-radius:30px;background:white;border:1px solid #bdcfe6;padding:8px 17px;font-size:14px}.creation{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-radius:19px;background:#102b53;color:white;padding:36px}.creation p{color:#dee9f6}.creation ol{columns:2;padding-left:27px;line-height:2.2}.final-help{background:#fff7df;padding:30px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer{background:var(--navy);color:#dee9f6;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer h2,.footer h3{color:#fff}.footer a{display:block;color:#dee9f6;margin:7px 0}.footer-bottom{margin-top:23px;padding-top:15px;border-top:1px solid #40546b;font-size:13px}.section{padding-top:33px;padding-bottom:55px}.page-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;background:var(--deep);color:#fff;padding:34px;border-radius:18px;margin-bottom:34px}.page-hero h1{margin:9px 0}.page-hero h2{font-size:22px;color:#ffe69a}.page-hero p{color:#dee9f6}.page-hero .eyebrow{color:#ffe69a}.page-hero .hero-visual{min-height:230px;color:#ffe69a;font-size:18px;text-align:center}.page-hero .hero-visual b{display:block;font-size:32px;color:white}.two-col{display:grid;grid-template-columns:1fr 290px;gap:35px}.article-prose{max-width:810px;font-size:16px;line-height:1.85}.article-prose h2{margin-top:25px}.article-prose p{color:var(--muted)}.side-panel{background:white;border:1px solid var(--line);padding:20px;border-radius:14px;align-self:start}.side-panel>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.detail-head{background:#e9f2ff;border-radius:17px;padding:30px;margin:20px 0 30px}.detail-head p{max-width:740px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:3px 12px;border-radius:20px;background:white;color:var(--nav);font-size:13px}.breadcrumbs{font-size:13px;color:#536b83;margin:5px 0 20px}.episode-list{display:grid;gap:11px}.episode{background:white;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px}.episode p{margin:5px 0 0;font-size:14px;color:var(--muted)}.unavailable{white-space:nowrap;color:#536b83;font-size:14px}.article-layout{max-width:950px}.article-layout h1{max-width:790px}.lead{font-size:18px;color:var(--muted)}.notice{border:1px solid #c5d8f0;border-radius:14px;padding:23px;background:#e9f2ff;margin:22px 0}.search-form{max-width:700px;margin:24px 0}.search-form label{display:block;font-weight:700}.search-form>div{display:flex;gap:10px;margin-top:10px}.search-form input{flex:1;min-width:0;border:1px solid #bacde3;border-radius:9px;padding:10px 13px}.player{display:block;width:100%;background:#000;max-height:70vh;border-radius:13px}.scrim{position:fixed;inset:0;background:#06162caa;z-index:20}.drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(390px,90vw);background:white;overflow-y:auto;transform:translateX(105%);transition:transform .2s}.drawer.is-open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#e9f2ff;padding:15px 20px}.drawer-head button{border:0;background:transparent;font-size:22px;min-width:44px;min-height:44px}.drawer nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:15px}.drawer nav a{padding:10px;border-bottom:1px solid var(--line);font-size:14px}.bottom-nav{display:none}body.menu-open{overflow:hidden}
@media(max-width:1100px){.desktop-nav{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{font-size:16px}.container{width:min(100% - 28px,1250px)}.home-hero,.page-hero,.two-col,.creation{grid-template-columns:1fr}.home-hero{gap:25px;padding-block:30px}.home-art{min-height:210px}.channel-grid{grid-template-columns:1fr}.section-block{margin:36px 0}.section-heading{align-items:start}.section-heading p{font-size:14px}.card-grid,.news-grid{grid-template-columns:1fr}.tinted{padding:15px}.page-hero{padding:24px}.page-hero .hero-visual{min-height:190px}.creation{padding:23px}.creation ol{columns:1}.feature-strip,.final-help,.episode{flex-direction:column;align-items:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer{padding-bottom:83px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9;display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{text-align:center;padding:11px 3px;font-size:14px;font-weight:700}.section{padding-bottom:80px}.search-form>div{flex-wrap:wrap}.search-form .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}