*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaee;color:#41484c;font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;color:#24282b}h1{font-size:clamp(28px,3.5vw,38px)}h2{font-size:clamp(21px,2.5vw,26px)}h3{font-size:18px}a{color:inherit;text-decoration:none}a:hover{color:#976415}button,input{font:inherit}button,a{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a67a0b}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.site-header{background:white;border-bottom:1px solid #e8ddbd;position:relative;z-index:5}.main-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand img{width:auto;height:38px;max-width:175px;object-fit:contain}.brand-word{font-size:28px;font-weight:900;color:#222}.brand-word span{color:#c99018}.brand small{font-size:10px;letter-spacing:.1em;color:#626c70}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);font-size:14px;font-weight:700}.desktop-nav a:hover,.genre-links a:hover{color:#93670e}.head-actions{display:flex;gap:10px;align-items:center}.icon-action{width:44px;height:44px;display:grid;place-items:center;background:#fff4cf;border:1px solid #eee0b5;border-radius:10px;color:#2b2f32;cursor:pointer;font-size:22px}.genre-nav{background:#fff2cf}.genre-links{display:flex;gap:27px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.genre-links a{font-size:14px;display:block;padding:10px 0}.home-hero,.page-hero{display:grid;grid-template-columns:43% 57%;align-items:center;gap:24px;padding:44px 0 20px;min-height:360px}.home-hero h1{font-weight:850}.home-hero p,.page-hero p{max-width:650px}.eyebrow{font-weight:800;font-size:12px;color:#a97919;letter-spacing:.08em;display:inline-block;margin-bottom:12px}.hero-visual,.media-fallback{width:100%;height:250px;border-radius:16px;object-fit:contain;object-position:center;background:linear-gradient(135deg,#f7e6b5,#ffefc9 50%,#dcebd6);border:1px solid #eee1bd}.home-hero .hero-visual,.page-hero .hero-visual{height:300px}.media-fallback{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:22px;font-weight:800;color:#6e5a2e}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.button{display:inline-flex;min-height:45px;padding:9px 20px;border-radius:10px;align-items:center;justify-content:center;font-weight:750;border:1px solid #dbba65}.button-primary{background:#ffcd38;color:#202428}.button-outline{background:white;color:#2b2f32}.section{margin:56px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2{margin-bottom:6px}.section-head p{margin:0}.section-head>a,.text-link{color:#916116;font-weight:750}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards-feature{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card,.info-card{background:white;border:1px solid #e6dfcd;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(39,38,26,.055);min-width:0}.work-card:hover,.info-card:hover{border-color:#d4b158}.work-visual{display:block;padding:10px}.work-visual img,.work-visual .media-fallback{width:100%;height:180px;object-fit:contain;border-radius:11px}.work-copy{padding:14px 18px 20px}.work-copy h3{margin:0 0 9px}.work-copy p{font-size:14px;color:#626c70}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-grid a{background:#fff;border-left:4px solid #ffcd38;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:7px;min-height:110px}.genre-grid a:nth-child(3n+2){border-color:#85bbb1}.genre-grid a:nth-child(3n){border-color:#998bb7}.genre-grid b{color:#23292b}.genre-grid span{font-size:14px}.split-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#fff1cb;padding:24px;border-radius:18px}.split-panel>div img,.split-panel>div .media-fallback{width:100%;height:265px;object-fit:contain;border-radius:13px}.split-panel.dark{background:#15191c;color:#fafaf5}.split-panel.dark h2{color:#fafaf5}.split-panel.dark .text-link{color:#ffe07a}.dual-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dual-features article{background:white;padding:16px;border-radius:16px}.dual-features img,.dual-features .media-fallback{width:100%;height:230px;object-fit:contain}.dual-features h2{margin:15px 0 7px}.dual-features a{font-weight:750;color:#946710}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{background:#fff;padding:18px;border:1px solid #e8dfc8;border-radius:13px}.steps span{font-size:23px;font-weight:900;color:#c99018}.steps p{margin:4px 0}.timeline{display:grid;gap:12px}.timeline article{display:flex;gap:14px;align-items:center;justify-content:space-between;background:white;padding:17px 20px;border-left:3px solid #ffcd38;border-radius:11px}.timeline article span{color:#626c70;font-size:14px;flex:1}.timeline article a{white-space:nowrap;color:#99700d}.surface{padding:28px;background:white;border:1px solid #ece1c9;border-radius:16px;margin:32px 0}.editorial{max-width:100%;}.info-card{padding:20px}.info-card p{font-size:15px}.page-hero{padding-top:42px}.text-hero{min-height:300px}.breadcrumbs{padding-top:20px;color:#72706b;font-size:14px}.meta{font-size:14px}.player-area{background:#15191c;color:#fafaf5;padding:25px;border-radius:17px;margin:30px 0}.player-area h1{color:#fafaf5}.player-area video{width:100%;max-height:65vh;display:block;background:black}.player-unavailable{padding:58px 15px;text-align:center;background:#24282b;border:1px solid #48413b;border-radius:12px}.player-unavailable strong{font-size:23px}.player-area .button-outline{color:#282828}.search-form{display:flex;gap:12px;max-width:650px}.search-form input{flex:1;min-width:0;padding:10px 14px;border:1px solid #d9cda8;border-radius:10px}.empty-state{padding:22px;background:#fff3d5;border-radius:12px}.faq-stack{max-width:900px;display:grid;gap:15px;margin:35px auto}.faq-item{background:white;padding:22px;border-radius:12px;border:1px solid #e8e0cc}.faq-item h2{font-size:19px}.faq-item p{margin:0}.footer{background:#15191c;color:#e9ebe9;margin-top:70px;padding:45px 0 90px}.footer h2,.footer h3{color:#fff}.footer h2 small{font-size:11px;display:block;color:#ffe07a}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:32px}.footer-grid a{display:block;font-size:14px;margin:6px 0;color:#e4e3dc}.footer-grid p{font-size:14px}.footer-bottom{border-top:1px solid #555;padding-top:18px;margin-top:24px;font-size:13px}.drawer-mask{position:fixed;inset:0;background:#0009;z-index:19}.drawer-mask[hidden]{display:none}.drawer{position:fixed;right:0;top:0;width:min(390px,86vw);height:100dvh;background:#fffaf0;z-index:20;transform:translateX(110%);visibility:hidden;pointer-events:none;transition:transform .2s;display:flex;flex-direction:column;box-shadow:-10px 0 25px #0002}.drawer.visible{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dfd2b3}.drawer-head button{width:44px;height:44px;border:0;background:#ffe07a;border-radius:9px;font-size:26px;cursor:pointer}.drawer-links{overflow-y:auto;padding:14px}.drawer-links a{display:flex;flex-direction:column;padding:10px 15px;border-bottom:1px solid #ebe0cb}.drawer-links small{color:#626c70}body.drawer-active{overflow:hidden}.bottom-nav{display:none}@media(max-width:1050px){.desktop-nav{gap:10px;font-size:13px}.brand small{display:none}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:span 3}}@media(max-width:780px){.desktop-nav{display:none}.home-hero,.page-hero{grid-template-columns:1fr;min-height:0;padding:30px 0}.hero-visual,.home-hero .hero-visual,.page-hero .hero-visual{height:auto;min-height:180px;max-height:340px}.cards,.cards-feature,.genre-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.split-panel{grid-template-columns:1fr}.footer{padding-bottom:105px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5d8b5;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:8}.bottom-nav a{font-size:14px;min-height:44px;display:grid;place-items:center;width:25%;font-weight:700}.timeline article{flex-wrap:wrap}.timeline article span{flex-basis:60%}}@media(max-width:500px){.container{width:calc(100% - 32px)}.brand-word{font-size:24px}.brand img{max-width:140px}.brand small{display:none}.section{margin:36px 0}.cards,.cards-feature,.genre-grid,.steps,.dual-features{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head>a{font-size:13px}.work-visual img,.work-visual .media-fallback{height:190px}.split-panel{padding:15px}.surface{padding:20px}.search-form{flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.footer-grid>div:first-child{grid-column:span 2}.timeline article{display:block}.timeline article>*{display:block;margin:3px 0}.player-area{padding:13px}.player-unavailable{padding:32px 14px}}