*{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}img{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.site-head{background:#0A0804;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(232,196,104,.14)}.nav-shell{height:70px;display:flex;gap:28px;align-items:center}.brand{display:inline-flex;align-items:center;min-width:130px;white-space:nowrap}.brand strong{font-size:24px;letter-spacing:1px;color:#F0C75E}.brand strong span{color:#F8F1DE}.brand .media{width:auto;max-width:150px;height:38px;background:transparent}.brand .media img{max-height:38px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:23px;min-width:0;flex:1;white-space:nowrap}.nav-link{font-size:14px;color:#D9CFAE;position:relative;padding:20px 0}.nav-link.active,.sub-nav .active{color:#F0C75E}.nav-link.active:after{content:"";height:2px;background:#F0C75E;position:absolute;left:0;right:0;bottom:10px}.enter{background:#D4A017;color:#1A1408!important;border-radius:99px;font-size:14px;font-weight:700;line-height:40px;padding:0 20px;white-space:nowrap}.enter:hover{background:#E8C468}.sub-nav{background:#120E08;border-bottom:1px solid rgba(232,196,104,.14)}.sub-nav-scroll{height:44px;display:flex;align-items:center;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.sub-nav-scroll::-webkit-scrollbar{display:none}.sub-nav a{flex-shrink:0;font-size:13px;padding:0 16px;border-right:1px solid rgba(232,196,104,.16)}.sub-nav a:first-child{padding-left:0}.sub-nav a:last-child{border:0}.page-main{padding-top:26px;padding-bottom:70px}.section{margin:0 0 46px}.section-heading{margin-bottom:20px}.section-heading h2,.section h2{margin:5px 0 10px;color:#F8F1DE;font-size:26px;line-height:1.4}.section-heading p{margin:0;color:#A89870}.section h3{color:#F8F1DE;font-size:19px;line-height:1.45;margin:0 0 12px}.eyebrow,.small-label{color:#E8C468;font-size:12px;letter-spacing:1.4px;font-weight:700}.hero{display:grid;grid-template-columns:44% minmax(0,1fr);gap:34px;align-items:center;padding:26px;background:#120E08;border:1px solid rgba(232,196,104,.14);border-radius:14px}.hero h1{font-size:36px;line-height:1.35;color:#F8F1DE;margin:12px 0 18px}.hero p{margin:0 0 14px}.text-actions,.tag-links{display:flex;flex-wrap:wrap;gap:12px 22px}.text-actions a,.text-link,.tag-links a{font-size:14px;font-weight:700;color:#E8C468}.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 / 1}.media-wide{aspect-ratio:16 / 9}.media-banner{aspect-ratio:16 / 7}.media-device{aspect-ratio:9 / 16}.media-placeholder{width:100%;min-height:115px;aspect-ratio:16 / 10;background:linear-gradient(125deg,#120E08,#1C1710)}.media-square .media-placeholder{aspect-ratio:1}.media-device .media-placeholder{aspect-ratio:9/16}.hero .media{max-height:290px}.hero .media-placeholder{min-height:220px}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.category-item,.text-card,.game-card{background:#1C1710;border:1px solid rgba(232,196,104,.14);border-radius:13px;padding:19px;min-width:0}.category-item:hover,.text-card:hover{background:#241E14}.category-item small{font-size:12px;color:#D4A017}.category-item h3{margin:7px 0}.category-item p,.text-card p,.game-card p{font-size:14px;line-height:1.75;color:#D9CFAE;margin:0 0 13px}.category-item span{font-size:13px;color:#E8C468}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{padding:11px}.game-card h3{font-size:17px;margin:12px 5px 8px}.game-card p,.game-card .text-link{margin-left:5px;margin-right:5px}.game-card .media{max-height:180px}.game-card .media img{max-height:180px}.section-outro{font-size:15px;margin:18px 0 0}.section-outro a{color:#E8C468}.esports-split,.topic-split,.culture-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center}.esports-split{background:#120E08;padding:28px;border-radius:14px}.esports-lead p,.topic-split p{margin:0 0 15px}.short-list{display:grid;gap:12px}.short-list a{display:flex;flex-direction:column;padding:16px 18px;background:#1C1710;border-radius:10px}.short-list b{color:#F8F1DE}.short-list span{font-size:14px;color:#A89870}.topic-split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.topic-visual .media{max-height:240px}.stack-links{display:flex;flex-direction:column;gap:8px;color:#E8C468}.focus-panel{background:#16120A;border-left:3px solid #D4A017;padding:25px;display:grid;grid-template-columns:2fr 1fr;gap:26px;border-radius:12px}.mini-links{display:grid;align-content:center;gap:15px}.mini-links a{border-bottom:1px solid rgba(232,196,104,.14);padding:8px 0}.poster-block{text-align:center}.poster-block .media{max-width:1100px;margin:20px auto}.poster-block .media img{max-height:230px}.reading-list{counter-reset:read;list-style:none;padding:0;margin:0}.reading-list li a{display:grid;grid-template-columns:1fr 1.5fr auto;gap:15px;align-items:center;border-bottom:1px solid rgba(232,196,104,.14);padding:12px 0}.reading-list li b:before{counter-increment:read;content:counter(read,decimal-leading-zero) '  ';color:#D4A017;margin-right:9px}.reading-list li span{font-size:14px;color:#A89870}.reading-list li strong{font-size:13px;color:#E8C468}.mobile-feature{grid-template-columns:minmax(0,1.3fr) minmax(160px,.55fr)}.device-visual .media{max-width:230px;margin:auto}.device-visual .media img{max-height:330px}.culture-panel{padding:22px;background:#120E08;border-radius:14px}.culture-panel .media img{max-height:185px}.responsible{border-top:1px solid rgba(232,196,104,.14);padding-top:25px}.responsible a{color:#E8C468}.breadcrumbs{font-size:13px;color:#A89870;display:flex;gap:10px;flex-wrap:wrap}.article-head{margin:20px 0 28px;max-width:900px}.article-head h1{color:#F8F1DE;font-size:32px;line-height:1.4;margin:9px 0 15px}.lead{font-size:17px;line-height:1.85}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:35px;align-items:start}.article-body{min-width:0}.article-body section{margin-bottom:27px}.article-body h2{border-left:3px solid #D4A017;padding-left:14px;font-size:24px;line-height:1.45;margin:0 0 16px}.article-body p{line-height:1.82;margin:0 0 16px}.aside-links{background:#16120A;border-radius:13px;padding:19px}.aside-links h2{font-size:19px;color:#F8F1DE;margin:0 0 12px}.aside-links a{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid rgba(232,196,104,.14);padding:10px 0}.aside-links a span{font-size:12px;color:#A89870}.side-note{font-size:13px;color:#A89870;margin-top:20px}.feature-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:0 0 28px}.feature-media-grid figure{margin:0;min-width:0}.feature-media-grid img{max-height:260px}.feature-media-grid figcaption{font-size:13px;color:#A89870;margin-top:7px}.related-bottom{padding-top:25px;border-top:1px solid rgba(232,196,104,.14)}.related-bottom p{margin:0 0 15px}.site-footer{background:#070604;border-top:1px solid rgba(232,196,104,.14);padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:36px}.footer-grid h2{font-size:16px;color:#F8F1DE;margin:0 0 14px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid a:not(.brand){font-size:14px;margin:0 0 7px}.footer-brand p{font-size:14px;line-height:1.8}.footer-bottom{border-top:1px solid rgba(232,196,104,.14);padding-top:19px;margin-top:30px;font-size:13px;color:#A89870;display:flex;gap:20px;justify-content:space-between}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.back-top{position:fixed;right:22px;bottom:25px;opacity:0;pointer-events:none;background:#D4A017;border:0;border-radius:50%;width:40px;height:40px;color:#1A1408;z-index:900;cursor:pointer;transition:opacity .15s}.back-top.show{opacity:1;pointer-events:auto}.skip-link{position:absolute;top:-80px;left:10px;background:#F0C75E;color:#000;z-index:15000;padding:9px}.skip-link:focus{top:10px}
@media(max-width:1100px){.desktop-nav{gap:14px}.nav-shell{gap:18px}.brand{min-width:118px}.nav-link{font-size:13px}}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.site-head .nav-shell{height:58px;gap:12px;justify-content:space-between}.desktop-nav{display:none}.brand{min-width:0;margin-right:auto}.brand strong{font-size:21px}.brand .media{height:30px}.brand .media img{max-height:30px}.enter{line-height:36px;padding:0 14px;font-size:13px}.menu-toggle{display:flex;width:36px;height:36px;flex:0 0 36px;border:0;background:transparent;padding:9px 5px;flex-direction:column;justify-content:space-around;cursor:pointer}.menu-toggle span{height:2px;background:#F8F1DE;width:100%}.mobile-drawer,.drawer-mask{display:block}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;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{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{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#120E08;padding:16px 18px;border-bottom:1px solid rgba(232,196,104,.14);z-index:1;color:#F8F1DE}.drawer-close{border:0;background:transparent;color:#F8F1DE;font-size:29px;cursor:pointer;line-height:1}.drawer-group{padding:14px 18px 5px}.drawer-group h2{font-size:13px;color:#E8C468;margin:0 0 8px}.drawer-group a{display:block;min-height:40px;padding:6px 12px;border-radius:6px;font-size:15px}.drawer-group a.active{color:#F0C75E;background:#241E14}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:#120E08;border-top:1px solid rgba(232,196,104,.14);z-index:900}.mobile-bottom a{display:flex;justify-content:center;align-items:center;font-size:13px}.mobile-bottom a.active{color:#F0C75E}.page-main{padding-bottom:90px}.site-footer{padding-bottom:82px}.back-top{bottom:75px}.cat-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))}.hero h1{font-size:30px}.article-layout{grid-template-columns:minmax(0,1fr)}.aside-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.aside-links h2,.side-note{grid-column:1/-1}}
@media(max-width:700px){.wrap{padding-left:16px;padding-right:16px}.page-main{padding-top:18px}.section{margin-bottom:31px}.section h2,.section-heading h2{font-size:21px}.section h3{font-size:17px}.hero{grid-template-columns:1fr;gap:17px;padding:17px}.hero h1{font-size:27px}.hero-image{order:0}.hero-content{order:1}.hero .media img{max-height:195px}.hero .media-placeholder{min-height:150px}.three-grid,.two-grid,.esports-split,.topic-split,.culture-panel,.focus-panel{grid-template-columns:1fr}.three-grid{gap:12px}.text-card{padding:16px}.cat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card{padding:8px}.game-card .media,.game-card .media img{max-height:150px}.game-card h3{font-size:16px;margin:10px 3px 7px}.game-card p{font-size:13px;margin:0 3px 9px}.topic-visual .media img{max-height:185px}.mobile-feature .device-visual{order:-1}.device-visual .media img{max-height:260px}.poster-block .media img{max-height:150px}.reading-list li a{grid-template-columns:minmax(0,1fr) auto;gap:5px}.reading-list li span{grid-column:1/-1;grid-row:2}.reading-list li strong{grid-column:2;grid-row:1}.article-head h1{font-size:27px}.article-body h2{font-size:21px}.lead{font-size:16px}.article-body p{font-size:15.5px}.footer-grid{gap:24px}.footer-bottom{flex-direction:column;gap:8px}.feature-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.brand strong{font-size:19px}.enter{padding:0 10px;font-size:12px}.cat-grid,.cat-grid.compact{grid-template-columns:1fr}.category-item{padding:14px}.feature-media-grid{grid-template-columns:1fr}.aside-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-grid h2{font-size:14px}.footer-grid a:not(.brand){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer,.drawer-mask{transition:none}}