:root{--black:#141416;--deep:#0F1012;--soft:#242529;--charcoal:#34363A;--yellow:#F5C542;--yellow-bright:#FFD65A;--orange:#E99032;--cream:#FFF9EF;--ivory:#FBF6EB;--surface:#FFFFFF;--softsurface:#F7F4EE;--coral:#D97565;--purple:#8D79C7;--cyan:#4C9EB0;--mint:#65AC93;--title:#26262A;--body:#404046;--muted:#65656B;--border:#E7E3DC;--darktext:#FFF9EB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--body);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}body.menu-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.3;letter-spacing:-.02em}h1{font-size:clamp(28px,4vw,46px)}h2{font-size:clamp(23px,2.7vw,29px)}h3{font-size:19px}p{line-height:1.78}.wrap{width:min(100% - 64px,1290px);margin-inline:auto}.section{padding-top:54px;padding-bottom:54px}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.13em;color:#996211;margin-bottom:12px}.eyebrow.warm{color:var(--yellow)}.muted{color:var(--muted)}.site-header{height:76px;background:var(--black);color:#fff;position:relative;z-index:35}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);color:#171717;border-radius:13px;font-size:26px}.brand-img{width:116px;max-height:44px;object-fit:contain}.brand b{display:block;color:#fff;font-size:19px;letter-spacing:.07em}.brand small{display:block;font-size:10px;color:#c8c8c8;line-height:1.45}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px;white-space:nowrap}.desktop-nav a{font-size:14px;color:#e7e6e0}.desktop-nav a:hover,.footer a:hover{color:var(--yellow)}.header-actions{display:flex;align-items:center;gap:14px}.search-short{font-size:33px;line-height:1;color:var(--yellow)}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}.mobile-drawer,.menu-mask{display:none}.hero{background:radial-gradient(circle at 83% 22%,#4a3328 0,transparent 35%),linear-gradient(130deg,#151517,#242529 55%,#0f1012);color:var(--darktext);padding:50px 0 60px}.hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:28px}.hero-copy h1{color:white;font-size:clamp(35px,4.2vw,60px);font-weight:850;line-height:1.14;max-width:650px}.hero-copy em{font-style:normal;color:var(--yellow)}.hero-copy p{font-size:16px;color:#e4ded2;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;background:var(--yellow);color:#171719;border:1px solid var(--yellow);border-radius:11px;font-weight:800;font-size:14px;text-align:center}.btn:hover{background:var(--yellow-bright)}.btn.ghost{background:transparent;color:#fff;border-color:#817d76}.hero-facts{display:flex;flex-wrap:wrap;gap:18px;color:#d2c9b8;font-size:12px}.hero-art{position:relative;min-width:0}.hero-media{height:380px;border-radius:22px;background:linear-gradient(135deg,#4b3028 5%,#202a36 51%,#6d4c1f);overflow:hidden;position:relative}.media img,.hero-media img,.poster img,.feature-art img,.mosaic-art img,.theme-art img,.studio-art img,.world-art img,.detail-poster img,.theme-cover img,.reason-poster img,.studio-wide img{width:100%;height:100%;object-fit:contain}.hasphoto{background:#161616}.emptyphoto{background:linear-gradient(128deg,#33343b 5%,#8e6738 62%,#24272c);position:relative;overflow:hidden}.light-orb{position:absolute;width:65%;aspect-ratio:1;left:40%;top:-35%;background:radial-gradient(circle,rgba(247,198,71,.35),transparent 68%);filter:blur(22px)}.hero-label{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(13,14,15,.87);backdrop-filter:blur(10px);border-radius:12px;padding:12px 18px;display:flex;gap:10px;flex-direction:column}.hero-label span{font-size:12px;color:var(--yellow)}.hero-label b{color:white;font-size:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:23px}.section-head h2{margin:0}.section-head p{max-width:430px;font-size:14px;margin:0;color:var(--muted)}.text-link{font-size:14px;font-weight:800;color:#81550d;display:inline-flex;padding:6px 0}.type-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.type-strip a{background:white;border:1px solid var(--border);border-radius:13px;padding:16px;min-height:125px}.type-strip span{display:inline;font-size:23px}.type-strip b{display:inline;margin-left:8px;font-size:15px;color:#28272a}.type-strip small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.ivory-block{background:var(--ivory)}.cream-block{background:#F4ECE0}.feature-grid{display:grid;grid-template-columns:50% 1fr;gap:52px;align-items:center}.feature-grid.inverse{grid-template-columns:1fr 48%}.feature-grid p{max-width:600px}.feature-art{height:340px;border-radius:19px;overflow:hidden;background:linear-gradient(125deg,#302f3b,#9e7044)}.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.poster-card{display:block;min-width:0;padding-bottom:16px}.poster{aspect-ratio:2/3;border-radius:13px;overflow:hidden;margin-bottom:13px;background:linear-gradient(150deg,#252736,#7b4a48,#b88338)}.poster-card .eyebrow{font-size:11px;margin-bottom:5px}.poster-card h3{font-size:17px;margin-bottom:7px}.poster-card p{font-size:13px;line-height:1.55;margin-bottom:7px}.small-meta{font-size:11px;color:#706a63}.dark-band{background:var(--black);color:#ebe6da}.dark-band h2{color:white}.dark-band p{color:#d3cec5}.split-list{display:grid;grid-template-columns:42% 1fr;gap:60px;align-items:center}.dark-list,.mini-list{display:flex;flex-direction:column;gap:10px}.dark-list a{border-bottom:1px solid #4d4945;padding:16px}.dark-list b,.mini-list b{display:block;font-size:17px}.dark-list small,.mini-list small{display:block;color:#c4bdb2;margin-top:3px}.mini-list a{padding:15px 0;border-bottom:1px solid var(--border)}.mini-list small{color:var(--muted)}.mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.mosaic-item{min-width:0}.mosaic-art{height:270px;border-radius:14px;overflow:hidden;margin-bottom:12px}.mosaic-item:first-child .mosaic-art{height:330px}.mosaic-item p{font-size:13px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rule-grid a{background:white;padding:25px;border-radius:15px;border-left:4px solid var(--yellow)}.rule-grid p{font-size:14px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline a{display:flex;gap:16px;padding:20px;background:#26272b;border-radius:14px}.timeline strong{font-size:30px;color:var(--yellow)}.timeline b{color:white}.timeline p{font-size:13px;color:#d5d0c9;margin-top:7px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.theme-art{height:185px;border-radius:12px;overflow:hidden;margin-bottom:15px}.theme-grid p{font-size:14px}.studio-preview{display:grid;grid-template-columns:50% 1fr;gap:30px}.studio-art{height:350px;border-radius:16px;overflow:hidden}.studio-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-steps a{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff}.studio-steps b{display:block}.studio-steps span{display:block;font-size:13px;color:var(--muted);margin-top:10px}.ending{background:linear-gradient(100deg,#ead7ad,#fff0bc)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action-grid a{font-size:20px;font-weight:800;background:rgba(255,255,255,.72);padding:26px;border-radius:13px}.action-grid span{display:block;font-size:12px;color:#726651;font-weight:400}.footer{background:#171719;color:#edece6;padding:54px 0 18px}.foot-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.foot-grid p{font-size:13px;color:#bab8af}.foot-grid b{display:block;margin-bottom:14px}.foot-grid a{display:block;font-size:13px;color:#d4d0c8;margin:6px 0}.footbrand{color:var(--yellow)}.foot-end{border-top:1px solid #3b3b40;padding-top:15px;margin-top:28px;font-size:12px;color:#c6c0b8}.bottom-nav{display:none}.to-top{position:fixed;right:20px;bottom:20px;background:#242427;color:var(--yellow);border:0;border-radius:50%;width:42px;height:42px;box-shadow:0 6px 16px #0003;z-index:15}.page-banner{background:linear-gradient(110deg,#171719,#3c302b);color:white;padding:56px 0}.page-banner h1{color:white;margin-bottom:10px}.page-banner p{max-width:850px;color:#e1dcd2;margin:0}.count-pill{display:inline-block;background:var(--yellow);color:#1e1c1b;font-size:12px;font-weight:800;padding:6px 12px;border-radius:20px;margin-top:18px}.catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px}.catalog-sidebar,.studio-index,.about-index{align-self:start;background:white;border:1px solid var(--border);border-radius:13px;padding:14px;display:flex;flex-direction:column;position:sticky;top:15px}.catalog-sidebar b,.studio-index b,.about-index b{padding:8px 12px}.catalog-sidebar a,.studio-index a,.about-index a{padding:10px 12px;border-radius:8px;font-size:13px}.catalog-sidebar a.active,.studio-index a.active{background:#fae9b0;color:#453000;font-weight:800}.filter-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;padding:17px;border-radius:13px;margin-bottom:20px}.filter-form label{font-size:13px}.filter-form select,.search-fields select,.search-fields input{display:block;padding:11px;border:1px solid #c4c0bb;border-radius:8px;background:white;min-height:44px}.filter-form a{font-size:13px;padding:12px}.small-btn{min-height:44px}.catalog-editor{background:#fff6df;padding:25px;border-radius:14px;margin-bottom:23px}.catalog-editor b{display:block;font-size:21px}.catalog-editor p{font-size:14px;margin:8px 0 0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:white;border:1px solid var(--border)}.pagination a[aria-current]{background:var(--yellow);font-weight:800}.empty-results{padding:32px;background:white;border-radius:13px}.detail-hero{background:linear-gradient(125deg,#161719,#3b302a);color:#e8e4dd;padding:50px 0}.detail-grid{display:grid;grid-template-columns:270px 1fr;gap:50px;align-items:center}.detail-poster{aspect-ratio:2/3;max-height:405px;border-radius:15px;overflow:hidden}.detail-hero h1{color:white}.detail-tagline{font-size:18px;color:#f5e5bd}.crumb{font-size:12px;color:#d0cdc6;margin-bottom:25px}.detail-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detail-pills span{background:#37383c;border:1px solid #585452;border-radius:20px;padding:6px 12px;font-size:12px}.detail-hero .btn{margin-top:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(220px,1fr);gap:40px}.read-block{background:white;border:1px solid var(--border);border-radius:16px;padding:30px;margin-bottom:22px;scroll-margin-top:20px}.read-block p{font-size:16px}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.character-grid>div{background:var(--softsurface);padding:21px;border-radius:12px}.character-initial{display:grid;place-items:center;width:48px;height:48px;background:#e6d7b5;border-radius:50%;font-weight:800}.aside-box{background:white;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.aside-box b{display:block;margin-bottom:14px}.aside-box dl{display:grid;grid-template-columns:100px 1fr;font-size:13px;gap:10px}.aside-box dt{color:var(--muted)}.aside-box dd{margin:0}.side-link{display:block;padding:9px 0;border-top:1px solid var(--border);font-size:13px}.episodes details{border-bottom:1px solid var(--border);padding:12px 0;scroll-margin-top:10px}.episodes summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.episodes summary::-webkit-details-marker{display:none}.episodes summary>span:first-child{font-size:12px;color:#9b6311;font-weight:800;white-space:nowrap}.episodes summary b{font-size:15px;flex:1}.episode-state{font-size:11px;background:#fff0c7;border-radius:20px;padding:5px 10px;white-space:nowrap}.episode-body{padding:12px 5px 6px}.worlds-banner{background:linear-gradient(105deg,#17171e,#4a3440)}.worlds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.world-card{display:grid;grid-template-columns:40% 1fr;background:white;border-radius:17px;overflow:hidden;border:1px solid var(--border)}.world-art{height:100%;min-height:215px}.world-card>div:last-child{padding:22px}.world-card p{font-size:13px}.worlds-note{margin-top:45px;background:#f0e7d8;border-radius:13px;padding:32px}.theme-detail{display:grid;grid-template-columns:40% 1fr;gap:32px;align-items:start;margin-bottom:45px}.theme-cover{min-height:320px;border-radius:17px;overflow:hidden}.theme-detail p{font-size:16px}.theme-reasons{display:flex;flex-direction:column;gap:16px}.theme-reasons>a{display:grid;grid-template-columns:150px 1fr;background:white;border-radius:14px;overflow:hidden;gap:23px;align-items:center}.reason-poster{height:185px}.theme-reasons a>div:last-child{padding:16px 20px 16px 0}.theme-reasons p{font-size:14px;margin-bottom:8px}.theme-reasons small{color:#8a5e19}.studio-banner{background:linear-gradient(100deg,#171719,#234550)}.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.studio-top{display:grid;grid-template-columns:45% 1fr;gap:25px;align-items:center;margin-bottom:28px}.studio-wide{height:250px;border-radius:13px;overflow:hidden}.chapter-card{background:white;border:1px solid var(--border);border-radius:15px;padding:31px;margin-bottom:22px}.chapter-card h3{font-size:17px;color:#976921}.chapter-card p{font-size:15px}.about-layout{display:grid;grid-template-columns:210px 1fr;gap:38px}.about-body section{padding:28px 32px;background:white;border-radius:14px;margin-bottom:16px;scroll-margin-top:15px}.about-body h2{font-size:23px}.search-form{background:white;border:1px solid var(--border);padding:24px;border-radius:15px}.search-form label{display:block;font-weight:700;margin-bottom:10px}.search-fields{display:grid;grid-template-columns:1fr 180px auto;gap:12px}.search-count{margin-top:30px}.search-intro{background:#f1e7d3;padding:38px;margin-top:24px;border-radius:14px}.search-results{display:flex;flex-direction:column;gap:12px;margin-top:25px}.search-results a{display:block;background:white;border-radius:13px;border:1px solid var(--border);padding:21px}.search-results p{font-size:14px;margin-bottom:0}.search-results h3{margin-bottom:8px}.poster-card:hover h3,.text-link:hover,.world-card:hover h3,.theme-grid a:hover h3{color:#a66e16}
@media(max-width:1050px){.desktop-nav{gap:12px}.brand{min-width:180px}.wrap{width:min(100% - 44px,1290px)}.hero-grid{grid-template-columns:1fr 1fr}.hero-media{height:310px}.poster-grid{gap:15px}.world-card{grid-template-columns:1fr}.world-art{height:170px;min-height:0}.split-list{gap:30px}}
@media(max-width:780px){.desktop-nav{display:none}.menu-btn{display:block}.header-actions{margin-left:auto}.menu-mask{display:block;position:fixed;inset:0;background:#0009;z-index:38}.menu-mask[hidden]{display:none}.mobile-drawer{position:fixed;display:flex;flex-direction:column;top:0;right:0;bottom:0;width:min(82vw,330px);background:#1a1a1c;z-index:39;padding:75px 24px 24px;transform:translateX(110%);transition:transform .23s;color:white;box-shadow:-10px 0 26px #0005}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer a{padding:14px;border-bottom:1px solid #373638}.menu-close{position:absolute;right:21px;top:17px;color:white;background:transparent;border:0;font-size:32px}.hero-grid{grid-template-columns:1fr}.hero-media{height:300px}.hero{padding:38px 0}.type-strip{grid-template-columns:repeat(2,1fr)}.feature-grid,.feature-grid.inverse,.split-list,.studio-preview,.detail-layout,.about-layout,.studio-layout,.catalog-layout,.theme-detail{grid-template-columns:1fr}.catalog-sidebar,.studio-index,.about-index{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap;gap:5px}.catalog-sidebar b,.studio-index b,.about-index b{display:none}.catalog-sidebar a,.studio-index a,.about-index a{flex:0 0 auto;background:white;border:1px solid var(--border)}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-grid{grid-template-columns:repeat(2,1fr)}.mosaic{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;z-index:25;background:#19191b;border-top:1px solid #444;justify-content:space-around;align-items:center;color:white}.bottom-nav a{font-size:12px;padding:12px}.to-top{bottom:72px}body{padding-bottom:60px}.section{padding-top:38px;padding-bottom:38px}.theme-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:190px 1fr;gap:25px}.detail-poster{max-height:300px}.worlds-grid{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{width:min(100% - 34px,1290px)}.site-header{height:70px}.brand b{font-size:17px}.brand small{font-size:9px}.hero-copy h1{font-size:35px}.hero-copy p{font-size:15px}.hero-media{height:230px}.hero-facts{gap:10px}.section-head{align-items:start;flex-direction:column;gap:10px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.poster-card h3{font-size:15px}.poster-card p{font-size:12px}.poster{margin-bottom:8px}.type-strip{gap:8px}.type-strip a{padding:12px;min-height:110px}.feature-art{height:245px}.mosaic{grid-template-columns:1fr 1fr;gap:10px}.mosaic-item:first-child{grid-column:span 2}.mosaic-item:first-child .mosaic-art{height:230px}.mosaic-art{height:180px}.mosaic-item h3{font-size:16px}.rule-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr}.studio-steps{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.foot-grid{gap:20px}.page-banner{padding:38px 0}.detail-grid{grid-template-columns:1fr}.detail-poster{height:285px;width:195px}.read-block{padding:21px}.character-grid{grid-template-columns:1fr}.detail-pills span{font-size:11px}.theme-reasons>a{grid-template-columns:100px 1fr;gap:12px}.reason-poster{height:165px}.theme-reasons a>div:last-child{padding:10px 10px 10px 0}.theme-reasons h3{font-size:16px}.theme-reasons p{font-size:12px}.search-fields{grid-template-columns:1fr}.search-form{padding:16px}.chapter-card,.about-body section{padding:22px}.episode-state{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}