:root{--black:#141416;--dark:#242529;--yellow:#f5c542;--orange:#e99032;--cream:#fff9ef;--ivory:#fbf6eb;--white:#fff;--ink:#26262a;--muted:#65656b;--border:#e7e3dc;--cyan:#4c9eb0;--purple:#8d79c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#a96b0a}p{margin:0 0 17px}h1,h2,h3,h4{line-height:1.3;margin:0 0 17px;font-weight:750}h1{font-size:clamp(28px,3.4vw,44px)}h2{font-size:clamp(23px,2.3vw,29px)}h3{font-size:19px}.shell{max-width:1320px;margin:auto;padding:0 32px}.section{padding-top:55px;padding-bottom:55px}.section-head{margin-bottom:26px;max-width:830px}.section-head p,.page-intro p{color:var(--muted)}.section-heading{margin:32px 0}.eyebrow{display:block;font-size:12px;letter-spacing:2.1px;color:var(--yellow);font-weight:800;margin-bottom:13px}.eyebrow.dark{color:#916214}.center{text-align:center;margin-top:34px}.cream{background:var(--cream)}.dark-section{background:var(--black);color:var(--cream)}.dark-section p{color:#d0cdc5}.site-header{background:var(--black);color:var(--cream);position:relative;z-index:20}.nav-row{min-height:75px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;white-space:nowrap;gap:10px;font-size:20px;font-weight:800}.brand:hover{color:var(--yellow)}.brand-mark{background:var(--yellow);color:#1e1e20;font-size:16px;letter-spacing:-1px;width:38px;height:38px;display:grid;place-items:center;border-radius:9px}.brand-mark span{color:#9e561b}.brand-logo{width:68px;max-height:42px;object-fit:contain}.desktop-nav{display:flex;gap:23px;margin:auto;font-size:14px;font-weight:650}.desktop-nav a:hover{color:var(--yellow)}.quick-search{display:flex;background:#303033;border-radius:10px;overflow:hidden;min-width:210px}.quick-search input{width:136px;background:transparent;border:0;color:white;padding:10px 12px;outline:0}.quick-search button,.menu-open{background:var(--yellow);color:var(--black);border:0;cursor:pointer;font-weight:700;padding:10px 15px}.menu-open{display:none;border-radius:8px}.mobile-drawer{position:fixed;right:0;top:0;bottom:0;width:min(300px,84vw);padding:30px;background:#202023;color:white;z-index:45;display:flex;flex-direction:column;gap:16px;transform:translateX(105%);transition:transform .25s;box-shadow:-10px 0 30px #0003}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer a{padding:7px 10px;border-bottom:1px solid #ffffff25}.menu-close{border:0;background:var(--yellow);padding:10px;font-weight:bold;cursor:pointer}.menu-overlay{position:fixed;inset:0;z-index:40;background:#0009}.mobile-bottom{display:none}.btn{border:0;border-radius:9px;padding:11px 23px;font-weight:800;display:inline-block;cursor:pointer;font-size:15px;line-height:1.5}.btn.yellow{background:var(--yellow);color:var(--black)}.btn.yellow:hover{background:#ffda72}.btn.outline{border:1px solid #b8a879;color:var(--cream)}.btn.dark{background:var(--black);color:white}.text-link{display:inline-block;color:#936112;font-weight:800}.dark-section .text-link{color:var(--yellow)}.hero{background:linear-gradient(135deg,#0f1012,#252426 60%,#423115);color:white}.hero-inner{display:grid;grid-template-columns:47% 53%;min-height:420px;align-items:stretch}.hero-copy{padding:55px 45px 48px 0;align-self:center}.hero-copy h1{font-size:clamp(34px,3.7vw,49px);line-height:1.28}.hero-copy em{color:var(--yellow);font-style:normal}.hero-copy p{color:#d9d6ce;max-width:550px}.hero-copy small{color:#c2b8a8;display:block;margin-top:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-visual{min-height:350px;display:flex;align-items:stretch;padding:22px 0}.hero-picture{width:100%;height:100%;min-height:350px;object-fit:cover;border-radius:22px}.image-missing{background:linear-gradient(138deg,#33302e,#916619 115%);border-radius:15px;color:#fff9e8;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative;padding:20px;font-weight:800;min-height:170px}.image-missing:before{content:"";position:absolute;width:60%;aspect-ratio:1;left:58%;top:-30%;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 140px #ffffff05}.image-missing span{z-index:1;font-size:clamp(18px,2.3vw,33px);line-height:1.4}.genre-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.genre-strip a{background:#f8f5ed;border:1px solid var(--border);padding:14px;border-radius:12px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:start}.genre-strip span{grid-row:span 2;font-size:24px}.genre-strip strong{font-size:15px}.genre-strip small{color:var(--muted);font-size:12px;line-height:1.45}.feature-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.feature-copy{max-width:570px}.feature-copy h2{font-size:clamp(27px,3.2vw,38px)}.feature-media{width:100%;aspect-ratio:16/9;object-fit:cover}.feature-split .feature-media{min-height:300px}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.poster-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 7px 20px #00000008;transition:transform .15s}.poster-card:hover{transform:translateY(-3px)}.poster-image{width:100%;aspect-ratio:2/3;object-fit:cover;min-height:0;border-radius:0}.poster-image.image-missing{background:linear-gradient(130deg,#25252e,#846a47 82%,#9d7d3e);border-radius:0}.poster-info{display:flex;flex-direction:column;gap:5px;padding:15px;line-height:1.48}.poster-info small{color:#977127;font-size:12px}.poster-info strong{font-size:17px}.poster-info>span{font-size:13px;color:var(--muted);line-height:1.6}.editor-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world-tile{display:block;background:var(--ivory);padding:24px;border-left:4px solid var(--orange);border-radius:12px;min-height:210px}.world-tile:nth-child(2){border-color:var(--cyan)}.world-tile:nth-child(3){border-color:var(--purple)}.world-tile strong{font-size:21px}.world-tile p{font-size:14px;color:var(--muted);margin-top:12px}.world-tile span,.theme-card span{color:#926212;font-size:14px;font-weight:800}.step-line{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.step-line>div{border-top:3px solid #dbb144;padding:20px;background:white;border-radius:0 0 12px 12px}.step-line small{color:#9e6713}.step-line p{font-size:14px;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.theme-card{display:block;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.theme-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}.theme-card>div:last-child{padding:20px}.theme-card p{color:var(--muted);font-size:14px}.footer{background:#171719;color:#f3ece2;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer p{font-size:14px;color:#c7c2bb}.footer a{display:block;color:#d4cfc6;font-size:14px;margin-bottom:8px}.footer h4{font-size:15px}.copyright{padding-top:20px;margin-top:20px;border-top:1px solid #ffffff1e;color:#aaa5a0;font-size:12px}#back-to-top{position:fixed;bottom:25px;right:22px;border:0;background:var(--yellow);color:#222;padding:8px 17px;border-radius:10px;font-size:25px;cursor:pointer;box-shadow:0 5px 15px #0002}.page-intro{max-width:920px;margin-bottom:32px}.page-intro h1{margin-bottom:12px}.catalog-layout,.studio-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start}.category-nav,.studio-nav{position:sticky;top:20px;background:#f8f5ee;padding:18px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:7px}.category-nav h2,.studio-nav h2{font-size:19px}.category-nav a,.studio-nav a{font-size:14px;padding:8px 10px;border-radius:8px}.category-nav a.active,.category-nav a:hover,.studio-nav a:hover{background:var(--yellow);color:#171717}.filter-bar,.search-form{display:flex;flex-wrap:wrap;gap:12px;background:#f7f3ec;border-radius:12px;padding:15px;margin-bottom:25px;align-items:center}.filter-bar label{display:flex;align-items:center;gap:8px}.filter-bar select,.search-form select,.search-form input{background:white;border:1px solid #d9d0c0;border-radius:8px;padding:11px;min-height:43px;font:inherit}.search-form input{flex:1;min-width:180px}.catalog-highlight{padding:24px;background:#28282b;color:white;border-radius:14px;margin-bottom:22px}.catalog-highlight p{color:#ddd}.catalog-highlight small{color:var(--yellow)}.catalog-highlight .text-link{color:var(--yellow)}.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}.pagination a{padding:7px 13px;border:1px solid #d8d0c4;border-radius:7px}.pagination a[aria-current]{background:var(--yellow);color:#171717}.empty-state{padding:28px;background:var(--ivory);border-radius:12px}.empty-state a{color:#95621b}.detail-cover{background:linear-gradient(135deg,#141416,#3c3429);color:white;padding:34px 0 45px}.breadcrumb{color:var(--yellow)}.detail-head-grid{display:grid;grid-template-columns:1fr 290px;gap:45px;align-items:center;margin-top:30px}.detail-head-grid h1{font-size:clamp(30px,4vw,47px)}.detail-head-grid p{color:#d4d0ca}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover}.badge-line{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.badge-line span{background:#6c613c;color:#fff;border-radius:7px;font-size:12px;padding:4px 9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}.read-panel{background:white;border:1px solid var(--border);border-radius:13px;padding:28px;margin-bottom:22px;scroll-margin-top:25px}.read-panel p{color:#464349;line-height:1.87}.read-panel h3{margin-top:18px}.muted{color:var(--muted)!important}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.character{background:var(--ivory);padding:19px;border-radius:11px}.character strong{color:#a16b15;font-size:14px}.character p{font-size:14px}.episode-list{display:flex;flex-direction:column;gap:10px}.episode-list details{border:1px solid var(--border);border-radius:10px;overflow:hidden}.episode-list summary{display:flex;align-items:center;gap:15px;padding:16px;cursor:pointer;background:#f8f6f2}.episode-list summary>span{color:#a76d14;white-space:nowrap}.episode-list summary strong{flex:1}.episode-list summary small{font-size:12px;color:var(--muted)}.episode-list details p{padding:16px;margin:0}.info-panel{border:1px solid var(--border);border-radius:13px;padding:22px;margin-bottom:20px;background:#fff9f0}.info-panel h3{font-size:18px}.info-panel dl{display:grid;grid-template-columns:88px 1fr;gap:8px;font-size:14px}.info-panel dt{color:#6b6261}.info-panel dd{margin:0}.related-link{display:block;border-bottom:1px solid var(--border);padding:9px 0;font-weight:700}.related-link small{display:block;font-weight:400;color:var(--muted)}.theme-detail{display:grid;grid-template-columns:44% 1fr;gap:25px;margin-bottom:40px}.wide-theme{width:100%;aspect-ratio:16/10;object-fit:cover}.theme-detail .read-panel{margin:0}.studio-hero{background:#1a1b1f;border-radius:17px;color:white;display:grid;grid-template-columns:1fr 45%;gap:20px;align-items:center;overflow:hidden;margin-bottom:35px}.studio-hero>div:first-child{padding:30px}.studio-hero p{color:#d4d1c9}.studio-image{width:100%;min-height:230px;object-fit:cover;border-radius:0}.studio-content .unit:nth-child(even){border-left:4px solid var(--cyan)}.studio-content .unit:nth-child(odd){border-left:4px solid var(--orange)}.studio-note{background:#e8f5f7;padding:16px;border-radius:9px;font-size:14px}.result-count{color:var(--muted)}.search-item{display:block;border:1px solid var(--border);border-radius:12px;padding:20px;margin:14px 0}.search-item h2{font-size:21px}.search-item p{color:var(--muted);font-size:14px}.search-item small,.search-item span{color:#9e6919;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){.desktop-nav{gap:13px}.quick-search{display:none}.shell{padding:0 24px}}@media(max-width:800px){.desktop-nav{display:none}.menu-open{display:block;margin-left:auto}.shell{padding:0 20px}.hero-inner,.feature-split,.detail-head-grid,.detail-layout,.theme-detail,.studio-hero{grid-template-columns:1fr}.hero-copy{padding:42px 0 12px}.hero-visual{min-height:250px}.hero-picture{min-height:260px}.feature-split{gap:25px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-strip{grid-template-columns:repeat(2,1fr)}.theme-grid,.editor-columns{grid-template-columns:repeat(2,1fr)}.catalog-layout,.studio-layout{grid-template-columns:1fr}.category-nav,.studio-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:5px}.category-nav h2,.studio-nav h2{width:100%}.detail-head-grid>div:last-child{max-width:280px}.detail-aside{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-panel{margin-bottom:0}}@media(max-width:560px){body{font-size:15px}.shell{padding:0 16px}.section{padding-top:33px;padding-bottom:33px}.nav-row{min-height:66px}.hero-copy h1{font-size:32px}.hero-visual{padding:7px 0 28px}.hero-picture{min-height:230px}.poster-grid,.poster-grid.three,.theme-grid,.editor-columns,.step-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster-info{padding:11px}.poster-info strong{font-size:15px}.poster-info>span{font-size:12px}.genre-strip{gap:8px}.genre-strip a{padding:11px;grid-template-columns:26px 1fr}.genre-strip span{font-size:19px}.genre-strip strong{font-size:13px}.genre-strip small{font-size:11px}.feature-split{gap:17px}.feature-split .feature-media{min-height:210px}.editor-columns .world-tile:last-child{grid-column:span 2}.world-tile{min-height:0;padding:15px}.world-tile strong{font-size:18px}.theme-card>div:last-child{padding:13px}.theme-card h2,.theme-card h3{font-size:16px}.theme-card p{font-size:12px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.footer-grid>div:first-child{grid-column:span 2}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#171719;color:white;border-top:1px solid #ffffff23;justify-content:space-around;padding:9px 0 env(safe-area-inset-bottom)}.mobile-bottom a{font-size:14px}body{padding-bottom:49px}#back-to-top{bottom:68px;right:10px}.detail-head-grid>div:last-child{max-width:220px}.detail-aside,.character-grid{grid-template-columns:1fr}.read-panel{padding:20px}.filter-bar{align-items:stretch}.filter-bar label{flex:1}.studio-hero>div:first-child{padding:22px}.studio-image{min-height:160px}.search-form input{min-width:100%;flex-basis:100%}.step-line{grid-template-columns:1fr}.episode-list summary{gap:9px;padding:12px}.episode-list summary strong{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
