*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#D9CFAE;background:#0A0804;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#F0C75E}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}.container{width:min(100% - 48px,1180px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:#0A0804;box-shadow:0 3px 16px rgba(0,0,0,.3)}.topbar{height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex-shrink:0;min-width:125px}.brand img{display:block;width:auto;max-width:148px;max-height:38px;object-fit:contain}.brand-type,.footer-brand{color:#E8C468;font-size:25px;font-weight:800;letter-spacing:1px}.brand-type span{font-size:18px;color:#F8F1DE}.main-nav{display:flex;justify-content:center;align-items:stretch;gap:clamp(10px,1.65vw,27px);white-space:nowrap;flex:1;min-width:0;height:100%}.nav-link{display:flex;align-items:center;position:relative;font-size:14px}.nav-link.is-active,.channel-links .is-active,.mobile-bottom .is-active{color:#F0C75E}.nav-link.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#F0C75E}.entry-btn,.primary-link{background:#D4A017;color:#1A1408;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;min-height:42px;font-size:14px;font-weight:700;white-space:nowrap}.entry-btn:hover,.primary-link:hover{background:#E8C468;color:#1A1408}.channel-bar{background:#120E08;border-top:1px solid rgba(232,196,104,.12);border-bottom:1px solid rgba(232,196,104,.14)}.channel-links{height:44px;display:flex;align-items:center;gap:20px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.channel-links a{font-size:14px}.sep{color:#675b40}.menu-button,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}#main-content{padding-top:36px;padding-bottom:64px;min-height:45vh}.eyebrow{display:inline-block;color:#D4A017;font-size:13px;letter-spacing:1.4px;font-weight:700;margin-bottom:9px}.page-heading{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(232,196,104,.14)}h1,h2,h3{color:#F8F1DE;line-height:1.4}h1{font-size:32px;line-height:1.35;margin:0 0 16px}h2{font-size:25px;margin:0 0 16px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 16px}.lead{font-size:17px;max-width:830px;color:#D9CFAE}.reading-shell{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:42px;align-items:start}.article-body{max-width:820px;min-width:0}.article-body section{margin-bottom:34px}.article-body p{line-height:1.85}.side-panel{background:#16120A;border:1px solid rgba(232,196,104,.14);padding:22px;border-radius:13px;position:sticky;top:140px}.side-panel h2{font-size:19px}.side-panel a{display:block;padding:10px 0;border-bottom:1px solid rgba(232,196,104,.12)}.side-panel a:last-child{border:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 20px}.section-heading p{margin:0;max-width:650px}.section-heading>a,.text-link{color:#E8C468;font-size:14px}.home-section{margin-bottom:44px}.hero,.feature-split,.mobile-feature{display:grid;grid-template-columns:44% minmax(0,1fr);gap:34px;align-items:center}.hero h1{font-size:38px}.hero-copy p{margin-bottom:18px}.button-links{display:flex;gap:10px;flex-wrap:wrap}.button-links a{padding:9px 15px;border:1px solid rgba(232,196,104,.34);border-radius:999px;color:#E8C468;font-size:14px}.section-intro{max-width:850px}.topic-grid,.article-grid,.game-grid,.quick-grid{display:grid;gap:18px}.topic-grid,.article-grid,.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-grid{gap:12px}.topic-item{background:#16120A;border-left:2px solid #D4A017;padding:18px;border-radius:5px 12px 12px 5px}.topic-item h3{font-size:17px}.topic-item p{font-size:14px;margin:0}.article-card,.game-card,.quick-card{background:#1C1710;border:1px solid rgba(232,196,104,.14);border-radius:13px;padding:18px;min-width:0}.article-card:hover,.game-card:hover{background:#241E14}.article-card p,.game-card p,.quick-card p{font-size:14px;margin:0}.article-card h3,.game-card h3{margin-top:8px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-card{padding:12px}.game-card h3{font-size:17px}.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:300px;object-fit:contain;margin:auto}.media-square{aspect-ratio:1/1}.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{width:100%;min-height:125px;background:linear-gradient(135deg,#17120b,#231b0f 55%,#15110a);align-self:stretch}.media-device .media-placeholder{min-height:240px}.game-card .media{max-height:185px}.game-card .media img{max-height:185px}.feature-split .media{max-height:270px}.feature-split .media img{max-height:270px}.banner .media{max-width:1100px;margin-inline:auto}.banner .media img{max-height:230px}.mobile-feature{grid-template-columns:minmax(0,1fr) 260px}.mobile-feature .media{max-width:235px;margin:auto}.numbered-links{counter-reset:entry;list-style:none;padding:0;margin:0}.numbered-links li{counter-increment:entry;padding:13px 0;border-bottom:1px solid rgba(232,196,104,.14);display:flex;gap:16px;align-items:start}.numbered-links li:before{content:counter(entry,decimal-leading-zero);color:#D4A017;font-weight:700;font-size:15px}.numbered-links a{color:#F8F1DE}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.feature-note{border-left:3px solid #D4A017;padding-left:20px}.image-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 28px}.image-strip figure{margin:0}.image-strip figcaption{font-size:13px;color:#A89870;margin-top:8px}.full-figure{margin:22px 0 30px;max-width:680px}.full-figure figcaption{font-size:13px;color:#A89870;margin-top:8px}.mini-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.mini-index a{border:1px solid rgba(232,196,104,.14);border-radius:12px;padding:14px;background:#16120A}.mini-index strong{display:block;color:#E8C468}.mini-index small{font-size:13px;color:#A89870}.faq-list details{background:#16120A;border:1px solid rgba(232,196,104,.14);border-radius:12px;padding:16px 20px;margin:12px 0}.faq-list summary{color:#F8F1DE;font-size:17px;font-weight:700;cursor:pointer}.faq-list p{padding-top:13px;margin-bottom:0}.site-footer{background:#070604;border-top:1px solid rgba(232,196,104,.14);padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.footer-grid h2{font-size:17px}.footer-grid a:not(.footer-brand){display:block;font-size:14px;padding:4px 0}.footer-grid p{font-size:14px;color:#A89870;margin-top:12px}.footer-brand img{max-height:38px;width:auto;object-fit:contain}.footer-bottom{border-top:1px solid rgba(232,196,104,.12);padding-top:20px;margin-top:26px;font-size:13px;color:#A89870;display:flex;gap:16px;flex-wrap:wrap}#back-top{position:fixed;right:20px;bottom:25px;border:1px solid rgba(232,196,104,.3);border-radius:50%;background:#16120A;color:#E8C468;width:40px;height:40px;z-index:40}
@media(max-width:1100px){.topbar{gap:14px}.brand{min-width:105px}.main-nav{gap:12px}.nav-link{font-size:13px}.reading-shell{gap:25px;grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:980px){.container{width:calc(100% - 40px)}.topbar{height:58px;justify-content:space-between;gap:8px}.main-nav{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:9px;width:40px;height:40px;flex-shrink:0}.menu-button span{height:2px;width:22px;background:#E8C468;display:block}.brand{min-width:0;margin-right:auto}.brand img{max-width:120px;max-height:30px}.brand-type{font-size:21px}.entry-btn{min-height:36px;padding-inline:13px;font-size:13px}.channel-links{height:44px}.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-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,196,104,.2);padding:15px 18px;color:#E8C468}.drawer-top button{border:0;background:none;color:#F8F1DE;font-size:28px}.drawer-section{padding:12px 18px;border-bottom:1px solid rgba(232,196,104,.12)}.drawer-section h2{font-size:14px;color:#D4A017;margin:0 0 6px}.drawer-section a{display:block;min-height:40px;line-height:40px;font-size:15px;color:#F8F1DE}.drawer-section a.is-active{color:#F0C75E}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;position:fixed;bottom:0;left:0;right:0;height:60px;background:#120E08;border-top:1px solid rgba(232,196,104,.2);z-index:900}.mobile-bottom a{font-size:14px;display:flex;height:100%;align-items:center;justify-content:center}#main-content{padding-bottom:90px}.site-footer{padding-bottom:87px}#back-top{bottom:78px}.reading-shell{display:block}.side-panel{position:static;margin-top:28px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:31px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.container{width:calc(100% - 32px)}#main-content{padding-top:25px}.home-section{margin-bottom:30px}.hero,.feature-split,.mobile-feature,.two-col{grid-template-columns:1fr;gap:18px}.hero .media{order:0}.hero .hero-copy{order:1}.mobile-feature .media{order:-1}.hero h1{font-size:28px}.page-heading h1{font-size:26px}h2{font-size:21px}h3{font-size:17px}.lead{font-size:16px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid,.quick-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card{padding:10px}.game-card h3{font-size:16px}.game-card .media,.game-card .media img{max-height:155px}.hero .media img{max-height:200px}.feature-split .media,.feature-split .media img{max-height:200px}.banner .media img{max-height:150px}.mobile-feature .media{max-width:180px}.mobile-feature .media img{max-height:260px}.image-strip{gap:12px}.mini-index{grid-template-columns:1fr}.article-body section{margin-bottom:26px}.footer-grid{gap:18px}.footer-grid h2{font-size:16px}}
@media(max-width:350px){.brand img{max-width:96px}.brand-type{font-size:18px}.entry-btn{font-size:12px;padding-inline:10px}.topic-grid{grid-template-columns:1fr}.game-grid{gap:9px}.game-card{padding:8px}.topbar{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer,.drawer-mask{transition:none}}