:root{--background:#F8F5EF;--paper:#FFFDF8;--persimmon:#C45C36;--lake:#247982;--ink:#203540;--muted:#617078;--border:#DEDCD5;--rose:#B96F80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.76}a{color:inherit;text-decoration:none}a:hover{color:var(--persimmon)}button,input,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.26;letter-spacing:-.025em}h1{font-size:clamp(29px,4vw,44px)}h2{font-size:clamp(23px,2.5vw,28px)}h3{font-size:19px}p{color:#40515B}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:100}.site-header{background:var(--paper);position:relative;z-index:10;border-bottom:1px solid var(--border)}.topbar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:23px;line-height:1.05;font-weight:850;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:7px;color:var(--lake)}.brand .accent{color:var(--persimmon)}.logo{max-width:120px;max-height:45px;object-fit:contain}.desktop-nav{display:flex;gap:clamp(12px,2vw,30px);font-size:14px;font-weight:600}.desktop-nav a{padding:23px 0;border-bottom:3px solid transparent}.desktop-nav a.active{border-color:var(--persimmon);color:var(--persimmon)}.topic-strip{border-top:1px solid #eae6df}.strip-inner{display:flex;gap:29px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.strip-inner a{padding:12px 0;font-size:13px;color:var(--lake)}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;cursor:pointer}.mobile-menu{padding:16px 32px;background:white;box-shadow:0 15px 25px #14273318}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:9px 0}.mobile-bottom{display:none}.eyebrow{display:block;font-size:11px;letter-spacing:.19em;color:var(--persimmon);font-weight:800;text-transform:uppercase;margin-bottom:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:415px;margin-top:26px;border-radius:20px;overflow:hidden;background:#eee8dc}.hero-copy{padding:clamp(24px,4vw,58px);align-self:center}.hero h1{font-size:clamp(31px,4vw,48px)}.hero i{color:var(--persimmon);font-style:normal}.hero p{max-width:490px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.hero-copy small{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--persimmon);color:white;padding:10px 19px;border:1px solid var(--persimmon);border-radius:11px;font-weight:700;cursor:pointer;min-height:44px}.btn:hover{background:#9C4026;color:white}.btn.secondary{background:transparent;color:var(--ink);border-color:#9ca7a2}.btn.secondary:hover{color:var(--persimmon)}.hero-visual{position:relative;min-height:370px;background:linear-gradient(140deg,#247982,#203540)}.hero-image{height:100%;width:100%;object-fit:cover}.hero-label{position:absolute;bottom:20px;left:20px;right:20px;background:#fffdf8ed;padding:15px;border-radius:11px;display:flex;gap:15px;font-size:13px}.hero-label b{color:var(--persimmon)}.image-fallback{display:grid;place-items:center;background:linear-gradient(140deg,#cee3db,#e8dcc9 55%,#bbcdca);color:#355e60;min-height:180px;text-align:center}.image-fallback span{font-size:13px;letter-spacing:.16em;font-weight:800;max-width:150px}.section{margin-block:64px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:14px;margin-bottom:4px}.section-heading>a{color:var(--lake);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{position:relative;background:#fff;border-radius:15px;overflow:hidden;border-bottom:4px solid var(--tile)}.category-image{width:100%;aspect-ratio:16/9;object-fit:cover;min-height:0}.category-tile>div:last-child{padding:15px}.category-tile small{color:var(--tile)}.category-tile h3{margin:3px 0 8px}.category-tile p{font-size:13px;margin-bottom:0}.world-preview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.world-preview a{padding:28px;min-height:240px;background:#E3F1EF;border-radius:14px}.world-preview a:nth-child(2){background:#F8EAF0}.world-preview a:nth-child(3){background:#F8EFDB}.world-preview a span,.world-preview a b{font-size:12px;color:var(--lake)}.world-preview h3{margin-top:25px}.world-preview p{font-size:14px}.relation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.relation-grid a{padding:22px;background:white;border:1px solid var(--border);border-radius:13px}.relation-grid small{color:var(--lake)}.relation-grid h3{font-size:24px;margin:14px 0}.relation-grid p{font-size:14px}.relation-grid span{color:var(--persimmon);font-weight:600}.film-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.film-strip>*{scroll-snap-align:start}.work-card{display:block;background:#fff;border-radius:13px;overflow:hidden;border:1px solid #eee8e1}.work-card .poster{width:100%;aspect-ratio:2/3;object-fit:cover}.card-copy{display:grid;gap:8px;padding:14px}.card-copy small{color:var(--lake)}.card-copy strong{font-size:18px}.card-copy>span{font-size:13px;color:#52636a;line-height:1.6}.card-copy em{font-style:normal;color:var(--persimmon);font-size:12px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-panel{padding:clamp(24px,4vw,45px);border-radius:18px;min-height:370px}.feature-panel.dark{background:#203540;color:white}.feature-panel.dark p{color:#d3e4e6}.feature-panel.soft{background:#E3F1EF}.feature-panel>a{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #8b9d9d44}.feature-panel>a span{font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.animation-showcase{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps>div{padding:20px;background:#fff;border-left:3px solid var(--lake);min-height:160px}.steps b{color:var(--persimmon)}.steps h3{margin:16px 0 8px}.steps p{font-size:13px}.curator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.curator-grid>a{padding:32px;background:#f0e9de;border-radius:14px}.curator-grid>a:nth-child(2){background:#e4efed}.curator-grid>a:nth-child(3){background:#eeeaf2}.curator-grid small{color:var(--persimmon)}.page-intro{padding:58px 0 36px;max-width:960px}.page-intro p{max-width:770px}.filter-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.filter-chips a{padding:7px 13px;border:1px solid var(--border);border-radius:30px;font-size:13px;background:white}.filter-chips a.selected{background:var(--lake);color:white;border-color:var(--lake)}.catalog-layout{display:grid;grid-template-columns:225px 1fr;gap:30px;margin:22px 0 75px}.filter-sidebar{background:#fff;padding:22px;border:1px solid var(--border);border-radius:15px;align-self:start}.filter-sidebar h2{font-size:20px}.filter-sidebar label{display:block;margin-top:16px;font-size:14px;font-weight:650}.filter-sidebar select{display:block;width:100%;padding:9px;margin:7px 0 18px;border:1px solid var(--border);border-radius:7px;background:white}.filter-sidebar a{display:block;font-size:13px;margin-top:12px}.result-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.result-heading h2 small{font-size:13px;color:var(--muted)}.result-heading p{font-size:13px}.pagination{display:flex;gap:8px;justify-content:center;margin:30px}.pagination a{padding:8px 15px;border:1px solid var(--border);border-radius:8px}.pagination [aria-current=page]{background:var(--lake);color:white}.breadcrumbs{padding:25px 0;color:var(--muted);font-size:13px}.detail-hero{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:40px;align-items:start;background:white;padding:30px;border-radius:18px}.detail-poster .poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.detail-intro h1{margin-bottom:17px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tags span{padding:4px 11px;border-radius:15px;background:#E3F1EF;color:#175860;font-size:12px}.detail-intro p{line-height:1.85}.detail-note,.media-note{padding:16px;border-radius:10px;background:#f1eee7;font-size:13px;color:#556269}.detail-columns{display:grid;grid-template-columns:1fr 230px;gap:35px;margin:35px 0 90px}.detail-content section{background:white;padding:30px;border-radius:14px;margin-bottom:19px;scroll-margin-top:30px}.people{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.people>div{padding:15px 25px;background:#e4efed;border-radius:10px}.people small{display:block;color:var(--muted)}.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.episode-grid a{display:flex;gap:10px;background:#f7f5f0;padding:12px;border-radius:8px;font-size:13px}.episode-grid a.selected{background:#E3F1EF;border:1px solid var(--lake)}.episode-grid b{color:var(--persimmon)}.episode-detail{margin:18px 0;padding:22px;background:#f1f5f3;border-left:4px solid var(--lake)}.video-player{width:100%;aspect-ratio:16/9;background:#142733}.sticky-aside{position:sticky;top:20px;background:#fff;padding:24px;border-radius:13px}.sticky-aside h3{font-size:16px;margin-top:16px}.sticky-aside a{display:block;padding:8px 0;border-bottom:1px solid #eee;font-size:14px}.atlas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:80px}.atlas-item{padding:36px;min-height:230px;border-radius:15px;background:#e4efed}.atlas-item:nth-child(4n+2){background:#f8eaf0}.atlas-item:nth-child(4n+3){background:#f8efdb}.atlas-item:nth-child(4n+4){background:#f0ecf5}.atlas-item span,.atlas-item b{font-size:12px;color:var(--lake)}.atlas-item h2{margin:22px 0 15px}.atlas-item p{font-size:14px}.world-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:25px}.world-rule{background:#203540;color:white;padding:35px;border-radius:14px}.world-rule p{color:#d1e0e2}.world-timeline{background:white;padding:30px;border-radius:14px}.timeline-entry{display:block;padding:22px;border-left:3px solid var(--lake);margin:15px 0;background:#f5f6f2}.timeline-entry small,.timeline-entry span{color:var(--persimmon)}.world-back{margin:35px 0 70px}.craft-layout{display:grid;grid-template-columns:230px 1fr;gap:32px;margin-bottom:85px}.craft-index{align-self:start;position:sticky;top:20px;padding:22px;background:#e4efed;border-radius:12px}.craft-index h2{font-size:19px}.craft-index a{display:block;padding:9px 0;border-bottom:1px solid #a8c8c4}.craft-index small{color:var(--persimmon);margin-right:12px}.craft-unit{padding:35px;background:white;border-radius:13px;margin-bottom:15px;scroll-margin-top:22px}.craft-unit:nth-child(even){background:#f2eee7}.craft-unit p{white-space:normal}.search-form{display:flex;gap:10px;margin-top:30px}.search-form input{flex:1;min-width:0;padding:12px 18px;border:1px solid var(--border);border-radius:10px}.search-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.search-links a{padding:15px;background:white;border-radius:9px}.empty{text-align:center;padding:50px 20px;background:white;border-radius:15px}.about-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:80px}.about-layout section{background:white;padding:35px;border-radius:14px}.footer{background:#203540;color:#f1f5f2;margin-top:70px;padding:46px 0 15px}.footer p{color:#c3d0d1;font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-content:start}.footer-grid a{padding:6px 0;font-size:14px}.footer-bottom{border-top:1px solid #506670;padding-top:18px;margin-top:28px;color:#aabfc2;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #247982;outline-offset:3px}@media(max-width:1024px){.desktop-nav{gap:12px;font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.relation-grid{grid-template-columns:repeat(2,1fr)}.animation-showcase{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){body{padding-bottom:59px}.container{width:calc(100% - 34px)}.topbar{min-height:68px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;z-index:20;justify-content:space-around;box-shadow:0 -2px 12px #0002}.mobile-bottom a{font-size:13px;padding:16px 10px}.hero{grid-template-columns:1fr}.hero-visual{min-height:230px;order:-1}.hero-copy{padding:27px}.hero h1{font-size:30px}.section{margin-block:42px}.section-heading{align-items:start;flex-direction:column;gap:8px}.category-grid{gap:10px}.category-tile>div:last-child{padding:12px}.category-tile h3{font-size:17px}.world-preview,.split,.curator-grid,.atlas-grid,.world-detail,.about-layout{grid-template-columns:1fr}.relation-grid{grid-template-columns:1fr 1fr}.relation-grid a{padding:15px}.work-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-copy{padding:12px}.card-copy strong{font-size:16px}.steps{grid-template-columns:repeat(2,1fr)}.catalog-layout,.detail-columns,.craft-layout{grid-template-columns:1fr}.filter-sidebar{position:static}.result-heading{display:block}.detail-hero{grid-template-columns:1fr;padding:19px;gap:22px}.detail-poster{width:min(240px,65%);margin:auto}.detail-content section{padding:20px}.detail-aside{display:none}.episode-grid{grid-template-columns:repeat(2,1fr)}.search-form{flex-direction:column}.search-links{grid-template-columns:1fr}.footer-grid{flex-direction:column}.page-intro{padding:35px 0 22px}.craft-index{position:static}.craft-unit{padding:22px}.strip-inner{gap:20px}}@media(max-width:359px){.relation-grid,.steps{grid-template-columns:1fr}.brand{font-size:20px}.work-grid.three{grid-template-columns:1fr 1fr}.card-copy>span{display:none}}