*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0A0804;color:#D9CFAE;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:#E8C468;text-decoration:none}a:hover{text-decoration:underline;color:#F0C75E}img{max-width:100%}.wrap{width:calc(100% - 48px);max-width:1180px;margin:0 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:28px}.brand{display:flex;align-items:center;flex-shrink:0;color:#F8F1DE;font-weight:800;font-size:24px;white-space:nowrap}.brand img{height:36px;width:auto;max-width:150px;object-fit:contain}.gold{color:#E8C468}.primary-nav{display:flex;gap:20px;align-items:center;min-width:0;flex:1;white-space:nowrap}.primary-nav a{font-size:14px;color:#D9CFAE;border-bottom:2px solid transparent;padding:21px 0 18px}.primary-nav a.active,.primary-nav a:hover{color:#F0C75E;border-color:#F0C75E;text-decoration:none}.entry-btn{background:#D4A017;color:#1A1408;font-weight:700;border-radius:999px;padding:7px 20px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.entry-btn:hover{background:#E8C468;color:#1A1408;text-decoration:none}.channel-bar{background:#120E08;border-bottom:1px solid rgba(232,196,104,.14)}.channel-links{height:44px;display:flex;gap:0;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.channel-links a{font-size:14px;color:#D9CFAE;padding:0 14px;border-right:1px solid rgba(232,196,104,.17)}.channel-links a:first-child{padding-left:0}.channel-links a.active{color:#F0C75E}.page-content{padding-top:32px;padding-bottom:64px}.intro{padding:30px;background:#16120A;border:1px solid rgba(232,196,104,.14);border-radius:14px}.intro h1,.hero h1{font-size:34px;line-height:1.4;color:#F8F1DE;margin:0 0 14px}.intro p,.hero p{max-width:820px;margin:0 0 12px}.eyebrow{font-size:13px;color:#F0C75E;letter-spacing:.1em;margin-bottom:10px}.section{margin-top:42px}.section h2{font-size:25px;color:#F8F1DE;line-height:1.4;padding-left:13px;border-left:3px solid #D4A017;margin:0 0 18px}.section h3{color:#F8F1DE;font-size:19px;margin:0 0 8px}.section p{margin:0 0 16px;max-width:850px}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.article-card{background:#1C1710;border:1px solid rgba(232,196,104,.14);padding:19px;border-radius:13px;min-width:0}.card h3,.article-card h3{margin:0 0 8px;color:#F8F1DE;font-size:18px}.card p,.article-card p{margin:0 0 12px;font-size:15px}.related{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.related a,.tag-link{padding:6px 13px;background:#241E14;border:1px solid rgba(232,196,104,.14);border-radius:99px;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.article-layout article{min-width:0}.sidebar{background:#16120A;border-radius:13px;padding:20px;position:sticky;top:132px}.sidebar h2{font-size:18px;color:#F8F1DE;margin:0 0 12px}.sidebar a{display:block;padding:7px 0;border-bottom:1px solid rgba(232,196,104,.12)}.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:0 auto}.media-square{aspect-ratio:1}.media-square img{max-height:185px}.media-device{aspect-ratio:9/16;max-width:245px;max-height:340px}.media-topic{aspect-ratio:16/10;max-height:270px}.media-banner{max-width:1100px;max-height:240px;margin:auto}.media-placeholder{width:100%;min-height:145px;aspect-ratio:16/10;background:linear-gradient(145deg,#17120a,#211b10)}.media-square .media-placeholder{aspect-ratio:1}.media-device .media-placeholder{aspect-ratio:9/16}.media-banner .media-placeholder{aspect-ratio:16/7}.feature-row{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:28px;align-items:center}.feature-row.reverse{grid-template-columns:minmax(0,1fr) minmax(0,42%)}.feature-row>div{min-width:0}.hero{margin-top:8px}.hero h1{font-size:38px}.hero .media{max-height:300px}.hero .media img{max-height:300px}.lede{font-size:17px;line-height:1.8}.duo{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-grid .card{padding:12px}.game-grid h3{font-size:16px;margin-top:12px}.game-grid .media{height:165px}.game-grid .media img{max-height:165px}.game-grid .media-placeholder{min-height:110px}.link-list{counter-reset:item;list-style:none;padding:0}.link-list li{counter-increment:item;border-bottom:1px solid rgba(232,196,104,.14);padding:13px 0}.link-list li:before{content:counter(item,decimal-leading-zero);color:#F0C75E;margin-right:15px;font-weight:700}.faq-item{border-bottom:1px solid rgba(232,196,104,.18);padding:13px 0}.faq-item h3{margin:0 0 8px;font-size:18px;color:#F8F1DE}.site-footer{background:#070604;border-top:1px solid rgba(232,196,104,.14)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px;padding:42px 0}.footer-grid h2{font-size:16px;color:#F8F1DE;margin:0 0 13px}.footer-grid a{display:block;color:#D9CFAE;font-size:14px;margin-bottom:7px}.footer-brand{font-size:25px;color:#F0C75E;font-weight:700}.footer-brand img{width:auto;max-width:136px;height:36px;object-fit:contain}.footer-grid p,.footer-bottom{font-size:13px;color:#A89870}.footer-bottom{border-top:1px solid rgba(232,196,104,.14);padding:18px 0 24px}.menu-toggle,.mobile-drawer,.drawer-mask,.bottom-nav{display:none}.back-top{position:fixed;bottom:25px;right:20px;background:#241E14;color:#F0C75E;border:1px solid #C48A12;border-radius:50%;width:40px;height:40px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1100px){.topbar{gap:16px}.primary-nav{gap:12px}.primary-nav a{font-size:13px}}@media(max-width:980px){.wrap{width:calc(100% - 40px)}.topbar{height:58px;justify-content:space-between;gap:10px}.menu-toggle{display:block;background:transparent;border:0;color:#F8F1DE;font-size:23px;width:38px;height:40px;cursor:pointer;flex-shrink:0}.brand{font-size:21px;margin-right:auto}.brand img{height:29px;max-width:125px}.primary-nav{display:none}.entry-btn{min-height:36px;padding:4px 13px;font-size:13px}.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;padding:16px}.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{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,196,104,.14);padding:3px 0 12px}.drawer-brand{font-size:20px;font-weight:700;color:#F0C75E}.drawer-close{border:0;background:transparent;color:#F8F1DE;font-size:22px;cursor:pointer;padding:6px}.drawer-group h2{font-size:14px;color:#F0C75E;margin:18px 0 5px}.drawer-group a{display:block;min-height:40px;padding:7px 10px;color:#F8F1DE;border-radius:6px}.drawer-group a.active{color:#F0C75E;background:#241E14}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:900;height:60px;background:#120E08;border-top:1px solid rgba(232,196,104,.14)}.bottom-nav a{display:flex;justify-content:center;align-items:center;color:#D9CFAE;font-size:14px}.bottom-nav a.active{color:#F0C75E}.page-content{padding-bottom:90px}.site-footer{padding-bottom:60px}.back-top{bottom:75px}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.page-content{padding-top:20px}.intro{padding:20px}.intro h1,.hero h1{font-size:27px}.section{margin-top:29px}.section h2{font-size:21px}.section h3{font-size:17px}.section p,body{font-size:15px}.feature-row,.feature-row.reverse,.duo,.section-grid{grid-template-columns:1fr}.hero .media{max-height:200px}.hero .media img{max-height:200px}.feature-row.reverse>div:first-child{order:2}.feature-row.reverse>div:last-child{order:1}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-grid .card{padding:10px}.game-grid .media,.game-grid .media img{max-height:145px;height:145px}.game-grid h3{font-size:16px}.card{padding:15px}.footer-grid{gap:20px}.media-device{max-height:260px}.media-banner{max-height:150px}.media-banner img{max-height:150px}.back-top{right:10px}.channel-links{height:43px}}
@media(max-width:350px){.entry-btn{font-size:12px;padding:3px 10px}.brand{font-size:19px}.topbar{gap:6px}.menu-toggle{width:32px}.game-grid .media,.game-grid .media img{height:118px;max-height:118px}}