:root{--deep:#0D1931;--cinema:#102B53;--navy:#153968;--blue:#2466C1;--button:#245CB2;--bright:#3A83E9;--yellow:#F6C946;--softyellow:#FFE69A;--ice:#E9F2FF;--paper:#F6F9FD;--white:#fff;--cream:#FFF7DF;--light:#F9FCFF;--muted-light:#DEE9F6;--ink:#15273F;--text:#3D5167;--coral:#D98B77;--aqua:#53A9AD;--lilac:#948ACC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--bright);outline-offset:3px}.container{width:min(1250px,calc(100% - 62px));margin:auto}.topline{background:var(--deep);color:var(--muted-light);font-size:12px}.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:30px}.topline a:hover,.footer a:hover{color:var(--yellow)}.site-header{background:#fff;border-bottom:1px solid #dfe7f2;position:relative;z-index:9}.nav-main{min-height:73px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--navy)}.brand span{display:grid}.brand b{font-size:24px;line-height:1.25}.brand small{font-size:11px;letter-spacing:.02em}.brand-img{width:65px;max-height:53px;object-fit:contain}.brand .image-fallback{width:36px;height:36px;min-height:36px;padding:0;font-size:0;border-radius:12px}.primary{display:flex;align-items:center;gap:23px;font-weight:650;font-size:14px}.primary a:hover,.scroll-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.search-link,.menu-button{padding:8px 12px;border-radius:9px;color:var(--navy);font-weight:650}.menu-button{background:var(--yellow);border:0;min-height:44px;cursor:pointer}.subnav{background:var(--ice);border-bottom:1px solid #dce6f2}.scroll-links{display:flex;align-items:center;gap:29px;min-height:43px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;font-size:14px;font-weight:620}.menu-shade{position:fixed;inset:0;background:rgba(8,22,44,.55);z-index:18}.menu-panel{position:fixed;z-index:19;top:0;right:0;width:min(780px,100%);height:100dvh;background:#fff;overflow-y:auto;transform:translateX(105%);transition:transform .2s;box-shadow:-12px 0 35px #0d193125;padding:25px}.menu-panel.open{transform:translateX(0)}.menu-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e7f0;padding-bottom:14px}.menu-panel-head button{border:0;background:var(--cream);min-width:44px;min-height:44px;border-radius:10px;cursor:pointer}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:18px}.menu-grid>div{display:flex;flex-direction:column;gap:9px}.menu-grid a{padding:5px;border-bottom:1px solid #edf2f6}.menu-grid a:hover{color:var(--blue)}.hero{background:linear-gradient(115deg,var(--deep),var(--navy));color:var(--light);border-radius:18px;display:grid;grid-template-columns:44% 56%;min-height:376px;overflow:hidden;margin-top:29px}.hero-copy{padding:48px 36px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#d5b75b;text-transform:uppercase;font-weight:800;letter-spacing:.11em;font-size:12px}.hero h1{font-size:clamp(29px,3vw,40px);line-height:1.33;margin:15px 0}.hero p{color:var(--muted-light);max-width:550px}.hero-art{display:flex;align-items:stretch;min-width:0}.hero-art img,.hero-art .image-fallback{width:100%;height:100%;object-fit:contain}.image-fallback{display:flex;justify-content:center;align-items:center;min-height:170px;text-align:center;background:linear-gradient(130deg,#dfeafb,#f8e8a4);color:#203c60;padding:22px;font-size:16px;font-weight:750;letter-spacing:.04em}.hero .image-fallback{background:radial-gradient(circle at 70% 30%,#315b95,#112a4f 70%);color:#fee8a5;font-size:clamp(18px,2.5vw,35px)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;min-height:44px;background:var(--button);color:#fff;border-radius:10px;font-weight:730;border:0}.btn.yellow{background:var(--yellow);color:var(--deep)}.btn.outline{background:transparent;border:1px solid #a8bfd9;color:inherit}.section{margin:58px auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2{font-size:clamp(23px,2.4vw,27px);margin:4px 0;line-height:1.35}.section-head p{color:var(--text);margin:0}.more-link{color:var(--blue);font-weight:700;white-space:nowrap}.grid{display:grid;gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card,.feature,.note-card{display:block;background:white;border-radius:15px;overflow:hidden;border:1px solid #e2eaf4;box-shadow:0 7px 20px #12355808;transition:transform .15s}.work-card:hover,.note-card:hover,.feature:hover{transform:translateY(-3px)}.card-cover{display:block;width:100%;height:185px;object-fit:contain;background:#f2f5fc}.work-card .image-fallback{height:185px;font-size:18px}.card-pad{display:grid;gap:8px;padding:17px}.card-pad small{color:var(--blue);font-size:12px;font-weight:700}.card-pad strong{font-size:19px;line-height:1.38}.card-pad span{color:var(--text);font-size:14px;line-height:1.65}.feature{padding:24px}.feature h3{margin:6px 0;font-size:20px}.feature p{color:var(--text);margin:8px 0}.spotlight{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.spotlight .image-fallback,.spotlight img{height:100%;min-height:290px;width:100%;object-fit:contain;border-radius:15px}.spotlight .feature{display:flex;flex-direction:column;justify-content:center}.label-tag{display:inline-block;font-size:12px;padding:4px 9px;border-radius:20px;background:var(--cream);color:#594600;font-weight:800}.dark-band{background:var(--cinema);padding:42px 0;color:var(--light)}.dark-band .section-head p{color:var(--muted-light)}.dark-band .more-link{color:var(--yellow)}.dark-band .feature{background:#18385f;color:var(--light);border-color:#355273}.dark-band .feature p{color:var(--muted-light)}.mini-links{display:flex;gap:10px;flex-wrap:wrap}.mini-links a{background:var(--ice);color:var(--navy);padding:9px 14px;border-radius:10px;font-weight:650}.timeline{list-style:none;counter-reset:step;padding:0;margin:0}.timeline li{position:relative;padding:14px 12px 14px 48px;border-bottom:1px solid #e2e8f1}.timeline li:before{counter-increment:step;content:counter(step);position:absolute;left:5px;top:15px;width:27px;height:27px;line-height:27px;text-align:center;background:var(--yellow);border-radius:50%;color:var(--deep);font-weight:bold}.reading{max-width:790px;margin:45px auto 70px}.reading h1{font-size:clamp(28px,3vw,40px);line-height:1.33}.reading p{color:var(--text);line-height:1.86}.reading h2{margin-top:32px}.small-muted{font-size:13px;color:#536982}.breadcrumb{font-size:13px;color:#536982;margin-top:25px}.inner-hero{background:linear-gradient(125deg,var(--navy),var(--deep));color:var(--light);padding:42px 0}.inner-hero h1{font-size:clamp(28px,3vw,38px);margin:8px 0}.inner-hero p{max-width:780px;color:var(--muted-light)}.content-box{background:#fff;padding:25px;border-radius:15px;border:1px solid #dfe7f2}.detail-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.work-summary{font-size:18px;font-weight:600}.episode-link{display:block;background:white;border:1px solid #dfe6f0;padding:15px;border-radius:12px;margin:10px 0}.episode-link:hover{border-color:var(--blue)}.player-missing{background:#e8eef6;border:1px solid #ceddeb;border-radius:12px;padding:28px;color:var(--ink)}video{width:100%;background:#000;border-radius:10px}.filter-form{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filter-form input,.filter-form select{border:1px solid #c8d7e8;border-radius:9px;padding:10px;background:#fff;min-height:44px;max-width:100%}.note-card{padding:21px}.note-card h3{margin:7px 0}.note-card p{font-size:14px;color:var(--text)}.footer{margin-top:55px;background:var(--deep);color:var(--light);padding:35px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer p,.footer small{color:var(--muted-light)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:5px}.footer h3{font-size:16px}.footer-grid a{font-size:14px}.footer-bottom{border-top:1px solid #31425c;margin-top:25px;padding-top:15px;font-size:12px;color:var(--muted-light)}.bottom-nav{display:none}.gold-box{background:var(--cream);border-left:4px solid var(--yellow);padding:22px;border-radius:12px;color:var(--ink)}@media(max-width:1080px){.primary{gap:13px;font-size:13px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.container{width:min(1250px,calc(100% - 42px))}}@media(max-width:820px){.primary{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:28px 23px}.menu-grid{grid-template-columns:repeat(2,1fr)}.spotlight{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}@media(max-width:620px){body{padding-bottom:67px}.container{width:calc(100% - 34px)}.brand b{font-size:21px}.brand small{font-size:10px}.nav-main{gap:6px}.search-link{display:none}.menu-button{font-size:12px;padding:8px}.hero{grid-template-columns:1fr;margin-top:14px;min-height:0}.hero-copy{padding:30px 22px}.hero-art{min-height:180px}.hero h1{font-size:30px}.hero-art .image-fallback{min-height:180px}.section{margin:34px auto}.section-head{align-items:start;gap:8px}.section-head h2{font-size:22px}.section-head p{font-size:14px}.grid.four,.grid.three,.grid.two,.spotlight,.detail-columns,.footer-grid{grid-template-columns:1fr}.card-cover,.work-card .image-fallback{height:180px}.dark-band{padding:24px 0}.content-box{padding:17px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:#fff;box-shadow:0 -4px 16px #102b5322;z-index:10}.bottom-nav a{text-align:center;padding:12px 5px;min-height:52px;font-size:13px;font-weight:750;color:var(--navy)}.footer{margin-top:35px}.menu-panel{padding:17px}.menu-grid{gap:13px}.spotlight .image-fallback{min-height:190px}.topline{font-size:10px}}