@charset "UTF-8";
:root{--background:#F8F5EF;--paper:#FFFDF8;--surface:#FFFFFF;--soft:#F1EEE7;--persimmon:#C45C36;--lake:#247982;--ink:#203540;--body:#40515B;--muted:#617078;--border:#DEDCD5;--purple:#7F7299}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(30px,3.5vw,46px)}h2{font-size:clamp(24px,2.3vw,29px)}h3{font-size:19px}p{line-height:1.82}a{color:inherit;text-decoration:none}a:hover{color:var(--persimmon)}button,input{font:inherit}button{cursor:pointer}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section{padding-top:72px;padding-bottom:72px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--lake)}.site-header{position:relative;z-index:30;background:var(--paper);border-bottom:1px solid var(--border)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:22px;line-height:1.05;font-weight:800;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em;margin-top:7px}.brand-mark{color:var(--persimmon)}.brand-icon{display:grid;place-items:center;background:var(--persimmon);color:white;width:42px;height:42px;border-radius:14px 4px 14px 4px}.primary{display:flex;gap:clamp(12px,2vw,31px);align-items:center}.primary a{font-size:14px;font-weight:650;white-space:nowrap}.header-actions{display:flex;gap:12px;align-items:center}.search-link{font-weight:650;white-space:nowrap}.tag-rail{border-top:2px solid var(--lake);background:#f3f1eb}.tag-list{display:flex;gap:35px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;height:52px}.tag-list a{font-size:13px;font-weight:650}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:24px}.mobile-menu,.mobile-overlay,.bottom-nav{display:none}.skip{position:absolute;top:-60px;left:10px;z-index:100;background:white;padding:8px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #247982;outline-offset:3px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:48px;padding-bottom:38px}.hero-copy h1{font-size:clamp(37px,4vw,56px);max-width:580px;margin:16px 0}.hero-copy h1 em{display:block;font-style:normal;color:var(--persimmon)}.hero-copy>p{max-width:530px;font-size:17px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:27px 0 37px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:9px 22px;border:1px solid var(--persimmon);border-radius:12px;background:var(--persimmon);color:#fff;font-weight:750;font-size:14px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#9c4026;color:white}.btn.ghost{background:transparent;color:var(--ink);border-color:#b7b8b4}.btn.ghost:hover{background:#fff}.hero-facts{display:flex;gap:25px;flex-wrap:wrap}.hero-facts span{color:var(--muted);font-size:13px}.hero-facts b{font-size:23px;color:var(--lake);display:block}.hero-art{position:relative;height:410px;background:#d7e9e5;border-radius:30px 8px 30px 8px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;bottom:18px;left:18px;max-width:60%;padding:12px 19px;background:rgba(255,253,248,.94);border-radius:9px;font-size:10px;letter-spacing:.17em}.hero-note strong{display:block;font-size:19px;letter-spacing:0}.art-fallback{background:linear-gradient(140deg,#d8e9e3,#f0d9c6 55%,#e3dded);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100px}.art-fallback span{font-size:11px;letter-spacing:.22em;font-weight:800;color:#4d6b6a;text-align:center}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin:7px 0 0}.section-head>a{font-weight:750;color:var(--lake);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{border-radius:16px;background:white;overflow:hidden;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.category-card:hover,.work-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #14273313}.cat-visual{height:125px;background:var(--accent)}.category-image{width:100%;height:100%;object-fit:cover}.cat-body{padding:17px}.cat-body>span{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:800}.cat-body h3{margin:6px 0}.cat-body p{font-size:13px;margin:0}.spotlight{background:#e6eeeb}.world-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world-tile{padding:26px;background:var(--paper);border-top:4px solid var(--lake);min-height:260px;display:flex;flex-direction:column;border-radius:5px 5px 17px 17px}.world-number{font-weight:800;color:var(--persimmon);font-size:14px}.world-tile h3{font-size:23px;margin:13px 0}.world-tile p{font-size:14px;flex:1}.world-tile>span:last-child{color:var(--lake);font-weight:750}.character-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.character-box{padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff}.character-box small{display:block;color:var(--lake);font-weight:750}.character-box strong{display:block;color:var(--ink);font-size:19px;margin:15px 0}.character-box strong span{color:var(--persimmon)}.character-box p{font-size:13px;min-height:90px}.character-box b{font-size:13px}.film-strip{display:flex;overflow-x:auto;gap:17px;padding:5px 0 20px;scroll-snap-type:x mandatory}.film-strip .work-card{min-width:215px;width:215px;scroll-snap-align:start}.work-card{display:block;border-radius:14px;overflow:hidden;background:white;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.work-card .cover{width:100%;aspect-ratio:2/3;object-fit:cover}.work-info{padding:18px}.work-info h3{margin:7px 0}.work-info p{font-size:13px;line-height:1.65;color:var(--muted)}.work-info .more{font-size:12px;font-weight:800;color:var(--persimmon)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.duo-pane{padding:36px;border-radius:21px}.duo-pane.dark{background:#203540;color:#e6eee9}.duo-pane.dark h2{color:#fff}.duo-pane.dark .eyebrow{color:#96c7c0}.duo-pane.light{background:#f2e6e1}.duo-pane>p{max-width:500px}.text-link{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #8d9a9970;font-weight:750}.text-link span{font-size:12px;font-weight:500}.feature-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.work-card.wide{display:grid;grid-template-columns:38% 1fr}.work-card.wide .cover{height:100%;min-height:270px;aspect-ratio:auto}.work-card.wide .work-info{align-self:center;padding:25px}.animation-section{background:#ece8f2}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.three-cards .cover{max-height:320px}.craft-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.process-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.process-rail span{padding:25px 12px;text-align:center;background:#e7efec;border:1px solid #c9d8d2;border-radius:12px;color:var(--lake);font-weight:750}.curation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.curation-grid>a{display:block;background:white;border:1px solid var(--border);border-radius:14px;padding:24px}.curation-grid small{color:var(--persimmon);font-weight:750}.curation-grid p{font-size:14px;margin:0}.footer{padding:48px 0;background:#203540;color:#dce5e2}.footer strong{color:white;font-size:23px}.footer p{font-size:13px;margin-bottom:5px}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-inner>div:last-child{display:flex;gap:20px;flex-wrap:wrap}.page-intro{padding-top:61px;padding-bottom:25px}.page-intro p{max-width:850px;font-size:17px}.page-intro h1{margin:10px 0 14px}.explorer{display:grid;grid-template-columns:210px minmax(0,1fr);gap:37px;padding-bottom:80px}.filters{position:sticky;top:16px;align-self:start;background:white;padding:24px 17px;border-radius:16px;border:1px solid var(--border)}.filters h2{font-size:19px}.filters strong{display:block;color:var(--ink);font-size:13px;margin:25px 0 9px}.filters a{display:block;padding:8px 10px;font-size:13px;border-radius:8px}.filters a.current,.filters a:hover{color:var(--lake);background:#e3f1ef;font-weight:800}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.result-head h2{margin:2px 0}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.pagination a{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;border:1px solid var(--border);background:white}.pagination .active{background:var(--lake);color:white}.breadcrumb{font-size:13px;padding-top:26px;color:var(--muted)}.screening-hero{display:grid;grid-template-columns:280px 1fr;gap:39px;align-items:start;padding-top:28px}.screen-poster .cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:20px}.screen-copy h1{margin:14px 0}.screen-copy>p{max-width:850px}.pills{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.pills span{font-size:12px;padding:5px 12px;background:#e5efec;color:var(--lake);border-radius:30px}.status{color:#94604c;font-size:13px;padding:10px 0}.chapter-nav{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:18px;font-weight:750;font-size:13px;color:var(--lake)}.screen-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px}.detail-panel{padding:29px;margin-bottom:22px;background:white;border:1px solid var(--border);border-radius:17px;scroll-margin-top:15px}.detail-panel h2{margin-top:8px}.detail-panel p{font-size:15px}.detail-panel h3{font-size:17px}.person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.person{padding:20px;border-radius:12px;background:#f4f1eb}.person small{color:var(--lake)}.person p{margin:0}.relation{border-left:3px solid var(--persimmon);padding-left:15px;margin-top:18px}.episode-item{display:flex;gap:15px;align-items:start;border-bottom:1px solid var(--border);padding:16px 11px}.episode-item:hover,.episode-item.selected{background:#eef5f0}.episode-item>b{font-size:23px;color:var(--lake)}.episode-item span{display:block}.episode-item strong{display:block;color:var(--ink)}.episode-item small{display:block;color:var(--muted)}.screen-side{align-self:start;position:sticky;top:20px}.player-box{padding:21px;background:#203540;border-radius:17px;color:#e9f3f0}.player-box h2{font-size:21px;color:white}.player-box .eyebrow{color:#a0d3ca}.player-box p{font-size:13px;margin:16px 0 0}.player-box video{width:100%;aspect-ratio:16/9;background:#101d26}.unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px;aspect-ratio:16/9;padding:15px;background:#142733;border:1px solid #5f737b;border-radius:10px}.unavailable strong{color:white}.unavailable span{font-size:12px;margin-top:9px}.related-panel{margin-top:20px;background:white;border:1px solid var(--border);padding:20px;border-radius:14px}.related-panel a{display:block;border-top:1px solid var(--border);padding:12px 0;font-size:14px}.worlds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.world-entry{border-top:5px solid var(--accent);background:white;padding:34px;border-radius:10px 10px 20px 20px}.world-entry h2{margin:13px 0}.world-entry>span:last-child{font-weight:800;color:var(--accent)}.world-detail{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px}.world-story,.world-aside{background:white;padding:30px;border-radius:18px;border:1px solid var(--border)}.world-story>p{margin-bottom:32px}.relation-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.relation-map a{background:#e7f0ed;padding:16px;border-radius:12px}.relation-map span,.relation-map small{display:block;font-size:11px;color:var(--lake)}.relation-map strong{display:block;margin:10px 0;color:var(--ink)}.relation-map p{font-size:12px;margin-bottom:0}.world-aside{align-self:start}.craft-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.craft-nav{align-self:start;position:sticky;top:15px;background:#e6eeeb;padding:23px;border-radius:12px}.craft-nav strong{display:block;margin-bottom:13px}.craft-nav a{display:block;padding:9px 0;font-size:13px}.craft-units{display:grid;gap:18px}.craft-unit{background:white;border:1px solid var(--border);padding:34px;border-radius:17px;scroll-margin-top:15px}.craft-unit:nth-child(2n){border-left:5px solid var(--lake)}.craft-unit:nth-child(2n+1){border-left:5px solid var(--persimmon)}.craft-unit h2{margin-top:10px}.unit-callout{background:#f1eee7;padding:18px;border-radius:10px;display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.unit-callout strong{color:var(--ink)}.search-form{max-width:850px}.search-form label{display:block;font-size:13px;margin-bottom:7px;font-weight:750}.search-form>div{display:flex;gap:8px}.search-form input{flex:1;min-width:0;background:white;border:1px solid var(--border);border-radius:10px;padding:11px 15px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-grid article{background:white;padding:30px;border:1px solid var(--border);border-radius:14px}.about-grid h2{margin-top:14px}@media(max-width:1050px){.primary{gap:10px}.primary a{font-size:12px}.header-inner{gap:10px}.container{width:min(100% - 44px,1320px)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-layout{grid-template-columns:minmax(0,1fr) 300px}.hero{gap:20px}.hero-art{height:360px}}@media(max-width:760px){.container{width:calc(100% - 34px)}.section{padding-top:46px;padding-bottom:46px}.header-inner{height:67px}.primary{display:none}.menu-toggle{display:block}.tag-list{gap:23px;height:46px}.mobile-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#14273380;z-index:45}.mobile-menu:not([hidden]){display:flex;position:fixed;top:67px;right:0;bottom:0;width:min(310px,80vw);padding:20px;flex-direction:column;gap:8px;background:white;z-index:50;overflow-y:auto;box-shadow:-8px 0 25px #0002}.mobile-menu a{padding:10px;font-weight:700}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;justify-content:space-around;padding:7px 0 max(7px,env(safe-area-inset-bottom));z-index:32;border-top:1px solid var(--border)}.bottom-nav a{padding:6px 15px;font-size:13px;font-weight:700}.footer{padding-bottom:105px}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy h1{font-size:37px}.hero-art{height:275px}.hero-facts{gap:15px}.section-head{align-items:start}.section-head>a{font-size:12px}.world-strip,.curation-grid,.three-cards{grid-template-columns:1fr}.world-tile{min-height:0}.character-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.duo,.feature-picks,.craft-teaser,.worlds-grid,.world-detail,.about-grid{grid-template-columns:1fr}.explorer,.craft-layout{display:block}.filters,.craft-nav{position:static;margin-bottom:26px}.filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filters h2{width:100%}.filters strong{width:100%;margin:12px 0 0}.filters a{padding:7px 10px;border:1px solid var(--border)}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-info{padding:12px}.work-info h3{font-size:15px}.work-info p{font-size:12px}.work-card.wide{display:grid;grid-template-columns:35% 1fr}.work-card.wide .cover{min-height:200px}.work-card.wide .work-info{padding:16px}.screening-hero{grid-template-columns:110px 1fr;gap:16px}.screen-copy h1{font-size:29px}.screen-copy>p{font-size:14px}.screen-layout{grid-template-columns:1fr}.screen-side{position:static;grid-row:1}.relation-map{grid-template-columns:1fr}.footer-inner{flex-direction:column}.craft-unit,.detail-panel{padding:22px}.world-entry{padding:25px}}@media(max-width:440px){.container{width:calc(100% - 32px)}.category-grid{gap:9px}.cat-visual{height:95px}.cat-body{padding:12px}.cat-body h3{font-size:16px}.cat-body p{font-size:12px}.character-matrix{grid-template-columns:1fr}.character-box p{min-height:0}.hero-copy h1{font-size:33px}.hero-art{height:220px}.work-info p{display:none}.work-card.wide .work-info p{display:block}.work-info h3{font-size:14px}.screening-hero{grid-template-columns:1fr}.screen-poster{max-width:240px}.person-grid{grid-template-columns:1fr}.search-link span{display:none}.search-form>div{flex-wrap:wrap}.search-form input{flex-basis:100%}.result-head{align-items:start;flex-direction:column}.film-strip .work-card{min-width:180px;width:180px}}
