: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;--sage:#709783;--rose:#B96F80;--smoke-purple:#7F7299;--title:#22323B;--body:#40515B;--muted:#617078;--border:#DEDCD5;--divider:#ECE9E2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,'Microsoft YaHei',sans-serif}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{max-width:100%;height:auto;display:block;object-fit:contain}h1,h2,h3{font-weight:750;color:var(--ink);line-height:1.3;margin:.3em 0 .55em}h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.45rem,2.6vw,1.85rem)}h3{font-size:1.16rem}p{margin:.5em 0 1.1em}.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}.masthead{background:var(--paper);border-bottom:1px solid var(--border);position:relative;z-index:5}.topbar{min-height:74px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;font-size:24px;font-weight:850;white-space:nowrap;color:var(--ink);line-height:1.2}.logo img{width:88px;max-height:45px;margin-right:12px}.logo small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:var(--lake);margin-top:4px}.brand-accent{color:var(--persimmon)}.mainnav{display:flex;align-items:center;gap:clamp(12px,2vw,30px);margin-left:auto;font-size:14px;font-weight:650}.mainnav a{padding:20px 0}.search-shortcut{font-size:31px;color:var(--lake)}.menu-toggle{display:none;border:0;background:transparent;font-size:28px}.track{border-top:2px solid var(--lake);background:#f4f1e9}.trackinner{display:flex;gap:34px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.track a{padding:9px 0;font-size:13px;font-weight:650}.mobile-bottom{display:none}.section{padding-top:75px;padding-bottom:75px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--lake);text-transform:uppercase}.section-head{margin-bottom:30px}.section-head p{max-width:750px;color:var(--muted)}.btn{background:var(--persimmon);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 22px;min-height:44px;font-weight:750;cursor:pointer}.btn:hover{background:var(--persimmon-deep);color:#fff}.textlink,.linkline{font-weight:750;color:var(--lake-deep)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:stretch;padding-top:52px;padding-bottom:35px}.hero-text{padding:38px 0}.hero h1{font-size:clamp(34px,4.6vw,62px);letter-spacing:-2px}.hero h1 em{display:block;font-style:normal;color:var(--persimmon)}.hero-text>p{max-width:540px;font-size:17px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:30px 0 50px}.hero-index{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted)}.hero-index b{color:var(--lake);font-size:21px;margin-left:15px}.art{background:linear-gradient(135deg,#d8e8e3,#efdcba 55%,#eac8b8);position:relative;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain}.hero-art{min-height:410px;border-radius:21px;background:linear-gradient(130deg,#246a70,#24434d 45%,#c46a40)}.hero-arttext{position:absolute;bottom:23px;left:30px;right:30px;color:#fff;text-shadow:0 2px 6px #14303abb}.hero-arttext h2{font-size:28px;color:#fff}.hero-arttext p{font-size:14px}.hero-arttext span{font-size:12px}.category-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.genre{min-height:240px;background:#fff;padding:17px;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;transition:transform .2s}.genre:hover{transform:translateY(-3px)}.genre-image{height:90px;border-radius:9px;margin-bottom:14px;background:linear-gradient(125deg,#dfece9,#e9d2bd)}.genre-1 .genre-image{background:linear-gradient(115deg,#ddd9eb,#d1dfe8)}.genre-2 .genre-image{background:linear-gradient(115deg,#f8dfdc,#ebe7ce)}.genre-3 .genre-image{background:linear-gradient(115deg,#e2eada,#d2dddf)}.genre small{font-size:11px;color:var(--lake);letter-spacing:.6px}.genre h3{margin:5px 0}.genre p{font-size:13px;flex:1;margin:0 0 10px}.genre span{color:var(--persimmon);font-size:12px;font-weight:800}.contrast{background:var(--ink-deep);color:#dfe9e7}.contrast h2,.contrast h3{color:#fff}.contrast .eyebrow{color:#96d8da}.contrast .section-head p{color:#c2d4d3}.world-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-strip a{border:1px solid #547076;padding:25px;border-radius:15px;min-height:230px}.world-strip b{font-size:12px;color:#c3d7c7}.world-strip span{color:#f3ba8d;font-size:13px;font-weight:750}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.character-grid>a,.character-grid>div{background:white;padding:22px;border-radius:12px;border-top:4px solid var(--lake)}.character-grid>*:nth-child(2n){border-color:var(--persimmon)}.character-grid small{color:var(--lake)}.character-grid p{font-size:13px}.index-number{font-size:30px;color:var(--border);font-weight:850}.filmrail{display:flex;gap:16px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.filmrail .work-card{flex:0 0 228px;scroll-snap-align:start}.work-card{display:block;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;min-width:0}.work-card:hover{box-shadow:0 10px 32px #1d373015;transform:translateY(-2px)}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#f4d9bd,#a2c6c0 62%,#567c86)}.art-fallback{position:absolute;left:12%;right:12%;top:42%;text-align:center;color:#173b41;font-weight:850;font-size:23px;line-height:1.3;text-shadow:0 1px 1px #ffffff7d}.art:has(img) .art-fallback{display:none}.card-copy{padding:15px}.card-copy small{font-size:11px;color:var(--lake)}.card-copy h3{margin:4px 0}.card-copy p{font-size:12px;line-height:1.7;margin:6px 0 11px}.linkline{font-size:12px}.split-area{display:grid;grid-template-columns:1fr 1fr;gap:65px}.clue-list a{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);justify-content:space-between}.clue-list span{font-size:13px;max-width:230px}.featured-story .work-card{margin-bottom:13px}.work-card.landscape{display:grid;grid-template-columns:125px 1fr}.landscape .poster{aspect-ratio:1}.pastel{background:#eef2e9}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.three-columns .work-card .poster{aspect-ratio:4/3}.three-columns .art-fallback{top:35%}.storyboard{border-top:1px solid var(--border)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.steps a{border-top:4px solid var(--lake);background:white;padding:20px 15px;min-height:140px}.steps b{color:var(--persimmon)}.steps span{font-size:12px}.curated{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.curated>div{padding:26px;background:#fff;border-radius:16px}.curated a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--divider);font-size:14px}.footer{background:var(--ink-deep);color:#dbe5e6;padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer strong{font-size:23px;color:#fff}.footer p{max-width:420px;font-size:13px}.footer a,.footer span{display:block;font-size:14px;margin-bottom:10px}.page-lead{font-size:17px;max-width:800px;margin-bottom:30px}.thin{font-size:.45em;font-weight:400;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.chips a{padding:8px 13px;background:white;border:1px solid var(--border);border-radius:30px;font-size:13px}.chips a.active{background:var(--lake-deep);color:white}.explore-layout{display:grid;grid-template-columns:245px 1fr;gap:35px;align-items:start}.filter-panel{padding:22px;background:#fff;border:1px solid var(--border);border-radius:15px;position:sticky;top:15px}.filter-panel h2{font-size:20px}.filter-panel label{display:block;font-size:13px;font-weight:650;margin:16px 0}.filter-panel select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.filter-panel .btn{width:100%}.filter-panel p{font-size:12px;color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:center}.results-head h2{font-size:20px}.results-head span{font-size:13px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.results-grid .wide-card{grid-column:span 2;display:grid;grid-template-columns:43% 1fr}.results-grid .wide-card .poster{aspect-ratio:auto}.results-grid .wide-card .card-copy{align-self:center;padding:25px}.pagination{display:flex;justify-content:center;gap:10px;padding:30px}.pagination a{padding:5px 14px;border-radius:8px;border:1px solid var(--border)}.pagination .active{background:var(--lake);color:#fff}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:25px}.screen-hero{display:grid;grid-template-columns:310px 1fr;gap:50px;align-items:start}.film-poster{aspect-ratio:2/3;border-radius:15px}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.tag-list span{font-size:12px;background:#e6efec;color:#18565d;padding:5px 10px;border-radius:30px}.story-synopsis{font-size:16px;line-height:1.9}.status{font-size:13px;color:var(--persimmon-deep)}.page-anchors{display:flex;gap:18px;border-block:1px solid var(--border);padding:15px 0;margin-top:40px;overflow-x:auto;white-space:nowrap}.page-anchors a{font-size:13px;font-weight:750}.detail-section{padding:55px 0;border-bottom:1px solid var(--border);scroll-margin-top:25px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px}.episode-layout{display:grid;grid-template-columns:1fr 275px;gap:30px}.episode-layout video{display:block;width:100%;aspect-ratio:16/9;background:#142733;border-radius:12px}.unavailable{min-height:220px;background:#213842;border-radius:15px;color:#e8eff0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.unavailable strong{font-size:20px}.unavailable p{font-size:13px;max-width:410px}.episode-summary{background:#fff;padding:20px;border-radius:12px}.episode-index{border:1px solid var(--border);border-radius:13px;padding:15px}.episode-index a{display:flex;gap:12px;padding:12px;border-top:1px solid var(--divider);font-size:13px}.episode-index a.active{background:var(--lake-soft);color:var(--lake-deep)}.episode-index b{flex-shrink:0;color:var(--persimmon)}.world-index{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.world-index a{padding:30px;background:#fff;border:1px solid var(--border);border-radius:16px}.world-index span{color:var(--persimmon);font-size:12px}.world-index b{color:var(--lake)}.world-detail{display:grid;grid-template-columns:225px 1fr;gap:50px}.world-detail aside{position:sticky;top:20px;align-self:start;background:#fff;padding:23px;border-radius:12px}.world-detail aside a{display:block;font-size:14px;margin:10px 0}.world-detail article>section{margin-bottom:55px;scroll-margin-top:20px}.world-detail article>section>p{font-size:16px;line-height:1.95}.artifact-list,.world-route{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.artifact-list div,.world-route a{background:#fff;border-radius:12px;padding:20px}.artifact-list b{display:block;color:var(--persimmon)}.world-route span{font-size:12px;color:var(--lake)}.world-route p{font-size:13px}.craft-intro{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.craft-art{height:230px;border-radius:15px;display:flex;align-items:end;padding:25px}.craft-art span{background:var(--ink);color:white;padding:10px;font-size:11px;letter-spacing:2px}.craft-layout{display:grid;grid-template-columns:230px 1fr;gap:55px;margin-top:60px}.craft-toc{align-self:start;position:sticky;top:15px;border-left:3px solid var(--lake);padding-left:20px}.craft-toc a{display:block;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.craft-toc span{color:var(--persimmon)}.craft-unit{background:#fff;padding:36px;margin-bottom:24px;border-radius:16px;scroll-margin-top:20px}.craft-unit:nth-child(2n){background:#eaf1ed}.craft-unit blockquote{border-left:4px solid var(--persimmon);margin:20px 0;padding:10px 22px;font-size:18px;color:var(--ink)}.craft-unit p{line-height:1.9}.search-form{background:#fff;padding:25px;border-radius:15px;max-width:850px}.search-form label{display:block;margin-bottom:7px}.search-form>div{display:flex;gap:10px}.search-form input{width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px}.search-prompts{padding:45px 0}.search-prompts a,.search-links a{display:inline-block;padding:9px 16px;margin:5px;background:var(--lake-soft);border-radius:10px}.search-results{margin-top:35px}.search-results h3{margin-top:35px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.about-grid section{background:#fff;padding:35px;border-radius:16px}.about-grid span{font-size:24px;font-weight:800;color:var(--persimmon)}.about-note{margin-top:35px;padding:30px;border-top:3px solid var(--lake)}.about-note a{text-decoration:underline;color:var(--lake)}.error{min-height:55vh}@media(max-width:1100px){.mainnav{gap:12px}.logo{font-size:20px}.logo img{width:60px}.explore-layout{grid-template-columns:200px 1fr}.section{padding-top:55px;padding-bottom:55px}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.topbar{min-height:65px}.mainnav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 15px 25px #0002}.mainnav.open{display:flex;flex-direction:column;align-items:stretch}.mainnav.open a{padding:6px 10px}.menu-toggle{display:block;margin-left:auto}.search-shortcut{font-size:24px}.nav-open{overflow:hidden}.trackinner{gap:22px}.hero,.screen-hero,.craft-intro{grid-template-columns:1fr;gap:20px}.hero-text{padding:5px 0}.hero-art{min-height:320px}.category-mosaic,.character-grid{grid-template-columns:repeat(2,1fr)}.world-strip,.curated,.three-columns{grid-template-columns:repeat(2,1fr)}.split-area,.two-col{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:repeat(3,1fr)}.explore-layout,.craft-layout,.world-detail{grid-template-columns:1fr}.filter-panel,.craft-toc,.world-detail aside{position:static}.results-grid{grid-template-columns:repeat(2,1fr)}.screen-hero{grid-template-columns:220px 1fr}.episode-layout{grid-template-columns:1fr}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom));z-index:9}.mobile-bottom a{padding:7px 14px;font-size:13px}.footer{padding-bottom:100px}}@media(max-width:540px){.wrap{width:calc(100% - 32px)}.hero h1{letter-spacing:-1px}.hero-actions{margin:20px 0}.hero-index b{margin-left:0}.hero-art{min-height:280px}.category-mosaic{gap:9px}.genre{padding:12px;min-height:225px}.genre-image{height:70px}.genre h3{font-size:15px}.genre p{font-size:12px}.character-grid,.world-strip,.curated,.three-columns,.world-index,.about-grid,.screen-hero,.artifact-list,.world-route{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:repeat(2,1fr);gap:9px}.results-grid .wide-card{grid-column:span 2}.results-grid .work-card .card-copy{padding:10px}.results-grid .work-card h3{font-size:14px}.results-grid .work-card p{font-size:11px}.film-poster{max-width:270px}.hero-arttext{left:20px;right:20px}.search-form>div{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:span 2}.craft-unit{padding:22px}.page-anchors{gap:15px}.screen-hero{gap:25px}.world-detail{gap:20px}}
