*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121713;color:#e6e3d6;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#e5ba4b}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5ba4b;outline-offset:3px}.wrap{max-width:1240px;margin:auto;padding:0 32px}.skip{position:absolute;top:-100px;z-index:100;background:#f3d77d;color:#171c17;padding:10px}.skip:focus{top:8px}.site-header{background:#19201b;position:relative;z-index:10;border-bottom:1px solid #3e442f}.masthead{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:none;font-size:21px;font-weight:800;color:#f3d77d;line-height:1.15}.brand img{max-width:128px;max-height:38px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:1.8px;color:#e6e3d6;padding-top:6px}.primary{display:flex;gap:20px;margin-left:auto;align-items:center}.primary a{padding:23px 0 19px;white-space:nowrap;font-size:14px;border-bottom:2px solid transparent}.primary a.active,.primary a:hover{border-bottom-color:#e5ba4b}.header-actions{display:flex;gap:15px;align-items:center;font-size:14px}.header-actions button,.drawer-head button{background:#303529;color:#f3d77d;border:1px solid #746b41;padding:9px 12px;border-radius:10px}.genre-track{background:#303529}.track-inner{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.track-inner a{font-size:13px;padding:8px 0}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(385px,88vw);overflow-y:auto;background:#19201b;z-index:31;padding:24px;transform:translateX(104%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;box-shadow:-15px 0 35px #0007}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer section{margin-top:25px}.drawer h2{font-size:17px;color:#f3d77d;margin:0 0 10px}.drawer section a{display:block;padding:9px 0;border-bottom:1px solid #3a4136}.drawer section small{display:block;color:#c4cabf;font-size:12px}.drawer section b{font-size:15px}.hero{padding:45px 0;background:radial-gradient(circle at 76% 30%,#4b4929 0%,#172019 55%,#0d120f 100%)}.hero-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:340px;gap:0}.hero h1{font-size:clamp(29px,3.2vw,40px);line-height:1.3;color:#faf6e9;margin:12px 0 19px}.hero p{max-width:520px}.hero-visual{background:linear-gradient(125deg,#453a1f,#1f3529 60%,#66522a);height:min(390px,32vw);min-height:260px;border-radius:20px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #69603c}.hero-visual img{max-width:100%;max-height:100%;object-fit:contain}.hero-visual:empty:after,.media:empty:after{content:'';display:block;width:34%;height:42%;border:1px solid #d4b05f66;border-radius:60% 40% 55% 45%;transform:rotate(-20deg)}.eyebrow,.kicker{color:#f3d77d;font-size:13px;letter-spacing:.09em}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;background:#e5ba4b;color:#171c17!important;border-radius:10px;font-weight:700}.btn.secondary{background:#19201b;border:1px solid #a7893e;color:#f3d77d!important}.section{padding:55px 0}.section.light{background:#fbf7ea;color:#242921}.section.warm{background:#f4ecd5;color:#242921}.section.dark{background:#0d120f}.section h2{font-size:clamp(22px,2.5vw,28px);line-height:1.4;margin:0 0 12px}.section .lead{max-width:800px;margin:0 0 26px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.section-head p{margin:0;max-width:700px}.section-head>a,.text-link{font-weight:700;color:#b68a20;white-space:nowrap}.dark .text-link,.section:not(.light):not(.warm) .text-link{color:#f3d77d}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category{padding:24px;border:1px solid #ddd1aa;background:#fff9e8;border-radius:14px;min-height:168px}.category h3{margin:6px 0;font-size:19px}.category p{margin:0;font-size:14px}.mini-tag{font-size:12px;color:#776523}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card{background:#222821;border:1px solid #3c4434;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.light .work-card,.warm .work-card{background:#fffdf5;border-color:#ddd6b9;color:#242921}.card-art{position:relative;min-height:125px;height:145px;background:linear-gradient(135deg,#534522,#283f35);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain}.art-mark{position:absolute;left:14px;bottom:12px;background:#121713cf;color:#f3d77d;font-size:11px;border-radius:5px;padding:3px 8px}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:20px;margin:5px 0}.card-body p{font-size:14px;line-height:1.8;flex:1;margin:0 0 12px}.card-body small{color:#8ea293}.light .card-body small{color:#58675b}.card-body .text-link{margin-top:10px}.feature{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center}.feature.reverse>.media{order:2}.media{min-height:220px;background:linear-gradient(130deg,#564628,#1d312a);border:1px solid #86764b;border-radius:17px;display:grid;place-items:center;overflow:hidden}.media img{width:100%;height:auto;max-height:300px;object-fit:contain}.feature-copy{padding:15px 0}.feature-copy p{line-height:1.85}.feature-copy ul{padding-left:20px}.timeline{border-left:2px solid #b68a20;margin:20px 0 20px 10px;padding-left:24px}.timeline li{margin:0 0 18px;padding-left:6px}.page-banner{padding:55px 0;background:linear-gradient(115deg,#24362b,#493d22)}.page-banner h1{font-size:clamp(28px,3vw,39px);line-height:1.4;margin:8px 0}.page-banner p{max-width:850px}.breadcrumbs{font-size:13px;color:#d8cda4}.content{padding:45px 0 70px}.article{max-width:900px}.article p{margin:0 0 17px}.article h2{margin:38px 0 14px;color:#f3d77d;font-size:23px}.article ul{padding-left:22px}.info-box{background:#222821;border:1px solid #45503c;padding:20px;border-radius:12px;margin:22px 0}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#303529;border-radius:30px;padding:6px 12px;font-size:13px}.episode-list{display:grid;gap:12px}.episode{padding:16px 20px;border:1px solid #3f4939;border-radius:12px;background:#222821}.episode a{color:#f3d77d}.episode h3{font-size:17px;margin:0 0 5px}.episode p{font-size:14px;margin:0}.subtle{color:#c4cabf;font-size:14px}.filter{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;align-items:end}.filter label{display:grid;gap:6px;font-size:14px}.filter input,.filter select{background:#fbf7ea;color:#242921;border:1px solid #b8ab87;padding:10px 13px;border-radius:8px;min-height:44px}.filter button{min-height:44px;border:0;padding:8px 20px;background:#e5ba4b;color:#171c17;border-radius:9px;font-weight:700}.video-box{aspect-ratio:16/9;max-width:900px;background:#0d120f;border:1px solid #69603c;border-radius:13px;display:grid;place-items:center;overflow:hidden}.video-box video{width:100%;height:100%;max-height:70vh}.video-empty{text-align:center;padding:20px}.video-empty h2{color:#f3d77d}.faq-list details{border-bottom:1px solid #47503c;padding:15px 0}.faq-list summary{cursor:pointer;font-weight:700;color:#f3d77d}.site-footer{background:#0d120f;border-top:1px solid #a78735;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:25px}.footer-grid h2,.footer-grid h3{color:#f3d77d;margin:0 0 12px;font-size:18px}.footer-grid p{font-size:14px;max-width:330px}.footer-grid a{display:block;font-size:14px;margin:7px 0}.en{letter-spacing:.12em}.footer-bottom{border-top:1px solid #3a4338;margin-top:24px;padding-top:20px;font-size:12px;color:#c4cabf}.bottom-nav{display:none}.end-link{margin-top:35px}.layout-split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.narrow{max-width:780px}.notfound{text-align:center;padding:120px 20px}@media(max-width:1100px){.primary{display:none}.masthead{justify-content:space-between}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:span 3}}@media(max-width:768px){.wrap{padding:0 21px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-visual{height:280px;min-height:0}.feature{grid-template-columns:1fr}.feature.reverse>.media{order:0}.category-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split{grid-template-columns:1fr}.section{padding:40px 0}.mobile-usage{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:span 2}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:#19201b;border-top:1px solid #6d6038;padding:4px 0 calc(4px + env(safe-area-inset-bottom));min-height:58px}.bottom-nav a{text-align:center;padding:9px 4px;font-size:14px;color:#f3d77d}.site-footer{padding-bottom:95px}.section-head{align-items:start;flex-direction:column}}@media(max-width:420px){.wrap{padding:0 16px}.category-grid,.work-grid{grid-template-columns:1fr}.category{min-height:0}.header-actions{gap:8px}.header-actions button{font-size:12px}.brand{font-size:17px}.brand small{font-size:9px}.hero h1{font-size:28px}.hero-visual{height:215px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}