*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121713;color:#e6e3d6;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#f3d77d}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3d77d}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;transform:translateY(-150%);background:#fff;color:#111;padding:8px;z-index:99}.skip:focus{transform:translateY(0)}.site-header{position:relative;z-index:5;background:#19201b;border-bottom:1px solid #3f4738}.masthead{min-height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:22px;font-weight:800;color:#f3d77d;line-height:1.1}.brand img{max-height:38px;max-width:150px;object-fit:contain}.brand small{display:block;font-size:9px;color:#c4cabf;letter-spacing:.15em;margin-top:6px}.main-nav{display:flex;gap:18px;flex:1;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.main-nav a:hover{border-bottom:2px solid #e5ba4b}.header-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:13px}.menu-toggle,.drawer-close{color:#f3d77d;background:#303529;border:1px solid #756633;border-radius:10px;padding:9px 12px;cursor:pointer}.genre-rail{border-top:1px solid #3c4438;background:#222821}.rail-inner{display:flex;gap:26px;align-items:center;overflow:auto;white-space:nowrap;font-size:13px;height:44px;scrollbar-width:thin}.rail-inner a{color:#dfdfcf}.drawer-overlay{position:fixed;inset:0;background:#000a;z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,88vw);z-index:21;background:#202820;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;display:flex;flex-direction:column;box-shadow:-8px 0 35px #0005}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #455040;color:#f3d77d}.drawer-body{overflow-y:auto;padding:12px 24px 45px;display:grid;gap:6px}.drawer-body h3{font-size:14px;color:#e5ba4b;margin:20px 0 5px}.drawer-body a{font-size:14px;padding:6px 0;border-bottom:1px solid #333e34}.menu-open{overflow:hidden}.site-main{min-height:70vh}.hero{display:grid;grid-template-columns:42% 58%;min-height:365px;border-radius:22px;overflow:hidden;margin-top:34px;background:#222821;border:1px solid #424634}.hero-copy{padding:46px 42px;align-self:center}.eyebrow{color:#e5ba4b;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.hero h1{font-size:38px;line-height:1.25;margin:12px 0;color:#faf6e9}.hero p{color:#d8d7c9}.hero-art,.feature-art{position:relative;background:linear-gradient(130deg,#52492b,#253329 65%,#141b17);display:flex;justify-content:center;align-items:center;min-height:260px;overflow:hidden}.hero-art img,.feature-art img{width:100%;height:auto;max-height:390px;object-fit:contain;position:relative;z-index:1}.hero-art:before,.feature-art:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;border:1px solid #e5ba4b55;box-shadow:0 0 0 35px #e5ba4b0b,0 0 0 75px #e5ba4b08}.feature-watermark{position:absolute;z-index:0;font-size:clamp(26px,4vw,54px);font-weight:900;color:#e5ba4b28;letter-spacing:.1em}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 18px;border-radius:10px;background:#e5ba4b;color:#171c17;font-size:14px;font-weight:750}.btn:hover{background:#f3d77d;color:#111}.btn-outline{background:transparent;border:1px solid #b68a20;color:#f3d77d}.btn-outline:hover{background:#303529;color:#fff}.section{margin:65px auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:23px}.section h2,.feature h2,.page-title{color:#faf6e9;line-height:1.3}.section h2{font-size:27px;margin:6px 0}.section-head p{margin:0;color:#c4cabf;max-width:690px}.text-link{color:#e5ba4b;font-weight:700}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic{padding:20px;border:1px solid #48503f;border-radius:14px;background:#222821}.topic strong{display:block;font-size:18px;color:#f3d77d}.topic p{font-size:14px;color:#c4cabf;margin:8px 0 0}.feature{display:grid;grid-template-columns:47% 53%;border-radius:20px;overflow:hidden;background:#222821;margin:54px auto;border:1px solid #3e493b;min-height:260px}.feature.reverse{grid-template-columns:53% 47%}.feature.reverse .feature-copy{order:2}.feature-copy{padding:40px 44px;align-self:center}.feature-copy h2{font-size:29px;margin:12px 0}.feature-copy p{max-width:520px}.feature-art img{max-height:290px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.work-card{border:1px solid #454c3c;background:#222821;border-radius:15px;overflow:hidden;min-width:0}.work-art{height:108px;background:linear-gradient(110deg,#4a4429,#263c37);padding:20px;display:flex;align-items:end;color:#f3d77d;font-size:14px}.work-card:nth-child(3n+2) .work-art{background:linear-gradient(110deg,#354d48,#34342d)}.work-card:nth-child(3n) .work-art{background:linear-gradient(110deg,#503b36,#2f3c30)}.work-copy{padding:18px}.work-copy h3{margin:2px 0 9px;font-size:19px;color:#faf6e9}.work-copy p{font-size:14px;color:#c4cabf;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.page-shell{padding-top:30px;padding-bottom:75px}.crumb{font-size:13px;color:#c4cabf;margin:5px 0 24px}.page-hero{background:#222821;border:1px solid #48503f;border-radius:20px;padding:38px 42px;margin-bottom:26px}.page-hero h1{margin:8px 0;font-size:34px;color:#faf6e9}.page-hero p{max-width:830px;color:#c4cabf}.essay{padding:26px 32px;margin:22px 0;border-radius:14px;background:#fbf7ea;color:#3b413b}.essay h2{margin:0 0 10px;font-size:23px;color:#242921}.essay p{margin:0 0 12px;line-height:1.9}.tag{display:inline-flex;background:#303529;color:#f3d77d;border:1px solid #5a5a43;border-radius:6px;padding:3px 9px;font-size:12px;margin:3px}.episode-list{display:grid;gap:11px}.episode{padding:16px 20px;border:1px solid #505848;border-radius:12px;background:#222821}.episode h3{margin:0;font-size:18px;color:#f3d77d}.episode p{margin:7px 0}.video-frame{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#0d120f;display:grid;place-items:center;position:relative}.video-frame video{width:100%;height:100%;max-height:75vh}.video-empty{padding:30px;text-align:center;z-index:2;max-width:520px}.video-empty h2{color:#f3d77d}.search-form,.filter-form{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}.search-form input,.filter-form select{min-height:47px;min-width:180px;max-width:100%;border:1px solid #74775e;border-radius:8px;background:#fbf7ea;color:#242921;padding:8px 13px}.search-form input{flex:1}.notice{border-left:3px solid #e5ba4b;background:#222821;padding:15px 20px;border-radius:5px;margin:22px 0}.detail-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.site-footer{background:#0d120f;border-top:1px solid #5f5134;padding:48px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:28px}.footer-grid h2{font-size:15px;color:#f3d77d;margin:0 0 12px}.footer-grid a{display:block;font-size:13px;margin:5px 0;color:#c4cabf}.footer-grid p{font-size:13px;color:#c4cabf}.footer-brand{font-size:25px;color:#f3d77d;display:block}.footer-en{font-size:11px;letter-spacing:.1em}.copyright{border-top:1px solid #343a30;margin-top:34px;padding-top:18px;font-size:12px;color:#c4cabf}.mobile-nav{display:none}.faq details{padding:17px 22px;background:#222821;border:1px solid #48503f;border-radius:12px;margin-bottom:12px}.faq summary{cursor:pointer;color:#f3d77d;font-weight:700}.faq p{margin-bottom:0}@media(max-width:1100px){.main-nav{gap:10px;font-size:12px}.app-link{display:none}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}}@media(max-width:800px){.shell{width:calc(100% - 40px)}.masthead{gap:12px}.main-nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:30px}.hero-art{min-height:230px}.topic-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.feature.reverse{grid-template-columns:1fr}.feature.reverse .feature-copy{order:0}.feature-copy{padding:28px}.feature-art{min-height:190px}.detail-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){body{font-size:15px;padding-bottom:calc(62px + env(safe-area-inset-bottom))}.shell{width:calc(100% - 34px)}.brand{font-size:19px}.brand img{max-width:90px}.brand small{font-size:8px}.header-actions{gap:8px}.header-actions>a{display:none}.menu-toggle{font-size:12px;padding:8px}.hero{margin-top:18px}.hero h1{font-size:29px}.hero-art{min-height:180px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topic{padding:14px}.topic strong{font-size:15px}.topic p{font-size:12px}.work-grid{grid-template-columns:1fr}.section{margin:38px auto}.section h2{font-size:23px}.feature{margin:35px auto}.feature-copy h2{font-size:24px}.page-hero{padding:23px}.page-hero h1{font-size:27px}.essay{padding:21px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:19px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;min-height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#19201b;z-index:10;border-top:1px solid #6e5c32}.mobile-nav a{display:grid;place-items:center;font-size:13px;color:#f3d77d;min-height:54px}}@media(max-width:340px){.topic-grid{grid-template-columns:1fr}.brand{font-size:16px}.hero-copy{padding:22px}}