:root{--yellow:#FFC83D;--yellow-soft:#FFF0B5;--yellow-pale:#FFF9E9;--orange:#F58A24;--orange-deep:#C65B0C;--orange-soft:#FFE1BD;--gold:#DEA447;--gold-light:#F5D99F;--coral:#E97866;--purple:#9787D8;--purple-light:#F0EDFF;--blue:#76ACC9;--blue-light:#EBF6FA;--mint:#72B9A1;--mint-light:#EDF8F3;--background:#FFFDF8;--surface:#fff;--surface-warm:#FFF8EC;--title:#292826;--body:#403D38;--muted:#706B62;--border:#EAE5DC;--divider:#F0ECE5;--dark:#242426;--dark-soft:#343337;--footer-text:#F8F5EC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(29px,4vw,48px)}h2{font-size:clamp(24px,2.4vw,32px)}h3{font-size:19px}p{line-height:1.85}a{color:inherit;text-decoration:none}a:hover{color:var(--orange-deep)}button,input{font:inherit}button{cursor:pointer}.container{width:min(100% - 64px,1300px);margin:auto}.skip{position:absolute;transform:translateY(-200%);z-index:50}.skip:focus{transform:none;background:white}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--orange-deep)}.small,small{font-size:13px;color:var(--muted)}.site-header{position:relative;background:#fff;border-bottom:1px solid var(--border);z-index:10}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{background:var(--yellow);color:var(--dark);width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:25px;font-weight:900}.brand strong{display:block;color:var(--title);font-size:21px;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:.1em}.desktop-nav{display:flex;gap:27px;font-size:14px;font-weight:700;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px}.quick-search{display:flex;background:var(--yellow-pale);border-radius:50px;padding:4px}.quick-search input{border:0;outline:0;background:transparent;width:140px;padding-left:12px;font-size:13px}.quick-search button{border:0;background:var(--yellow);border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1}.menu-toggle{display:none;background:transparent;border:0;font-size:25px}.category-strip{border-bottom:1px solid var(--border);background:var(--surface-warm)}.cat-inner{display:flex;overflow-x:auto;white-space:nowrap;gap:28px;scrollbar-width:thin}.cat-inner a{padding:12px 0;font-size:13px;color:#5e5343;font-weight:650}.mobile-menu{position:absolute;right:16px;top:76px;width:min(300px,90vw);padding:18px;background:white;box-shadow:0 18px 40px #0002;border:1px solid var(--border);border-radius:18px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:10px;border-bottom:1px solid var(--divider)}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 23px;min-height:44px;background:var(--yellow);border:1px solid var(--yellow);border-radius:12px;color:#272423;font-size:14px;font-weight:800;line-height:1.3;white-space:nowrap}.btn:hover{background:#ffb622;color:#272423}.btn-ghost{background:white;border-color:#ddc89b}.btn-dark{background:var(--dark);border-color:var(--dark);color:white}.actions{display:flex;flex-wrap:wrap;gap:12px}.text-link{font-size:14px;font-weight:800;color:var(--orange-deep);display:inline-block;margin-top:12px}.section{padding:77px 0}.section.compact{padding-top:40px}.section.tight{padding:35px 0}.section.slim{padding:30px 0 80px}.section-head{margin-bottom:29px;max-width:770px}.section-head h2{margin:7px 0}.section-head p{color:var(--muted);margin:0}.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:45px;padding-top:55px;padding-bottom:43px}.hero-copy h1{font-size:clamp(32px,4vw,48px);margin:15px 0}.hero-copy>p{color:#645e54;max-width:540px}.hero-metrics{display:flex;gap:23px;margin-top:36px;flex-wrap:wrap}.hero-metrics span{font-size:12px;color:#716a61}.hero-metrics strong{display:block;font-size:28px;color:#302e2a;line-height:1.3}.hero-art{position:relative;height:390px;overflow:hidden;border-radius:23px;background:linear-gradient(140deg,#f8d680,#f2a15c 52%,#74629d)}.hero-art>.media-fallback{height:100%;background:radial-gradient(circle at 70% 40%,#ffdf82 0,transparent 43%),linear-gradient(130deg,#edb557,#ca7667 58%,#786ea9);display:flex;align-items:center;justify-content:center}.hero-art .media-fallback span{font-size:40px;font-weight:900;color:#332316;max-width:70%;text-align:center}.hero-caption{position:absolute;bottom:20px;left:20px;background:#fffdf0e8;border-radius:9px;padding:8px 12px;color:#322815;font-weight:700;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-grid a{display:flex;flex-direction:column;position:relative;min-height:125px;padding:19px;border:1px solid var(--border);border-radius:15px;background:white}.category-grid a:nth-child(4n+2){background:var(--purple-light)}.category-grid a:nth-child(4n+3){background:var(--blue-light)}.category-grid a:nth-child(4n+4){background:var(--mint-light)}.category-grid strong{color:var(--title);font-size:18px}.category-grid span{font-size:13px;color:var(--muted)}.category-grid b{position:absolute;right:16px;bottom:13px;color:var(--orange-deep)}.spotlight-layout{display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:22px;padding:25px}.spotlight-img{height:430px;overflow:hidden;border-radius:15px;background:#4b5163}.spotlight-copy{padding:12px 30px 12px 0}.spotlight-copy p{max-width:630px}.poster{display:block;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e8c178,#72576b)}.poster img{transition:transform .25s}.poster:hover img{transform:scale(1.035)}.media-fallback{height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(140deg,#f7cf85,#e8947b 57%,#8776a3);color:#392c2b;text-align:center}.media-fallback span{font-size:20px;font-weight:900;line-height:1.4}.work-card:nth-child(4n+2) .media-fallback{background:linear-gradient(140deg,#b9d8e9,#809abf,#7e789d)}.work-card:nth-child(4n+3) .media-fallback{background:linear-gradient(140deg,#ffdeb3,#d0a3a7,#937e86)}.work-card:nth-child(4n+4) .media-fallback{background:linear-gradient(140deg,#bde3c9,#a8c8bf,#ddbd74)}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.card-info{padding:13px 1px}.card-info h3{margin:5px 0 7px}.card-info p{font-size:13px;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.wide-band{background:var(--yellow-pale);padding:75px 0}.band-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.band-grid p{max-width:580px}.quote-panel{padding:38px;background:white;border-left:5px solid var(--yellow);border-radius:18px}.quote-panel span{color:var(--orange-deep);font-weight:bold;font-size:13px}.quote-panel blockquote{margin:16px 0;font-size:25px;font-weight:850;line-height:1.6;color:#332e2b}.theme-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:white;border:1px solid var(--border);border-radius:20px;padding:18px}.theme-image{aspect-ratio:16/9;overflow:hidden;border-radius:12px}.theme-feature>div:last-child{padding-right:25px}.micro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.micro-card{padding:20px;background:var(--surface-warm);border:1px solid var(--border);border-radius:15px}.micro-card span,.micro-card small{display:block;font-size:12px;color:var(--muted)}.micro-card strong{display:block;color:var(--title);margin:8px 0}.portrait-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portrait-columns article{padding:26px;background:white;border-top:4px solid var(--orange);border-radius:12px;box-shadow:0 8px 30px #00000007}.portrait-columns article:nth-child(2){border-color:var(--purple)}.portrait-columns article:nth-child(3){border-color:var(--blue)}.lab-band{background:var(--dark);color:#e8e3db;padding:66px 0}.lab-band h2{color:white}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lab-image{height:280px;overflow:hidden;border-radius:20px}.article-teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-teasers>a{background:white;padding:27px;border:1px solid var(--border);border-radius:15px}.article-teasers h3{margin:8px 0}.article-teasers b{color:var(--orange-deep);font-size:13px}.discovery{background:var(--yellow-pale);border-radius:20px;margin-top:30px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.search-line{display:flex;gap:8px}.search-line input{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px 15px;min-width:0;width:100%;outline-color:var(--orange)}.discovery label,.search-page-form>label{display:block;font-size:13px;font-weight:800;margin-bottom:9px}.closing{text-align:center;max-width:820px}.site-footer{background:var(--dark);color:var(--footer-text);margin-top:40px;padding-top:56px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand{font-size:23px;color:var(--yellow)}.footer-grid p{color:#c9c4bb;max-width:460px}.footer-grid h3{color:#fff;font-size:15px}.footer-grid a{display:block;color:#dcd5c9;margin:8px 0;font-size:14px}.copyright{border-top:1px solid #49484a;margin-top:44px;padding:20px 0;font-size:12px;color:#bbb2a4;display:flex;justify-content:space-between}.bottom-nav{display:none}.page-intro{padding:65px 0 33px;max-width:900px}.page-intro h1{margin:14px 0}.page-intro p{font-size:17px;color:var(--muted);max-width:790px}.count-pill{display:inline-block;border:1px solid #f0d49c;background:var(--yellow-pale);border-radius:100px;padding:6px 15px;font-size:13px;font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}.filters a{font-size:13px;padding:8px 17px;border-radius:50px;border:1px solid var(--border);background:#fff}.filters a.selected{background:var(--yellow);border-color:var(--yellow);font-weight:800}.library-layout{display:grid;grid-template-columns:1fr 310px;gap:55px;border-bottom:1px solid var(--border);padding-bottom:30px}.library-layout>div{max-width:620px}.sidebar-note{padding:20px;background:var(--blue-light);border-radius:13px}.sidebar-note ol{padding-left:20px;font-size:13px}.pages{display:flex;justify-content:center;gap:10px;margin:30px auto}.pages a{padding:7px 15px;border:1px solid var(--border);border-radius:9px}.pages a[aria-current=page]{background:var(--yellow)}.breadcrumbs{font-size:13px;color:var(--muted);padding:26px 0}.detail-hero{display:grid;grid-template-columns:310px 1fr;gap:48px;align-items:center;padding:20px 0 60px;border-bottom:1px solid var(--border)}.detail-cover{aspect-ratio:2/3;border-radius:18px;overflow:hidden}.detail-lead h1{margin:12px 0 18px}.lead-text{font-size:18px;line-height:1.9;color:#555049}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin:25px 0}.facts dt{font-size:12px;color:var(--muted)}.facts dd{font-size:14px;font-weight:750;margin:3px 0}.detail-body{display:grid;grid-template-columns:minmax(0,790px) 290px;justify-content:space-between;gap:65px;padding:53px 0}.reading section{margin-bottom:48px;scroll-margin-top:24px}.reading p{font-size:16px;line-height:1.95;color:#494742}.reading h2{margin-bottom:18px}.reading h3{margin-top:27px}.character-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.character-list>div{padding:22px;background:white;border:1px solid var(--border);border-radius:15px}.character-list strong{color:var(--orange-deep);font-size:13px}.episode-list details{background:white;border:1px solid var(--border);margin-bottom:10px;border-radius:12px;padding:14px 18px}.episode-list summary{cursor:pointer;font-weight:800}.episode-list summary span{color:var(--orange-deep);margin-right:14px}.episode-list p{padding-left:38px;margin:12px 0 0;font-size:14px}.resource-note{background:var(--yellow-pale);padding:25px;border-radius:13px}.aside-block{background:white;border:1px solid var(--border);padding:22px;margin-bottom:17px;border-radius:13px}.aside-block p{font-size:14px}.aside-link{display:block;margin-top:12px;color:var(--orange-deep);font-weight:700}.curation-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;padding:20px 0 80px}.curation-card{background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden}.curation-card:nth-child(3n){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.curation-visual{display:block;aspect-ratio:16/9;overflow:hidden}.curation-card:nth-child(3n) .curation-visual{height:100%;aspect-ratio:auto}.curation-card>div{padding:27px}.curation-card p{font-size:14px}.curation-card small{display:block}.theme-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:30px 0 55px}.theme-detail-art{aspect-ratio:16/9;border-radius:20px;overflow:hidden}.theme-reading{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:55px;padding-bottom:40px}.theme-reading article{line-height:1.95}.theme-reading aside{background:var(--purple-light);border-radius:18px;padding:28px;height:max-content}.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-radius:20px;background:var(--yellow-pale);padding:22px}.studio-hero>div:first-child{height:300px;overflow:hidden;border-radius:14px}.studio-list{padding:35px 0 75px}.studio-list>a{display:grid;grid-template-columns:80px 1fr 140px;gap:20px;align-items:center;padding:28px 8px;border-bottom:1px solid var(--border)}.article-number{font-size:32px;color:#c5ab82;font-weight:850}.studio-list h2{margin:3px 0}.studio-list p{margin:0;font-size:14px}.studio-list>a>strong{color:var(--orange-deep);font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:65px;padding:50px 0}.studio-article h1{margin-top:10px}.studio-article section{margin:38px 0}.article-rule{border-top:1px solid var(--border);margin-top:30px}.article-toc{background:var(--surface-warm);padding:22px;border-radius:14px;align-self:start}.article-toc a{display:block;font-size:14px;padding:10px 0;border-bottom:1px solid var(--border)}.search-page-form{background:var(--yellow-pale);padding:25px;border-radius:18px;max-width:920px}.radio-tabs{display:flex;gap:20px;flex-wrap:wrap;padding-top:17px;font-size:13px}.results{display:grid;grid-template-columns:1fr 1fr;gap:17px}.results article{padding:23px;background:white;border:1px solid var(--border);border-radius:14px}.results h3{margin:8px 0}.results p{font-size:14px}.empty{padding:42px;background:white;border:1px solid var(--border);border-radius:15px}.about-layout{display:grid;grid-template-columns:220px 1fr;gap:60px;padding:10px 0 70px}.about-nav{position:sticky;top:15px;align-self:start;background:var(--surface-warm);padding:16px;border-radius:13px}.about-nav a{display:block;padding:10px;border-bottom:1px solid var(--border);font-size:14px}.about-content section{padding-bottom:35px;border-bottom:1px solid var(--border)}.about-content details{padding:16px;border:1px solid var(--border);background:#fff;border-radius:9px;margin:10px 0}.not-found{padding:100px 0;min-height:450px}
@media(max-width:1050px){.desktop-nav{gap:14px}.quick-search input{width:90px}.container{width:min(100% - 44px,1300px)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.micro-grid{grid-template-columns:repeat(2,1fr)}.detail-body,.article-layout{gap:30px}.hero{gap:26px}}@media(max-width:760px){body{font-size:15px}.container{width:calc(100% - 34px)}.header-inner{height:68px}.brand{min-width:auto}.brand strong{font-size:18px}.brand small{font-size:10px}.brand-mark{width:39px;height:39px}.desktop-nav,.quick-search{display:none}.menu-toggle{display:block}.mobile-menu{top:68px}.cat-inner{gap:22px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:265px;grid-row:1}.hero-copy h1{font-size:32px}.hero-metrics{margin-top:22px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid a{min-height:110px}.section{padding:50px 0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card-info h3{font-size:16px}.card-info p{font-size:12px}.spotlight-layout,.band-grid,.theme-feature,.lab-layout,.discovery,.detail-hero,.theme-detail,.studio-hero{grid-template-columns:1fr}.spotlight-img{height:280px}.spotlight-copy{padding:10px}.quote-panel{padding:25px}.theme-feature>div:last-child{padding:10px}.portrait-columns,.footer-grid{grid-template-columns:1fr}.article-teasers{grid-template-columns:1fr}.discovery{padding:25px}.footer-grid{gap:15px}.copyright{margin-top:25px;display:block;padding-bottom:85px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--border);padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:15}.bottom-nav a{padding:4px 10px;font-size:13px;font-weight:800}.page-intro{padding-top:40px}.library-layout,.detail-body,.theme-reading,.article-layout,.about-layout{grid-template-columns:1fr}.sidebar-note{display:none}.detail-cover{max-width:300px;margin:0 auto}.detail-hero{gap:26px}.detail-body{padding-top:35px}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-aside .aside-block{margin:0}.curation-grid{grid-template-columns:1fr}.curation-card:nth-child(3n){grid-column:span 1;display:block}.curation-card:nth-child(3n) .curation-visual{aspect-ratio:16/9;height:auto}.studio-list>a{grid-template-columns:38px 1fr}.studio-list>a>strong{grid-column:2}.article-toc{display:none}.about-nav{position:static;display:flex;overflow:auto;white-space:nowrap;gap:12px}.about-nav a{border:0}.results{grid-template-columns:1fr}.character-list{grid-template-columns:1fr}.site-footer{margin-top:20px}}@media(max-width:390px){.container{width:calc(100% - 30px)}.hero-art{height:230px}.hero-metrics{gap:12px}.work-grid{gap:14px 10px}.poster{border-radius:10px}.micro-grid{grid-template-columns:1fr}.search-line{flex-wrap:wrap}.search-line .btn{width:100%}.detail-aside{grid-template-columns:1fr}.facts{gap:10px}.hero-caption{font-size:11px}}