*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0A0804;color:#D9CFAE;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#F0C75E}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{color:#F8F1DE;line-height:1.42;margin:0 0 15px}h1{font-size:36px}h2{font-size:25px}h3{font-size:19px}p{margin:0 0 16px}.wrap{width:min(100% - 48px,1180px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;background:#0A0804;border-bottom:1px solid rgba(232,196,104,.14)}.topbar{height:70px;display:flex;align-items:center;gap:24px}.brand{font-size:25px;font-weight:800;color:#F8F1DE;white-space:nowrap;display:flex;align-items:center;min-width:145px}.brand img{display:block;max-height:38px;width:auto;object-fit:contain}.gold,.footer-brand span{color:#F0C75E}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1;white-space:nowrap}.main-nav a{font-size:14px;line-height:68px;border-bottom:2px solid transparent}.main-nav .active,.channel-nav .active{color:#F0C75E}.main-nav .active{border-bottom-color:#F0C75E}.enter-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;height:41px;padding:0 21px;border-radius:999px;background:#D4A017;color:#1A1408;font-size:14px;font-weight:700}.enter-button:hover{background:#E8C468;color:#1A1408}.channel-nav{background:#120E08;border-bottom:1px solid rgba(232,196,104,.14)}.channel-scroll{height:44px;display:flex;align-items:center;gap:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.channel-nav a{font-size:14px}.sep{opacity:.28}main.wrap{padding-top:32px;padding-bottom:62px;min-height:55vh}.eyebrow{font-size:13px;letter-spacing:.12em;color:#E8C468;font-weight:700;margin-bottom:9px}.lead{font-size:17px;color:#D9CFAE;max-width:800px}.section{margin:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head p{margin:0;color:#A89870}.hero,.split-section{display:grid;grid-template-columns:44% minmax(0,1fr);gap:30px;align-items:center}.hero{background:#120E08;padding:26px;border:1px solid rgba(232,196,104,.14);border-radius:14px}.hero .media{max-height:295px}.hero-copy p{max-width:60ch}.link-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.link-row a,.small-pill{border:1px solid rgba(232,196,104,.28);border-radius:999px;padding:7px 14px;font-size:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card,.compact-card{min-width:0;background:#1C1710;border:1px solid rgba(232,196,104,.14);border-radius:13px;overflow:hidden}.topic-body,.compact-card{padding:18px}.topic-body p,.compact-card p{color:#BEB08E;font-size:15px}.topic-body h3,.compact-card h3{margin-bottom:9px}.text-link{color:#E8C468;font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}.media{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;overflow:hidden;border-radius:12px;background:#120E08}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-natural img{width:100%;height:auto;max-height:260px;object-fit:contain;margin:0 auto}.media-natural{min-height:145px}.media-wide{aspect-ratio:16/9}.media-topic{aspect-ratio:16/10}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-height:340px}.media-placeholder{min-height:inherit;min-width:100%;background:linear-gradient(145deg,#1C1710,#120E08);border:1px solid rgba(232,196,104,.07);border-radius:inherit}.media-wide .media-placeholder,.media-topic .media-placeholder,.media-banner .media-placeholder,.media-device .media-placeholder{height:100%}.topic-card .media{border-radius:12px 12px 0 0}.topic-card .media-natural{min-height:155px;max-height:185px}.topic-card .media-natural img{max-height:185px}.article-header{padding:20px 0 25px;border-bottom:1px solid rgba(232,196,104,.14);margin-bottom:28px}.article-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(210px,1fr);align-items:start;gap:30px}.article-body{min-width:0}.reading-block{margin-bottom:32px}.reading-block p{line-height:1.82}.reading-block h2{padding-left:13px;border-left:3px solid #D4A017}.aside-panel{background:#16120A;border:1px solid rgba(232,196,104,.14);border-radius:12px;padding:20px}.aside-panel a{display:block;padding:10px 0;border-bottom:1px solid rgba(232,196,104,.11);font-size:14px}.aside-panel a:last-child{border:0}.link-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-tiles a{background:#1C1710;border:1px solid rgba(232,196,104,.14);border-radius:12px;padding:13px 16px;display:flex;justify-content:space-between;gap:8px}.link-tiles a span{color:#E8C468}.reading-list{counter-reset:item;list-style:none;padding:0;margin:0}.reading-list li{counter-increment:item;padding:15px 0;border-bottom:1px solid rgba(232,196,104,.14);display:flex;gap:15px}.reading-list li:before{content:counter(item,decimal-leading-zero);color:#E8C468;font-size:15px;font-weight:700}.reading-list strong{display:block;color:#F8F1DE}.reading-list p{margin:2px 0 0;font-size:14px;color:#A89870}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.notice{border-left:3px solid #D4A017;background:#16120A;padding:17px 20px;border-radius:0 10px 10px 0}.site-footer{background:#070604;border-top:1px solid rgba(232,196,104,.14);padding:42px 0 26px}.footer-columns{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer-columns h2{font-size:17px}.footer-columns a:not(.footer-brand){display:block;font-size:14px;margin:4px 0}.footer-columns p{font-size:14px;color:#A89870}.footer-brand{font-size:26px;font-weight:800;color:#F8F1DE}.footer-bottom{border-top:1px solid rgba(232,196,104,.14);padding-top:22px;margin-top:28px;display:flex;justify-content:space-between;gap:22px;color:#A89870;font-size:13px}.menu-button,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.back-to-top{position:fixed;right:16px;bottom:18px;background:#1C1710;color:#E8C468;border:1px solid rgba(232,196,104,.25);width:39px;height:39px;border-radius:50%}.banner .media{max-width:1100px;margin:auto}.banner .media img{max-height:230px}.faq-item{padding:16px 0;border-bottom:1px solid rgba(232,196,104,.14)}.faq-item h3{font-size:17px}.faq-item p{margin:0}.index-feature{background:#16120A;border-radius:12px;padding:24px}.split-section.reverse{grid-template-columns:minmax(0,1fr) 38%}.reader-note{font-size:14px;color:#A89870}.topic-card .media-device{max-height:240px}
@media(max-width:1100px){.main-nav{gap:15px}.topbar{gap:16px}.brand{min-width:120px}.wrap{width:min(100% - 40px,1180px)}}
@media(max-width:980px){.site-header .topbar{height:58px;justify-content:space-between;gap:8px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:4px;background:none;border:0;padding:8px;min-width:40px;height:40px}.menu-button span{width:20px;height:2px;background:#E8C468}.brand{font-size:22px;justify-content:center;min-width:0}.brand img{max-height:30px;max-width:130px}.main-nav{display:none}.enter-button{height:36px;padding:0 13px;font-size:12px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:#120E08;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{position:sticky;top:0;background:#120E08;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(232,196,104,.14);color:#F8F1DE}.close-drawer{background:none;color:#E8C468;border:0;font-size:30px;line-height:1}.drawer-group{padding:14px 18px;border-bottom:1px solid rgba(232,196,104,.14)}.drawer-group h2{font-size:14px;color:#E8C468;margin:4px 0 8px}.drawer-group a{display:block;min-height:40px;padding:7px 5px;font-size:15px}.drawer-group a.active{color:#F0C75E}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;z-index:950;background:#120E08;border-top:1px solid rgba(232,196,104,.2)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-bottom a.active{color:#F0C75E}.back-to-top{bottom:74px}main.wrap{padding-bottom:90px}.site-footer{padding-bottom:90px}.grid-4,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-columns{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr)}.aside-panel{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}main.wrap{padding-top:22px}h1{font-size:28px}h2{font-size:21px}h3{font-size:17px}.hero,.split-section,.split-section.reverse{grid-template-columns:minmax(0,1fr);gap:18px}.hero{padding:16px}.hero .media{max-height:200px}.grid-3{grid-template-columns:minmax(0,1fr)}.grid-4,.gallery-grid,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section{margin:29px 0}.topic-body,.compact-card{padding:13px}.topic-card .media-natural{min-height:115px;max-height:155px}.topic-card .media-natural img{max-height:155px}.link-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:start;flex-direction:column}.footer-columns{gap:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.banner .media img{max-height:150px}.media-device{max-height:260px}.article-header{padding-top:10px}.lead{font-size:16px}}
@media(max-width:360px){.brand{font-size:19px}.enter-button{padding:0 10px}.grid-4,.gallery-grid{gap:9px}.topic-body{padding:11px}.topic-body p{font-size:13px}.link-tiles{grid-template-columns:1fr}}
