:root{--dark:#121713;--deep:#0d120f;--nav:#19201b;--card:#222821;--mustard:#b68a20;--amber:#e5ba4b;--gold:#f3d77d;--cream:#fbf7ea;--paper:#f4ecd5;--ink:#242921;--soft:#c4cabf;--sage:#82a38a;--coral:#dc8872;--teal:#83b2b2;--purple:#aa9dc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#e6e3d6;font:16px/1.75 system-ui,-apple-system,'Microsoft YaHei','PingFang SC',sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.32;letter-spacing:-.025em}h1{font-size:clamp(28px,3.3vw,40px)}h2{font-size:clamp(22px,2.3vw,28px)}h3{font-size:19px}.container{max-width:1240px;margin:auto;padding-inline:32px}.skip{position:absolute;top:-80px;left:20px;z-index:100;background:var(--amber);color:var(--dark);padding:10px}.skip:focus{top:10px}.site-header{background:var(--nav);position:relative;z-index:10}.header-main{height:72px;display:flex;align-items:center;gap:32px}.brand{font-size:22px;font-weight:850;white-space:nowrap;color:var(--gold);display:flex;align-items:center;gap:10px;line-height:1}.brand img{max-width:130px;max-height:38px;object-fit:contain}.brand small,.footer-brand small{display:block;letter-spacing:.16em;font-weight:600;font-size:10px;margin-top:7px}.primary-nav{display:flex;gap:19px;align-items:center;margin:auto;font-size:14px;white-space:nowrap}.primary-nav a{padding:24px 0 21px;border-bottom:2px solid transparent}.primary-nav a[aria-current]{border-color:var(--amber);color:var(--gold)}.header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:14px}.menu-toggle{border:1px solid #6b6344;border-radius:10px;color:var(--gold);background:transparent;padding:8px 12px}.header-mini{min-height:44px;display:grid;align-items:center}.topic-track{background:#25291f;border-top:1px solid #34392c}.topic-inner{display:flex;align-items:center;gap:30px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-height:44px;font-size:14px}.topic-inner::-webkit-scrollbar{display:none}.topic-inner a{flex:none}.drawer-backdrop{position:fixed;inset:0;background:#000a;z-index:30;opacity:0;transition:opacity .2s}.drawer-backdrop.is-visible{opacity:1}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,88vw);background:#1c241d;z-index:31;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;border-left:1px solid #57513d;display:flex;flex-direction:column}.drawer.is-open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #475040}.drawer-head button{font-size:32px;color:white;border:0;background:transparent;min-height:44px;min-width:44px}.drawer-scroll{overflow-y:auto;padding:15px 24px 40px}.drawer section{margin:15px 0 26px}.drawer h2{color:var(--gold);font-size:17px}.drawer section a{display:flex;justify-content:space-between;border-bottom:1px solid #394036;padding:9px 2px;font-size:15px}.breadcrumb{padding:22px 0;color:#c4cabf;font-size:13px}.breadcrumb span{margin:0 10px}.page-hero,.hero-home{display:grid;grid-template-columns:42% 58%;border-radius:20px;overflow:hidden;min-height:360px;margin:16px 0 54px;background:linear-gradient(115deg,#283025,#151d18)}.page-hero>div:first-child,.hero-home>div:first-child{padding:clamp(25px,4vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-home p,.page-hero p{max-width:55ch}.eyebrow{color:var(--gold);font-weight:750;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}.hero-art{background:radial-gradient(ellipse at 70% 30%,#a97a27 0,#4b4630 40%,#23302b 72%);min-height:240px;position:relative;overflow:hidden;display:flex;align-items:end;padding:35px}.hero-art img{width:100%;height:100%;inset:0;object-fit:contain;position:absolute}.hero-art span{font-size:clamp(24px,3.5vw,49px);font-weight:800;color:var(--gold);position:relative;text-shadow:0 2px 15px #111b;max-width:70%;line-height:1.15}.hero-art:has(img) span{display:none}.hero-art small{display:block;font-size:11px;letter-spacing:.2em;padding-top:10px}.btn,.btn-ghost{min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:10px 18px;border-radius:10px;font-weight:750;font-size:14px}.btn{background:var(--amber);color:#171c17}.btn:hover{background:var(--gold);color:#171c17}.btn-ghost{border:1px solid #a08d4e;color:var(--gold)}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.section{margin:0 0 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{margin:0}.text-link{font-weight:750;color:var(--gold);font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card{border:1px solid #444c3d;border-radius:15px;background:var(--card);overflow:hidden;min-width:0}.work-art{min-height:150px;display:flex;justify-content:space-between;flex-direction:column;background:linear-gradient(145deg,#5b4934,#293e35 55%,#2e3026);padding:18px;position:relative}.work-card:nth-child(3n + 2) .work-art{background:linear-gradient(130deg,#38565a,#363041,#55432c)}.work-card:nth-child(3n + 3) .work-art{background:linear-gradient(130deg,#4e4935,#324035,#654838)}.work-art span{color:#f9ecc2;font-size:12px;letter-spacing:.1em}.work-art b{color:#fff4d2;font-size:24px;line-height:1.35}.work-body{padding:20px}.work-body h3{margin-bottom:10px}.work-body p:not(.eyebrow){color:#d2d7cc;font-size:14px;line-height:1.8}.work-body .eyebrow{font-size:11px}.work-card.compact .work-art{min-height:110px}.work-card.compact .work-body p:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.genre-tile{padding:18px 20px;background:#f4ecd5;color:var(--ink);border-radius:13px;border-left:4px solid var(--mustard)}.genre-tile:nth-child(2){border-color:var(--coral)}.genre-tile:nth-child(3){border-color:var(--sage)}.genre-tile:nth-child(4){border-color:var(--teal)}.genre-tile:nth-child(5){border-color:var(--purple)}.genre-tile:nth-child(6){border-color:#9a7d43}.genre-tile h3{font-size:17px;margin:5px 0}.genre-tile p{font-size:13px;line-height:1.7;margin-bottom:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:17px;overflow:hidden;background:#f4ecd5;color:var(--ink)}.feature.reverse .feature-art{order:2}.feature-art{min-height:255px;background:linear-gradient(125deg,#594e35,#283b36);display:grid;place-items:center;position:relative;overflow:hidden}.feature-art img{width:100%;height:100%;max-height:360px;object-fit:contain}.feature-art .art-word{position:absolute;font-size:clamp(25px,4vw,46px);font-weight:850;color:var(--gold);text-align:center;padding:18px}.feature-art:has(img) .art-word{display:none}.feature-copy{padding:clamp(24px,3.5vw,48px);display:flex;flex-direction:column;justify-content:center}.feature-copy .eyebrow{color:#786020}.feature-copy p{color:#3b413b}.feature-copy .text-link{color:#6d4e0f}.feature-copy h2{color:#242921}.story-index{margin-top:15px;display:grid;gap:8px}.story-index a{border-top:1px solid #c6bd9f;padding-top:8px;font-weight:700;font-size:14px}.feature.dark{background:#232a25;color:#f3f0df}.feature.dark .feature-copy h2,.feature.dark .feature-copy p{color:#f3f0df}.feature.dark .feature-copy .eyebrow,.feature.dark .feature-copy .text-link{color:var(--gold)}.feature.dark .story-index a{border-color:#464d41}.copy-panel{background:var(--cream);border-radius:16px;padding:clamp(24px,4vw,48px);color:var(--ink);margin-bottom:45px}.copy-panel h2{color:var(--ink)}.copy-panel p{max-width:86ch}.content-columns{display:grid;grid-template-columns:2fr 1fr;gap:30px}.side-panel{padding:24px;background:#262f27;border-radius:14px;align-self:start}.side-panel a{display:block;padding:9px 0;border-bottom:1px solid #465147}.tag{display:inline-flex;background:#374334;color:#f7e4aa;border:1px solid #65704e;border-radius:100px;padding:3px 11px;margin:3px;font-size:12px}.detail-prose{font-size:17px;line-height:1.95;max-width:75ch}.episode-list{display:grid;gap:12px}.episode{border:1px solid #4a5345;border-radius:12px;padding:18px;background:#222a22}.episode h3{margin-bottom:6px}.episode p{font-size:14px;color:#d5d9cf;margin-bottom:8px}.status{color:var(--gold);font-size:13px;font-weight:700}.video-player{width:100%;background:#000;border-radius:14px;display:block;max-height:70vh}.video-empty{padding:90px 25px;text-align:center;background:radial-gradient(circle at 60% 0,#48472c,#101711 65%);border-radius:17px}.video-empty img{max-height:300px;object-fit:contain;margin:0 auto 25px}.search-box,.filter-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 34px}.search-box input,.filter-form select{min-height:46px;border-radius:9px;border:1px solid #747f6f;padding:8px 14px;background:#fffdf1;color:#1a221b}.search-box input{flex:1;min-width:180px}.filter-form label{display:grid;gap:6px;font-size:14px}.note{background:#2c352d;border-left:3px solid var(--amber);padding:20px 24px;border-radius:4px 12px 12px 4px;margin:24px 0}.faq-list details{border-bottom:1px solid #6b705f;padding:17px 0}.faq-list summary{cursor:pointer;font-weight:750;font-size:17px}.faq-list p{margin:12px 0;color:#d9dcce}.timeline{border-left:2px solid var(--mustard);padding-left:24px;margin:30px 0}.timeline article{position:relative;margin:0 0 25px}.timeline article:before{content:'';position:absolute;left:-31px;top:9px;width:12px;height:12px;background:var(--amber);border-radius:50%}.site-footer{margin-top:70px;padding:60px 0 28px;background:var(--deep);border-top:1px solid #79622e}.footer-intro{max-width:520px;margin-bottom:35px}.footer-brand{font-size:22px;font-weight:800;color:var(--gold)}.footer-intro p{color:#c4cabf;font-size:14px;margin-top:16px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-grid h3{font-size:15px;color:var(--gold)}.footer-grid a{display:block;font-size:14px;padding:2px 0;color:#d4d8cc}.footer-grid a:hover{color:var(--gold)}.footer-end{border-top:1px solid #363e35;margin-top:36px;padding-top:18px;font-size:12px;color:#b6beae;display:flex;gap:25px;flex-wrap:wrap}.mobile-bottom{display:none}.empty-state{padding:45px 28px;border:1px dashed #777c67;border-radius:15px;text-align:center}.empty-state p{color:#cbd0c1}@media(max-width:1100px){.primary-nav{gap:12px;font-size:13px}.header-main{gap:18px}.desktop-only{display:none}}@media(max-width:940px){.primary-nav{display:none}.header-actions{margin-left:auto}.container{padding-inline:22px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.container{padding-inline:17px}.header-main{height:66px;gap:8px}.brand{font-size:18px}.brand small{font-size:8px}.brand img{max-width:100px}.header-actions{gap:9px}.header-mini{font-size:13px}.menu-toggle{padding:8px}.topic-inner{gap:23px}.hero-home,.page-hero{grid-template-columns:1fr;margin-top:10px;margin-bottom:38px;min-height:0}.hero-home>div:first-child,.page-hero>div:first-child{padding:28px 23px}.hero-art{min-height:190px;padding:22px}.hero-art span{font-size:27px}.section{margin-bottom:38px}.section-head{align-items:start}.section-head .text-link{font-size:12px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{padding:14px}.genre-tile h3{font-size:15px}.work-grid{grid-template-columns:1fr;gap:14px}.work-art{min-height:120px}.feature{grid-template-columns:1fr}.feature.reverse .feature-art{order:0}.feature-art{min-height:175px}.feature-copy{padding:26px}.content-columns{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-top:42px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:15;background:#1c251e;border-top:1px solid #72643a;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0005}.mobile-bottom a{display:grid;place-items:center;min-height:58px;font-size:13px;color:#f5edcf}.breadcrumb{padding:16px 0}.search-box button{width:100%}}@media(max-width:360px){.genre-grid{grid-template-columns:1fr}.brand{font-size:16px}.menu-toggle{font-size:12px}.header-mini{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}