:root{--deep:#0D1931;--cinema:#102B53;--nav:#153968;--blue:#2466C1;--btn:#245CB2;--bright:#3A83E9;--yellow:#F6C946;--lightyellow:#FFE69A;--ice:#E9F2FF;--bg:#F6F9FD;--white:#fff;--cream:#FFF7DF;--lighttitle:#F9FCFF;--lightbody:#DEE9F6;--title:#15273F;--body:#3D5167;--coral:#D98B77;--aqua:#53A9AD;--purple:#948ACC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--body);font-size:16px;line-height:1.78}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--bright);outline-offset:3px}img{max-width:100%;height:auto;display:block;object-fit:contain}h1,h2,h3{color:var(--title);line-height:1.34;margin:.2em 0 .6em}h1{font-size:clamp(28px,3.2vw,40px)}h2{font-size:clamp(22px,2.4vw,27px)}h3{font-size:19px}p{margin:.5em 0 1.1em}.container{max-width:1260px;margin:auto;padding-left:30px;padding-right:30px}.topline{background:var(--deep);color:var(--lightbody);font-size:12px}.topline-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topline a:hover{color:var(--yellow)}.main-header{position:relative;z-index:12;background:white;border-bottom:1px solid #e2eaf5}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:24px;white-space:nowrap;color:var(--deep)}.brand-accent{color:var(--blue)}.brand-mark{display:grid;place-items:center;border-radius:13px;width:41px;height:41px;background:var(--yellow);color:var(--deep)}.logo{width:180px;height:50px}.desktop-nav{display:flex;gap:20px;font-weight:650;font-size:15px}.header-actions{display:flex;gap:12px;align-items:center}.menu-toggle,.menu-close{background:var(--cinema);color:white;border:0;border-radius:9px;padding:9px 15px;min-height:44px;cursor:pointer}.menu-close{font-size:26px;min-width:44px}.search-link{color:var(--blue);font-weight:700;white-space:nowrap}.genre-strip{background:var(--ice)}.strip-scroll{display:flex;gap:26px;overflow-x:auto;white-space:nowrap;min-height:44px;align-items:center;font-size:14px;font-weight:650;scrollbar-width:thin}.strip-scroll a:hover{color:var(--blue)}.menu-overlay{position:fixed;inset:0;background:rgba(9,21,42,.57);z-index:20}.mega-menu{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(780px,96vw);padding:22px;background:white;box-shadow:0 0 28px #0d19314d;overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .24s,visibility .24s}.mega-menu.open{transform:translateX(0);visibility:visible}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:21px;margin-bottom:18px}.menu-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.menu-columns section{background:#f3f7fd;padding:12px;border-radius:12px}.menu-columns h3{font-size:14px;color:var(--blue)}.menu-columns a{display:block;font-size:14px;padding:4px 0}.hero{background:linear-gradient(117deg,var(--deep),var(--cinema));border-radius:18px;color:var(--lightbody);display:grid;grid-template-columns:44% 56%;min-height:375px;overflow:hidden}.hero-copy{padding:clamp(26px,4vw,56px);align-self:center}.hero h1{color:white}.hero p{max-width:470px}.hero-art{min-height:320px;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 70% 45%,#24579d77,transparent 65%)}.hero-art img{max-height:355px}.hero-art .image-fallback{min-height:290px;background:linear-gradient(150deg,#163b70,#0d1931);border:1px solid #ffffff20;color:#e9f2ff;font-size:28px}.hero .eyebrow{color:var(--yellow)}.eyebrow{display:block;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.035em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:9px 18px;font-weight:800;background:var(--yellow);color:var(--deep);border:0}.btn:hover{background:var(--lightyellow);color:var(--deep)}.btn.secondary{background:var(--btn);color:white}.btn.secondary:hover{background:var(--bright);color:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{margin:56px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head p{max-width:670px}.text-link{color:var(--blue);font-weight:750}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.work-card,.feature-card{display:block;border-radius:15px;overflow:hidden;background:white;border:1px solid #e2eaf5;box-shadow:0 7px 24px #0d19310a}.card:hover,.work-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0d193114}.card-inner{padding:18px}.card-inner p{font-size:14px;margin:8px 0 14px}.card-media{width:100%;height:210px;object-fit:contain;background:#ebf2fa}.image-fallback{display:flex;min-height:190px;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(135deg,#e5efff,#fff7df);color:var(--nav);font-weight:800}.feature-split{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;background:white;padding:24px;border:1px solid #e1eaf5;border-radius:16px}.feature-split .image-fallback,.feature-split img{width:100%;height:295px;object-fit:contain;border-radius:12px}.band{padding:34px;border-radius:18px;background:var(--ice)}.band.dark{background:var(--cinema);color:var(--lightbody)}.band.dark h2,.band.dark h3{color:white}.band.yellow{background:var(--cream)}.pill-links{display:flex;flex-wrap:wrap;gap:10px}.pill-links a{padding:9px 15px;border:1px solid #bdd3ee;background:white;border-radius:9px;color:var(--nav);font-weight:700}.article-link{display:grid;grid-template-columns:95px 1fr;gap:4px 15px;padding:17px 0;border-bottom:1px solid #dae5f0}.article-link span{font-size:13px;color:var(--blue)}.article-link small{grid-column:2;color:var(--body);font-size:14px}.timeline{counter-reset:point}.timeline-item{position:relative;padding:8px 0 20px 30px;border-left:2px solid #bad3f0}.timeline-item:before{counter-increment:point;content:counter(point);position:absolute;left:-15px;top:10px;background:var(--yellow);color:var(--deep);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:800}.content{padding-top:36px;padding-bottom:60px}.reading{max-width:780px}.reading p{font-size:17px;line-height:1.82}.breadcrumb{font-size:13px;color:#63778c;margin-bottom:18px}.page-cover{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;background:var(--ice);padding:28px;border-radius:15px;margin:14px 0 32px}.page-cover .image-fallback,.page-cover img{height:235px;width:100%;border-radius:12px}.info-note{padding:16px 19px;background:var(--cream);border-left:4px solid var(--yellow);border-radius:8px}.work-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag{padding:3px 9px;background:#e5efff;color:#1a4e94;border-radius:7px;font-size:13px}.episodes{display:grid;gap:12px}.episode{padding:18px 20px;border-radius:12px;background:white;border:1px solid #dce7f4}.episode h3{margin:0}.episode a{color:var(--blue);font-weight:bold}.player{width:100%;max-height:620px;background:black;border-radius:12px}.search-form{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.search-form input{padding:10px 15px;border:1px solid #c7d7e8;border-radius:9px;min-width:220px;flex:1}.search-results{display:grid;gap:12px}.search-results a{padding:16px 20px;border:1px solid #dae5ef;background:white;border-radius:12px}.pagination{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.pagination a,.pagination strong{padding:7px 13px;border:1px solid #bed1eb;border-radius:7px}.pagination strong{background:var(--cinema);color:white}.footer{margin-top:50px;background:var(--deep);color:var(--lightbody);padding:42px 0 25px}.footer h2,.footer h3{color:white}.footer h2 small{display:block;font-size:11px;letter-spacing:.08em;color:var(--yellow)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{display:block;font-size:14px;margin:4px 0}.footer a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff25;padding-top:20px;font-size:12px;margin-top:25px}.mobile-bottom{display:none}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step{padding:18px;background:white;border-radius:12px;border-top:4px solid var(--yellow)}@media(max-width:1040px){.desktop-nav{gap:9px;font-size:13px}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.container{padding-left:17px;padding-right:17px}.desktop-nav{display:none}.topline-inner{font-size:10px}.brand{font-size:20px}.header-inner{min-height:65px}.hero{grid-template-columns:1fr}.hero-copy{padding:26px}.hero-art{min-height:200px}.hero-art img{max-height:230px}.hero-art .image-fallback{min-height:160px}.section{margin:32px 0}.cards,.cards.four,.feature-split,.page-cover,.footer-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split{padding:16px}.page-cover{padding:18px}.menu-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}.mobile-bottom{display:grid;position:fixed;z-index:15;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #cbd8e8;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 25px #0d19311a}.mobile-bottom a{text-align:center;padding:12px 4px;min-height:48px;font-size:13px;font-weight:800;color:var(--nav)}body{padding-bottom:55px}.card-media{height:185px}.footer{margin-top:25px}.header-actions{gap:7px}.menu-toggle{padding:8px 10px}.search-link span{display:none}}@media(max-width:390px){.brand{font-size:17px}.menu-toggle{font-size:12px}.steps{grid-template-columns:1fr}}