:root{--ink:#0D1931;--cinema:#102B53;--nav:#153968;--blue:#2466C1;--button:#245CB2;--bright:#3A83E9;--yellow:#F6C946;--soft-yellow:#FFE69A;--ice:#E9F2FF;--paper:#F6F9FD;--white:#fff;--cream:#FFF7DF;--title:#15273F;--body:#3D5167;--coral:#D98B77;--teal:#53A9AD;--lilac:#948ACC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--body);font-size:16px;line-height:1.75}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--bright);outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.27;color:var(--title)}p{margin-bottom:1.2rem}.container{width:min(100% - 60px,1250px);margin-inline:auto}.micro{background:var(--cinema);color:#dfeaf8;font-size:12px}.micro-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:29px}.micro a:hover{color:var(--yellow)}.site-head{background:#fff;border-bottom:1px solid #dfe8f5;position:relative;z-index:20}.head-inner{min-height:72px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;min-width:205px;color:var(--ink)}.brand-img{max-width:95px;max-height:42px}.brand-name{display:grid;line-height:1.2}.brand-name b{font-size:22px;letter-spacing:1px}.brand-name small{font-size:9px;letter-spacing:1.25px;margin-top:5px;color:#54708d}.main-nav{display:flex;align-items:center;gap:clamp(13px,1.7vw,26px);white-space:nowrap}.main-nav a{font-size:14px;font-weight:700;color:#1d3656}.main-nav a:hover{color:var(--blue)}.head-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.head-actions a{font-size:14px;font-weight:600}.head-actions button,.drawer button{border:0;background:var(--cinema);color:#fff;min-height:44px;padding:0 15px;border-radius:9px;cursor:pointer}.genre-bar{background:var(--ice);border-bottom:1px solid #d9e7f5}.genre-inner{display:flex;gap:28px;align-items:center;overflow:auto;white-space:nowrap;scrollbar-width:none;min-height:43px}.genre-inner::-webkit-scrollbar{display:none}.genre-inner a{font-weight:600;font-size:13px;color:#21466e}.genre-inner a:hover{color:var(--blue)}.menu-overlay{position:fixed;inset:0;background:rgba(9,20,40,.55);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(490px,93vw);z-index:41;overflow:auto;background:#fff;padding:27px 28px;box-shadow:-10px 0 40px #07162d33;transform:translateX(105%);visibility:hidden;transition:transform .2s,visibility .2s}.drawer.open{transform:none;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.drawer-head strong{font-size:22px;color:var(--ink)}.drawer section{margin:22px 0}.drawer h3{font-size:16px;color:var(--blue);border-bottom:1px solid #dde8f3;padding-bottom:8px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-links a{background:var(--paper);border-radius:8px;padding:8px 11px;color:#294461;font-size:14px}.drawer-links a:hover{background:var(--ice)}.hero{background:linear-gradient(115deg,#0d1931,#123a70 85%);color:#deebf8}.hero-in{display:grid;grid-template-columns:44% 56%;min-height:380px;align-items:center;gap:0}.hero-in>div:first-child{padding:46px 26px 48px 0}.hero h1{font-size:clamp(32px,3.4vw,40px);color:#fff;margin:14px 0 22px;letter-spacing:1px}.hero p{max-width:480px;line-height:1.85;font-size:16px;color:#dbe8f8}.hero-kicker,.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;color:var(--blue);text-transform:uppercase}.hero-kicker{color:var(--yellow)}.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:0;border-radius:9px;color:#fff;background:var(--button);font-weight:700;cursor:pointer;font-size:14px}.btn:hover{color:#fff;background:#16447f}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.yellow:hover{background:var(--soft-yellow);color:var(--ink)}.btn.outline{border:1px solid #d6e6ff;color:#fff;background:transparent}.btn.outline:hover{background:#ffffff1b}.hero-art{min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 65% 46%,#2c5e9f88 0%,transparent 60%);overflow:hidden}.hero-art>img{max-height:350px;width:100%;object-fit:contain}.hero-art-label{position:absolute;bottom:23px;right:22px;border-left:3px solid var(--yellow);padding:6px 14px;background:#0c2347aa;color:#e9f4ff;font-size:11px;letter-spacing:2px}.hero-art-label strong{display:block;color:var(--yellow);font-size:19px;letter-spacing:1px}.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px}.gateway-grid>a{padding:24px 26px;border-radius:14px;background:#fff;box-shadow:0 5px 21px #1a3b6510;border:1px solid #e5ebf5}.gateway-grid>a:nth-child(2){background:#eaf2ff}.gateway-grid>a:nth-child(3){background:var(--cream)}.gateway-grid span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1.5px}.gateway-grid h2{font-size:23px;margin:12px 0}.gateway-grid p{font-size:14px;line-height:1.65}.gateway-grid strong{font-size:13px;color:#144f9e}.content-section{margin:58px auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}.section-head h2{font-size:26px;margin:9px 0 8px}.section-head p{font-size:14px;margin:0;max-width:650px}.section-link,.text-link{color:#1754a1;font-size:14px;font-weight:750;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.work-card{background:white;border-radius:14px;border:1px solid #e0e9f4;overflow:hidden;min-width:0}.work-cover{height:195px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#113360,#1d5899 80%)}.work-card:nth-child(2n) .work-cover{background:linear-gradient(135deg,#142847,#3b689e)}.work-card:nth-child(3n) .work-cover{background:linear-gradient(135deg,#193960,#5782b3)}.work-cover img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.cover-letter{position:absolute;color:#a9c9e9;opacity:.18;font-size:100px;font-weight:900}.work-info{padding:22px}.work-info h3{font-size:19px;margin:7px 0 9px}.work-info p{font-size:14px;line-height:1.8;min-height:50px}.work-info .eyebrow{font-size:11px}.timeline{border:1px solid #dfebf7;border-radius:14px;overflow:hidden;background:white}.timeline a{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e9edf5}.timeline a:last-child{border:0}.timeline b{color:var(--title)}.timeline span{font-size:13px}.two-feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:38px;background:#fff;border-radius:16px;margin:60px 0}.two-feature.pale{background:#eaf2ff}.two-feature h2{font-size:28px;margin:12px 0}.two-feature p{max-width:560px}.two-feature .btn{margin-right:18px}.two-feature img{max-height:230px;width:100%;object-fit:contain}.two-feature h3{font-size:18px;text-align:center;margin:13px 0 0}.feature-words{font-size:24px;color:#23548c;letter-spacing:2px;text-align:center;padding:45px 20px;background:#fff;border-radius:13px}.feature-words strong{color:#193350}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-grid a{display:grid;justify-items:center;text-align:center;gap:7px;background:#fff;border:1px solid #e4eaf4;padding:25px 12px;border-radius:14px}.character-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#e0eeff;color:#245cb2;font-size:29px;font-weight:800}.character-grid small{color:#60768a}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;padding:26px;border-radius:13px;border-top:4px solid var(--yellow)}.article-card h3{font-size:19px;margin:12px 0}.article-card p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps a{display:flex;flex-direction:column;gap:14px;border-radius:12px;background:#fff;padding:18px 17px;font-weight:700;color:#234362}.steps a span{font-size:27px;color:#ca960b}.topic-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.topic-pills a{padding:6px 12px;border-radius:50px;background:#eaf2ff;color:#174e93;font-size:13px}.end-cta{background:linear-gradient(110deg,#102b53,#2158a1);border-radius:16px;color:#e2efff;padding:32px 37px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:60px 0}.end-cta h2{color:#fff;font-size:25px;margin-bottom:12px}.end-cta p{font-size:14px;margin:0;max-width:670px}.end-cta .btn{margin-left:8px}.category-hero{background:linear-gradient(120deg,#102b53,#235b9c);color:#dfeeff}.cat-hero-in{display:grid;grid-template-columns:55% 45%;min-height:280px;align-items:center}.cat-hero-in h1{font-size:38px;color:#fff;margin:14px 0}.cat-hero-in p{max-width:580px}.cat-hero-in .eyebrow{color:var(--yellow)}.cat-art{height:250px;display:grid;place-items:center;background:radial-gradient(circle at 60% 50%,#3d7abb55,transparent 67%);position:relative}.cat-art img{max-height:240px}.cat-art span{position:absolute;bottom:12px;right:18px;font-size:11px;letter-spacing:1px;color:#e3efff}.reading-intro{background:#fff;padding:30px 33px;border-left:4px solid var(--yellow);border-radius:12px}.reading-intro h2{margin-top:12px}.crumb{padding:21px 0;color:#75889b;font-size:13px}.crumb a{color:#245cb2}.detail-top{display:grid;grid-template-columns:38% 1fr;gap:38px;align-items:center;background:#fff;border-radius:15px;padding:30px}.detail-media{height:285px;display:grid;place-items:center;position:relative;background:linear-gradient(140deg,#153968,#376fae);border-radius:12px;overflow:hidden}.detail-media img{max-height:100%;max-width:100%;position:relative;z-index:2}.detail-fallback{position:absolute;color:#c4e0fb;font-size:25px;font-weight:800}.detail-top h1{font-size:35px;margin:13px 0}.detail-lead{font-size:18px}.status{display:inline-block;color:#174778;background:#eaf3ff;padding:7px 12px;border-radius:30px;font-size:13px;font-weight:750;margin:12px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin:36px 0 65px;align-items:start}.article-body{background:#fff;border-radius:13px;padding:35px 40px;line-height:1.85}.article-body h2{font-size:25px;margin:22px 0}.article-body h3{font-size:20px;margin-top:25px}.article-body p{margin-bottom:19px}.episode-box{padding:26px;background:#eaf2ff;border-radius:13px;position:sticky;top:20px}.episode-box h2{font-size:22px}.episode-box>p{font-size:13px}.episode-box a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:8px;padding:12px;margin-bottom:8px;font-size:13px}.episode-box span{font-size:11px;color:#6a788d;white-space:nowrap}.article-centered{max-width:780px;margin:0 auto}.article-centered h1{font-size:35px;margin:15px 0}.article-deck{font-size:19px;color:#55708a;border-bottom:1px solid #e4edf5;padding-bottom:23px}.article-bottom{border-top:1px solid #e2ebf5;padding-top:20px;margin-top:30px}.player{width:100%;display:block;max-height:75vh;background:#071429;border-radius:14px;aspect-ratio:16/9}.unavailable{background:#eaf2ff;border-radius:14px;border:1px solid #cadff5;text-align:center;padding:65px 15px;margin:22px 0 28px}.unavailable strong{color:#194d88;font-size:22px}.unavailable p{margin:12px 0 0}.episode-nav{display:flex;gap:12px;margin-bottom:60px}.search-form{display:flex;gap:10px;align-items:end;max-width:780px;margin:25px 0 34px}.search-form label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.search-form input{flex:1;min-width:0;border:1px solid #c7d9ed;border-radius:9px;padding:13px 15px;background:#fff;min-height:46px}.search-count{font-size:21px}.search-results{display:grid;gap:15px;max-width:860px}.search-results article{background:white;border-radius:12px;padding:22px 25px}.search-results h3{margin:7px 0 9px}.search-results p{font-size:14px;margin:0}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.pagination a{background:#e7f0fd;padding:8px 14px;border-radius:8px;color:#164884}.pagination a[aria-current]{background:#164884;color:#fff}.foot{background:#0d1931;color:#d6e5f6;margin-top:70px;padding:45px 0 25px}.foot-inner{display:flex;justify-content:space-between;gap:30px}.foot h2{color:#fff;font-size:24px}.foot h2 span{display:block;font-size:10px;font-weight:500;letter-spacing:1.5px;margin-top:6px}.foot p{max-width:580px;font-size:14px}.foot-links{display:grid;grid-template-columns:repeat(3,auto);gap:10px 24px;font-size:14px}.foot a:hover{color:var(--yellow)}.copyright{margin-top:25px;border-top:1px solid #344868;padding-top:16px;font-size:12px;color:#a4b8d0}.mobile-nav{display:none}@media(max-width:1080px){.main-nav{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,1fr)}.container{width:min(100% - 44px,1250px)}}@media(max-width:720px){body{padding-bottom:62px}.container{width:min(100% - 34px,1250px)}.micro{font-size:10px}.micro-inner{min-height:27px}.site-head .head-inner{min-height:65px}.brand{min-width:0}.brand-name b{font-size:20px}.brand-name small{font-size:8px}.head-actions{gap:8px}.head-actions button{font-size:12px;padding:0 10px}.head-actions .search-link{display:none}.genre-inner{gap:22px}.hero-in{grid-template-columns:1fr;min-height:0}.hero-in>div:first-child{padding:39px 0 0}.hero h1{font-size:30px}.hero p{font-size:15px}.hero-art{min-height:170px;height:200px}.hero-art img{max-height:175px}.hero-art-label{bottom:10px;font-size:9px}.hero-art-label strong{font-size:14px}.gateway-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.gateway-grid>a{padding:20px}.gateway-grid h2{font-size:21px;margin:5px 0}.gateway-grid p{margin-bottom:5px}.content-section{margin:36px auto}.section-head{align-items:start;gap:10px}.section-head h2{font-size:22px}.section-head .section-link{font-size:12px;max-width:105px;white-space:normal;text-align:right}.work-grid{grid-template-columns:1fr;gap:14px}.work-cover{height:195px}.work-info{padding:18px}.two-feature{grid-template-columns:1fr;padding:24px;gap:18px;margin:36px 0}.two-feature h2{font-size:23px}.character-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.timeline a{display:grid;padding:16px}.end-cta{display:grid;padding:26px 23px;margin:36px 0}.end-cta h2{font-size:22px}.end-cta .btn{margin:0 6px 8px 0}.cat-hero-in{grid-template-columns:1fr;padding-top:30px}.cat-hero-in h1{font-size:30px}.cat-art{height:175px}.cat-art img{max-height:165px}.reading-intro{padding:23px}.detail-top{grid-template-columns:1fr;padding:18px;gap:20px}.detail-media{height:220px}.detail-top h1{font-size:29px}.detail-layout{grid-template-columns:1fr}.article-body{padding:24px 20px}.article-centered h1{font-size:29px}.episode-box{position:static}.foot-inner{display:grid}.foot-links{grid-template-columns:repeat(2,auto);justify-content:start}.mobile-nav{position:fixed;z-index:35;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dbe8f6;padding:6px 0 max(6px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #05183115}.mobile-nav a{min-height:44px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#193c6a}.search-form{align-items:stretch}.search-form button{padding:9px 15px}}@media(max-width:360px){.brand-name small{display:none}.brand-name b{font-size:18px}.steps{grid-template-columns:1fr 1fr}.container{width:calc(100% - 30px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}