*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfaf2;color:#394749;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}*:focus-visible{outline:3px solid #367f79}img{max-width:100%;height:auto}h1,h2,h3{color:#1c2527;line-height:1.28;letter-spacing:-.02em}h1{font-size:clamp(28px,3.3vw,40px);margin:.45em 0}h2{font-size:clamp(21px,2.2vw,28px)}h3{font-size:19px}p{margin:.6em 0 1.1em}.wrap{max-width:1260px;padding-inline:32px;margin:auto}.eyebrow{background:#fff4d2;color:#1c2527;font-size:13px}.eyebrow-inner{display:flex;justify-content:space-between;gap:16px;padding-top:5px;padding-bottom:5px}.main-header{background:#151a1b;color:#fcfbf6}.header-inner{display:flex;align-items:center;gap:28px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-weight:850;font-size:22px;color:#f4c646}.brand-image{max-height:38px;max-width:145px;object-fit:contain}.top-links{display:flex;gap:19px;margin:auto;white-space:nowrap;font-size:14px}.top-links a:hover{color:#f8d970}.head-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.head-actions a,.head-actions button{padding:9px 13px;border:1px solid #5f6b69;border-radius:9px;background:transparent;color:white;cursor:pointer;min-height:44px}.channel-bar{background:#222a2b;color:#eef3ec}.channel-scroll{display:flex;gap:28px;align-items:center;overflow:auto;white-space:nowrap;min-height:46px;font-size:14px}.channel-scroll>a:first-child,.channel-scroll>a:nth-child(2){font-weight:800;color:#f8d970}.hero{background:#151a1b;color:#e5eae5;padding:50px 0}.hero h1,.dark h2,.dark h3,.hero h2,.hero h3{color:#fcfbf6}.hero .lead{font-size:17px;color:#dbe7df}.hero-grid{display:grid;grid-template-columns:44% 56%;align-items:center;gap:25px}.hero-img{max-height:390px;width:100%;object-fit:contain;background:#222a2b;border-radius:18px}.hero-art{border-radius:18px;min-height:210px;background:linear-gradient(125deg,#303a3b,#9a6c11 130%);display:grid;align-items:center;text-align:center;padding:22px;color:#f8d970;font-weight:750;font-size:clamp(24px,3vw,38px)}.tag{font-size:13px;font-weight:800;letter-spacing:.09em;color:#9a6c11;text-transform:uppercase}.hero .tag,.dark .tag{color:#f8d970}.btn{display:inline-flex;align-items:center;justify-content:center;background:#f4c646;color:#1c2527;font-weight:750;border-radius:10px;padding:10px 20px;min-height:46px;margin:10px 10px 3px 0}.btn.secondary{background:#246c68;color:white}.section{padding:54px 0}.section.light{background:#fff4d2}.section.dark{background:#151a1b;color:#e5eae5}.section.dark p{color:#e5eae5}.section.white{background:#fff}.section-head{max-width:830px;margin-bottom:24px}.section-head p{font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card,.text-card,.story-line,.feature-card{background:#fff;border:1px solid #e3e4dc;border-radius:15px;overflow:hidden;min-width:0}.work-card a{display:block;height:100%}.work-card a:hover{text-decoration:none}.card-photo{width:100%;max-height:240px;object-fit:contain;background:#eff1ec;display:block}.card-body,.text-card,.story-line,.feature-card{padding:22px}.card-body h3{margin:9px 0}.card-body p,.story-line p{font-size:15px}.card-body small,.story-line small{color:#566568;font-size:13px}.read-more{font-weight:750;color:#246c68}.text-card h3{margin-top:0}.text-card p{margin-bottom:0}.magazine{display:grid;grid-template-columns:7fr 5fr;gap:25px;align-items:center}.magazine.flip{grid-template-columns:5fr 7fr}.magazine img{max-height:320px;width:100%;object-fit:contain;background:#222a2b;border-radius:15px}.magazine .art-fallback{min-height:185px;border-radius:15px;background:linear-gradient(125deg,#253133,#ae8e38);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:850;font-size:24px;padding:18px;text-align:center}.dark .text-card,.dark .feature-card{background:#222a2b;border-color:#303a3b;color:#e5eae5}.dark .text-card h3,.dark .feature-card h3{color:#fcfbf6}.dark .read-more{color:#f8d970}.article-layout{max-width:830px;margin:48px auto 80px;padding:0 22px}.article-layout .body p{font-size:17px;line-height:1.85;margin:1.4em 0}.article-layout .body h2{margin-top:1.7em}.article-lead{font-size:18px;color:#566568}.pill{display:inline-flex;padding:5px 11px;border-radius:30px;background:#fff1c9;color:#493915;font-size:13px;margin:2px}.search-form{display:flex;gap:10px;max-width:720px}.search-form input,.filter-bar select{min-width:0;flex:1;border:1px solid #9eaaa4;border-radius:9px;min-height:48px;padding:9px 13px;background:#fff;color:#1c2527}.search-form button,.filter-bar button{border:0;border-radius:9px;background:#246c68;color:white;padding:10px 20px;min-height:48px;cursor:pointer}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}.filter-bar select{flex:0 1 220px}.episode{padding:18px 0;border-bottom:1px solid #d8ded8}.episode a{color:#246c68;font-weight:700}.video-player{display:block;max-width:100%;width:100%;background:#0d1112;max-height:70vh}.notice{border-left:4px solid #367f79;padding:14px 20px;background:#eff1ec;border-radius:5px}.site-footer{background:#0d1112;color:#e5eae5;padding:52px 0 25px}.footer-brand{border-bottom:1px solid #9a6c11;padding-bottom:22px}.footer-brand b{font-size:25px;color:#f4c646}.footer-brand span{display:block;font-size:12px;letter-spacing:.2em;color:#e5eae5}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:24px 0}.footer-grid h3{color:#f8d970;font-size:16px}.footer-grid a{display:block;font-size:14px;margin:7px 0}.copyright{border-top:1px solid #303a3b;padding-top:18px;font-size:13px}.mobile-bottom{display:none}.drawer-shade{position:fixed;inset:0;background:#0009;z-index:39}.drawer-shade[hidden]{display:none!important}.drawer{position:fixed;z-index:40;inset:0 0 0 auto;width:min(390px,88vw);background:#fcfaf2;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;box-shadow:-6px 0 32px #0004}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #ddd}.drawer-head button{border:0;background:#222a2b;color:#fff;padding:10px 14px;border-radius:8px;min-height:44px}.drawer-inside{height:calc(100vh - 85px);overflow:auto;padding:4px 20px 25px}.drawer-inside section{border-bottom:1px solid #ddd;padding:8px 0 17px}.drawer-inside section h3{font-size:16px;margin:14px 0 8px}.drawer-inside a{display:inline-block;padding:6px 8px;font-size:14px;color:#394749}.notfound{text-align:center;padding:90px 24px}.steps{counter-reset:step}.steps li{margin-bottom:12px}.faq details{padding:17px 20px;margin:12px 0;border:1px solid #d8ded8;border-radius:12px;background:white}.faq summary{font-weight:800;cursor:pointer}body.menu-lock{overflow:hidden}@media(max-width:1050px){.top-links{display:none}.head-actions{margin-left:auto}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.wrap{padding-inline:21px}.hero-grid,.magazine,.magazine.flip{grid-template-columns:1fr}.hero{padding:35px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:38px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#151a1b;color:white;z-index:25;justify-content:space-around;padding:7px 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid #f4c646}.mobile-bottom a{display:grid;place-items:center;min-height:44px;flex:1;font-size:14px}.site-footer{padding-bottom:90px}}@media(max-width:520px){.wrap{padding-inline:17px}.eyebrow-inner{font-size:11px}.eyebrow-inner a{display:none}.header-inner{min-height:64px;gap:10px}.brand{font-size:18px}.brand-image{max-width:102px;max-height:30px}.head-actions{gap:5px}.head-actions a,.head-actions button{padding:7px 9px;font-size:13px}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.card-body,.text-card,.story-line{padding:17px}.search-form{flex-direction:column}.section{padding:34px 0}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-art{min-height:160px}.magazine .art-fallback{min-height:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}