:root{--background:#F8F5EF;--paper:#FFFDF8;--surface:#fff;--surface-soft:#F1EEE7;--persimmon:#C45C36;--persimmon-deep:#9C4026;--persimmon-soft:#F9E7DE;--lake:#247982;--lake-deep:#175860;--lake-soft:#E3F1EF;--ink:#203540;--ink-deep:#142733;--ink-soft:#41535D;--apricot:#D6A757;--apricot-soft:#F8EFDB;--sage:#709783;--sage-soft:#ECF4EE;--rose:#B96F80;--rose-soft:#F8EAF0;--smoke-purple:#7F7299;--purple-soft:#F0ECF5;--title:#22323B;--body:#40515B;--muted:#617078;--border:#DEDCD5;--divider:#ECE9E2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--background);font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.35}h1{font-size:clamp(2rem,3.5vw,2.7rem);letter-spacing:-.035em}h2{font-size:clamp(1.4rem,2.4vw,1.75rem)}h3{font-size:1.12rem}a{color:inherit;text-decoration:none}a:hover{color:var(--persimmon-deep)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lake)}img{display:block;max-width:100%;height:auto}p{margin-bottom:1.05em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:-999px;top:2px;z-index:100}.skip:focus{left:12px;background:#fff;padding:9px}.page-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section{padding-block:75px}.eyebrow,.page-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lake-deep)}.page-kicker{margin-bottom:18px}.lead{font-size:1.1rem;max-width:780px;color:var(--ink-soft)}.section-head{margin-bottom:30px}.section-head p:last-child{max-width:770px}.section-head h2{margin-bottom:8px}.site-header{position:relative;z-index:15;background:var(--paper);border-bottom:1px solid var(--border)}.head-inner{height:74px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap;color:var(--persimmon-deep)}.brand strong{font-size:21px}.brand small{font-size:9px;letter-spacing:.15em;color:var(--lake)}.brand-img{width:70px;height:45px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(13px,2vw,34px);font-weight:650;font-size:14px}.head-actions{display:flex;gap:8px;align-items:center}.search-icon{font-size:32px;line-height:1}.menu-btn{display:none;background:transparent;border:0;color:var(--ink);cursor:pointer;font-size:22px}.category-rail{border-top:2px solid var(--lake);display:flex;justify-content:center;gap:35px;min-height:52px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:0 18px;white-space:nowrap}.category-rail a{font-size:13px;color:var(--ink-soft)}.mobile-menu,.mobile-overlay,.bottom-nav{display:none}.hero{padding-top:44px;padding-bottom:45px;display:grid;grid-template-columns:1.02fr .98fr;gap:24px;min-height:410px}.hero-copy{background:var(--paper);padding:clamp(26px,4vw,57px);display:flex;flex-direction:column;justify-content:center;border-radius:18px}.hero h1{font-size:clamp(32px,3.7vw,49px);margin-bottom:20px}.hero h1 em{display:block;font-style:normal;color:var(--persimmon)}.hero-copy p{max-width:590px}.hero-copy small{color:var(--muted)}.hero-art{min-height:370px;border-radius:18px;overflow:hidden;position:relative;background:var(--lake-deep)}.hero-media{width:100%;height:100%;object-fit:cover}.frame-label{position:absolute;bottom:18px;left:18px;padding:5px 14px;background:#fffc;color:var(--ink);border-radius:30px;font-size:12px;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.btn{border:1px solid transparent;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;min-height:44px;font-weight:750;font-size:14px;cursor:pointer}.btn.primary{background:var(--persimmon);color:white}.btn.primary:hover{background:var(--persimmon-deep)}.btn.outline{border-color:var(--lake);color:var(--lake-deep)}.btn.outline:hover{background:var(--lake-soft)}.visual-fallback{display:flex;align-items:center;justify-content:center;min-height:120px;background:linear-gradient(140deg,#d9ece7,#f6decc 55%,#e9e5f2);color:var(--lake-deep);text-align:center;padding:18px;position:relative;overflow:hidden}.visual-fallback:after{content:'✦';position:absolute;right:8%;bottom:-25%;font-size:150px;opacity:.12}.visual-fallback span{position:relative;z-index:1;font-size:14px;font-weight:700;max-width:210px}.hero-media.visual-fallback{min-height:370px}.cat-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cat-tile{min-height:255px;position:relative;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border-radius:13px;padding:22px;background:var(--apricot-soft);color:var(--title)}.cat-tile:nth-child(2),.cat-tile:nth-child(7){background:var(--lake-soft)}.cat-tile:nth-child(3),.cat-tile:nth-child(8){background:var(--rose-soft)}.cat-tile:nth-child(4),.cat-tile:nth-child(6){background:var(--purple-soft)}.tile-img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;opacity:.18}.cat-tile strong,.cat-tile small,.cat-number{position:relative;z-index:1}.cat-tile strong{font-size:21px}.cat-tile small{font-size:13px;line-height:1.55;max-width:220px}.cat-number{font-weight:900;font-size:12px;letter-spacing:.17em;margin-bottom:auto}.world-ribbon{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.world-ribbon article{padding:28px;min-height:255px;border-radius:14px;background:var(--lake-soft);border-left:5px solid var(--lake)}.world-ribbon article:nth-child(2){background:var(--persimmon-soft);border-color:var(--persimmon)}.world-ribbon article:nth-child(3){background:var(--purple-soft);border-color:var(--smoke-purple)}.world-ribbon a,.text-link{font-weight:750;color:var(--persimmon-deep)}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.character-grid>a,.character-grid article{border:1px solid var(--border);border-radius:14px;padding:23px;background:var(--paper)}.character-grid strong,.character-grid small{display:block}.character-grid small{color:var(--muted)}.character-avatar{display:flex;width:65px;height:65px;border-radius:50%;align-items:center;justify-content:center;margin-bottom:18px;background:var(--lake-soft);color:var(--lake-deep);font-size:25px;font-weight:700}.tinted{background:var(--surface-soft)}.film-strip{display:flex;gap:15px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x proximity}.film-strip .work-card{flex:0 0 235px;scroll-snap-align:start}.work-card{min-width:0;border:1px solid var(--divider);border-radius:13px;background:var(--paper);overflow:hidden}.poster-link{display:block}.poster{aspect-ratio:2/3;width:100%;height:auto;object-fit:cover}.work-info{padding:15px}.work-info h3{font-size:18px;margin:7px 0}.work-info p{font-size:14px;line-height:1.55;margin-bottom:12px}.chip{font-size:12px;color:var(--lake-deep);background:var(--lake-soft);padding:5px 9px;border-radius:20px;display:inline-block;margin:2px}.clue-layout{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.clue-layout a{border-radius:14px;background:var(--ink-deep);color:#ebf5f1;padding:29px}.clue-layout a h3{color:#fff}.clue-layout a p{font-size:14px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.clue-layout .eyebrow{color:#90d7cd}.clue-layout a:nth-child(2){background:#34525c}.clue-layout a:nth-child(3){background:#486474}.split-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.split-feature>div:first-child{padding:30px}.side-works{display:grid;grid-template-columns:1fr 1fr;gap:15px}.side-works .work-card{display:flex;flex-direction:column}.side-works .poster{aspect-ratio:3/2}.sage-bg{background:var(--sage-soft)}.magazine-grid,.animation-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.magazine-grid .work-card:first-child{grid-column:span 1}.magazine-grid .poster{aspect-ratio:3/2}.animation-shelf{grid-template-columns:1fr 1.1fr 1fr}.ink-section{background:var(--ink-deep);color:#e5eeed}.ink-section h2{color:#fff}.ink-section .eyebrow{color:#9fd2cc}.making-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.making-flow a{padding:21px;background:#284552;color:white;border:1px solid #4b6a73;border-radius:12px}.making-flow span,.making-flow strong{display:block}.making-flow span{color:#accfcc;margin-bottom:16px}.studio-display{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;margin-top:25px}.studio-img{min-height:185px;width:100%;object-fit:cover;max-height:370px;border-radius:12px}.curation{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.curation>a{padding:27px;border-top:4px solid var(--persimmon);background:var(--paper);border-radius:12px}.curation>a:nth-child(2){border-color:var(--sage)}.curation>a:nth-child(3){border-color:var(--smoke-purple)}.curation span:last-child{font-weight:700;color:var(--lake-deep)}.site-footer{background:#eaece7;padding:48px max(32px,calc((100vw - 1320px)/2)) 75px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer-grid strong{font-size:24px;color:var(--persimmon-deep)}.footer-grid p{max-width:500px}.footer-grid>div:last-child{display:flex;flex-direction:column;gap:10px}.footer-note{font-size:12px;border-top:1px solid #c8d0cb;padding-top:15px;margin-top:35px}.inner-page{padding-top:58px;padding-bottom:90px;min-height:55vh}.filter-workbench{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;margin-top:40px}.filter-panel{border:1px solid var(--border);background:var(--paper);padding:23px;border-radius:14px;align-self:start}.filter-panel h2{font-size:19px}.filter-panel form{display:grid;gap:12px}.filter-panel label{font-weight:700;font-size:13px}.filter-panel select,.search-form input{padding:12px;min-width:0;border:1px solid #bdc9c7;background:white;border-radius:8px;width:100%;color:var(--ink)}.filter-panel a{font-size:13px;color:var(--lake-deep)}.filter-note{margin-top:20px;font-size:12px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a{border:1px solid var(--border);padding:6px 14px;border-radius:6px}.pagination [aria-current]{background:var(--lake);color:white}.empty{padding:35px;background:var(--paper);border:1px solid var(--border);border-radius:12px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:28px}.detail-page{padding-top:30px;padding-bottom:75px}.detail-hero{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:48px;align-items:start}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px}.detail-hero h1{font-size:44px;margin:12px 0}.status-line{display:inline-block;background:var(--apricot-soft);padding:5px 12px;border-radius:8px;font-size:13px}.long-copy{max-width:790px}.detail-anchor{display:flex;gap:10px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--border);margin-top:35px}.detail-anchor a{padding:8px 16px;border-radius:30px;background:var(--lake-soft);font-size:13px}.relation-copy{padding:20px 0}blockquote{margin:20px 0;padding:16px 25px;border-left:4px solid var(--persimmon);background:var(--persimmon-soft)}.episode-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:22px}.episode-list{display:grid;align-content:start;gap:7px}.episode-list a{padding:12px 15px;border:1px solid var(--border);border-radius:8px;background:var(--paper);display:flex;gap:15px}.episode-list .current{background:var(--lake-deep);color:#fff}.episode-detail{background:var(--paper);border:1px solid var(--border);border-radius:13px;padding:30px}.episode-detail dt{font-weight:750;color:var(--ink)}.episode-detail dd{margin:2px 0 13px}.screening{background:var(--ink-deep);color:#e6f0ef;padding:30px;border-radius:16px}.screening h2{color:#fff}.screening .eyebrow{color:#9dd1d0}.media-notice{padding:40px;border:1px solid #4b646c;border-radius:12px;text-align:center}.media-notice strong{font-size:21px}.player{display:block;width:100%;aspect-ratio:16/9;background:#000}.highlight-list{display:flex;gap:10px;list-style:none;padding:0;flex-wrap:wrap}.highlight-list li{padding:12px;background:var(--apricot-soft);border-radius:9px}.compact-related{max-width:310px}.world-index{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:45px}.world-index-card{padding:35px;min-height:225px;background:var(--lake-soft);border-radius:15px;border-left:5px solid var(--lake-deep)}.world-index-card:nth-child(3n+2){background:var(--persimmon-soft);border-color:var(--persimmon)}.world-index-card:nth-child(3n){background:var(--purple-soft);border-color:var(--smoke-purple)}.world-index-card h2{font-size:23px}.world-index-card span:last-child{font-weight:750;color:var(--lake-deep)}.world-banner{padding:55px;background:var(--lake-deep);border-radius:18px;color:white}.world-banner h1{color:white}.world-banner p{font-size:19px}.world-banner .eyebrow{color:#ccece8}.world-essay{display:grid;grid-template-columns:1.7fr .8fr;gap:25px}.world-essay h2{grid-column:1/-1;margin-bottom:-5px}.world-essay aside{background:var(--apricot-soft);padding:20px;border-radius:12px}.relation-map{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.relation-map>div{background:var(--paper);border:2px solid var(--lake);padding:25px;border-radius:80px;text-align:center;min-height:130px}.relation-map span,.relation-map small{display:block}.relation-map span{font-size:19px;font-weight:800}.relation-map small{font-size:12px}.route-list>a{display:flex;align-items:center;gap:25px;padding:22px;border-bottom:1px solid var(--border)}.route-list>a>span{font-weight:900;font-size:35px;color:var(--persimmon)}.route-list>a>div{flex:1}.route-list h3,.route-list p{margin:0}.craft-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:var(--lake-soft);padding:25px;border-radius:14px;margin-top:35px}.craft-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:44px;margin-top:45px}.craft-toc{position:sticky;top:20px;align-self:start;display:grid;gap:10px}.craft-toc a{padding:8px 12px;border-left:2px solid var(--lake);background:var(--paper);font-size:14px}.craft-unit{padding-bottom:38px;margin-bottom:45px;border-bottom:1px solid var(--border)}.craft-unit>p{line-height:1.88}.practice{padding:24px;background:var(--surface-soft);border-radius:12px}.search-form{max-width:760px;margin:45px 0}.search-form label{display:block;font-weight:750}.search-form>div{display:flex;gap:10px}.search-form input{flex:1}.search-page h2{margin-top:38px}.search-links{display:flex;gap:10px;flex-wrap:wrap}.search-links a{padding:10px 18px;background:var(--lake-soft);border-radius:8px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.about-grid section{background:var(--paper);padding:36px;border-top:4px solid var(--lake);border-radius:12px}.about-grid section:nth-child(2n){border-color:var(--persimmon)}.not-found{text-align:center;padding:110px 0}
@media(max-width:1080px){.desktop-nav{gap:10px;font-size:12px}.brand small{display:none}.category-rail{justify-content:start}.page-shell,.head-inner{width:calc(100% - 48px)}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:28px}.cat-mosaic{grid-template-columns:repeat(4,1fr)}.cat-tile{min-height:210px;padding:17px}.cat-tile strong{font-size:18px}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-shell,.head-inner{width:calc(100% - 34px)}.head-inner{height:64px}.desktop-nav{display:none}.menu-btn{display:block}.category-rail{min-height:48px;gap:20px}.mobile-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#14273399;z-index:50}.mobile-menu:not([hidden]){display:flex;position:fixed;right:0;top:0;bottom:0;width:min(310px,86vw);background:var(--paper);z-index:51;flex-direction:column;gap:3px;padding:20px;overflow:auto;box-shadow:0 0 30px #0002}.mobile-menu>a{padding:11px 15px;border-bottom:1px solid var(--border)}.menu-close{align-self:end;background:var(--lake);border:0;color:white;padding:9px 15px;cursor:pointer}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:61px;background:var(--paper);border-top:1px solid var(--border);z-index:40;justify-content:space-around;align-items:center}.bottom-nav a{font-size:13px;font-weight:700;padding:10px}body{padding-bottom:61px}.hero{grid-template-columns:1fr;padding-top:22px}.hero-art{min-height:220px;order:-1}.hero-media.visual-fallback{min-height:220px}.hero-copy{padding:20px}.hero h1{font-size:clamp(27px,7.5vw,37px)}.section{padding-block:45px}.cat-mosaic{grid-template-columns:repeat(2,1fr)}.cat-tile{min-height:180px}.world-ribbon,.clue-layout,.split-feature,.studio-display,.craft-intro{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.magazine-grid,.animation-shelf,.curation{grid-template-columns:1fr 1fr}.magazine-grid .work-card:last-child,.animation-shelf .work-card:last-child,.curation>a:last-child{grid-column:1/-1}.making-flow{grid-template-columns:repeat(2,1fr)}.filter-workbench,.episode-layout,.craft-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.world-index,.about-grid,.world-essay{grid-template-columns:1fr}.world-essay h2{grid-column:1}.detail-hero{grid-template-columns:125px 1fr;gap:18px}.detail-hero h1{font-size:30px}.detail-poster{max-width:200px}.relation-map{grid-template-columns:1fr}.craft-toc{position:static;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.route-list>a{gap:12px}.route-list>a strong{font-size:12px}}
@media(max-width:420px){.brand strong{font-size:18px}.cat-tile{padding:14px;min-height:165px}.cat-tile strong{font-size:16px}.cat-tile small{font-size:12px}.catalog-grid{gap:9px}.work-info{padding:10px}.work-info h3{font-size:15px}.work-info p{font-size:12px}.work-info .eyebrow{font-size:10px}.detail-hero{grid-template-columns:1fr}.detail-poster{max-width:250px}.character-grid,.magazine-grid,.animation-shelf,.curation{grid-template-columns:1fr}.magazine-grid .work-card:last-child,.animation-shelf .work-card:last-child,.curation>a:last-child{grid-column:1}.search-form>div{flex-direction:column}.world-banner{padding:28px}.inner-page{padding-top:36px}}
