:root{color:#d4d4d4;background:#202223;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#202223;color:#d3d3d3}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{height:112px;background:#121212;position:relative;z-index:20;box-shadow:0 2px 12px #0005}.header-inner{height:78px;max-width:1170px;margin:auto;padding:0 2px;display:flex;align-items:center}.logo{width:165px;padding-right:22px;border-right:1px solid #777;display:flex;flex-direction:column;transform:skew(-5deg);flex:0 0 auto}.logo strong{color:#f0f0f0;font:900 22px/1 Arial Black,sans-serif;letter-spacing:-.08em}.logo strong span{color:#d83d3d;margin-left:3px}.logo small{color:#a7a7a7;font-size:8px;letter-spacing:.1em;margin-top:5px;transform:skew(5deg)}.primary-nav{height:100%;display:flex;align-items:center;gap:28px;margin-left:31px;flex:1;white-space:nowrap;overflow:hidden}.primary-nav button{height:100%;display:grid;place-items:center;border:0;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#aaa;position:relative;white-space:nowrap}.primary-nav button:hover,.primary-nav button.active{color:#fff}.primary-nav button.active:after{content:"";position:absolute;bottom:0;left:2px;right:2px;height:2px;background:#d7443e}.search-button,.menu-button,.close-search{border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.search-button{width:36px;height:36px;border-radius:50%;background:#1d1f20;color:#c4a636}.menu-button{display:none;margin-left:auto}.subbar{height:34px;background:#171819}.subbar nav{max-width:1170px;margin:auto;height:100%;display:flex;align-items:center;gap:27px;padding-left:165px}.subbar button{height:100%;border:0;background:none;color:#999;cursor:pointer;font-size:12px;font-weight:600;position:relative}.subbar button:hover,.subbar button.active{color:#eee}.subbar button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d7443e}.mobile-nav{display:none}.section-shell{width:min(1170px,calc(100% - 36px));margin:auto}.featured{padding:33px 0 42px}.section-title{width:fit-content;height:36px;padding:0 15px;background:#151617;display:flex;align-items:center;gap:9px;border-radius:2px;margin-bottom:31px;color:#e9e9e9}.section-title svg{width:17px;color:#ddd;fill:#ddd}.section-title h1,.section-title h2{margin:0;font-size:16px;letter-spacing:.1em}.section-title.compact{margin-bottom:19px}.featured-grid,.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px}.game-card[hidden]{display:none}.filter-empty{display:none;grid-column:1 / -1;min-height:150px;margin:0;border:1px solid #2d2f30;background:#171819;color:#666;place-items:center;font-size:12px}.filter-empty.show{display:grid}.game-card{height:315px;display:flex;flex-direction:column;overflow:hidden;background:#151617;border-radius:3px;border:1px solid #292b2c;box-shadow:0 10px 18px #0002;transition:border-color .2s,transform .2s}.game-card:hover{border-color:#444;transform:translateY(-2px)}.card-cover{display:block;height:164px;flex:0 0 auto;background-image:var(--cover-image);background-size:var(--cover-size);background-position:var(--cover-position);background-color:#292b2c;min-width:0}.card-info{min-width:0;flex:1;padding:14px 15px 0;display:flex;flex-direction:column}.card-meta{height:20px;display:flex;align-items:center;gap:6px;color:#85888a;font-size:10px;white-space:nowrap;overflow:hidden}.author-dot{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#33414d;color:#fff;font-size:9px}.card-meta i,.card-meta b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#df6938;flex:0 0 auto}.card-meta b{background:#55a84f}.card-info h2{color:#e5e5e5;font-size:15px;line-height:1.55;margin:10px 0 5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-info h2 a:hover{color:#e4544d}.card-info>p{display:none}.card-info footer{height:39px;margin:auto -15px 0;padding:0 12px;border-top:1px solid #242627;color:#65696b;display:flex;align-items:center;justify-content:space-between;font-size:10px}.card-info footer span{display:flex;align-items:center;gap:4px}.card-info footer svg{width:12px;height:12px}.download-link{background:#f1f1f1;color:#555;padding:3px 9px;border-radius:2px;font-weight:600}.download-link:hover{background:#d64b44;color:#fff}.latest-layout{border-top:1px solid #2e3031;padding:36px 0 70px}.feed-grid{gap:30px 25px}.pagination{display:flex;gap:7px;align-items:center;margin-top:28px}.pagination a,.pagination span{min-width:31px;height:31px;padding:0 9px;display:grid;place-items:center;background:#171819;color:#777;font-size:11px;border:1px solid #2c2e2f}.pagination a.active,.pagination a:hover{background:#cf433d;color:#fff;border-color:#cf433d}footer{background:#111213;border-top:1px solid #2c2e30}.footer-inner{width:min(1170px,calc(100% - 36px));min-height:190px;margin:auto;padding:38px 0 26px;display:grid;grid-template-columns:185px 1fr auto;gap:25px;align-items:start}.footer-logo{border:0}.footer-inner p{margin:0;max-width:480px;color:#666;font-size:11px;line-height:1.8}.footer-inner nav{display:flex;gap:17px;color:#777;font-size:10px}.footer-inner>small{grid-column:1 / -1;color:#4d5052;font-size:9px;border-top:1px solid #222425;padding-top:20px}.search-layer{position:fixed;z-index:100;inset:0;background:#121314f5;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.2s}.search-layer.show{visibility:visible;opacity:1}.close-search{position:absolute;top:25px;right:30px}.search-layer form{width:min(650px,calc(100% - 40px))}.search-layer label{display:block;color:#eee;font-size:20px;margin-bottom:18px}.search-layer form div{height:58px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;color:#777}.search-layer input{flex:1;min-width:0;border:0;outline:0;font-size:15px}.toast{position:fixed;z-index:110;left:50%;bottom:25px;transform:translate(-50%,20px);background:#d44942;color:#fff;padding:10px 18px;font-size:11px;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:980px){.header-inner{padding:0 18px}.primary-nav{gap:18px;margin-left:24px}.subbar nav{padding-left:203px}.featured-grid,.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.topbar,.header-inner{height:78px}.primary-nav,.subbar{display:none}.menu-button{display:grid;width:36px;height:36px}.search-button{margin-left:5px}.mobile-nav{position:absolute;z-index:19;top:78px;left:0;right:0;padding:8px 18px 18px;background:#141516;display:none;grid-template-columns:1fr 1fr;border-top:1px solid #2b2d2e}.mobile-nav.show{display:grid}.mobile-nav button{text-align:left;color:#aaa;background:none;border:0;font-size:12px;padding:12px 6px;border-bottom:1px solid #242627}.mobile-nav button.active{color:#fff}.section-shell{width:min(100% - 24px,570px)}.featured{padding-top:25px}.featured-grid,.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.game-card{height:270px}.card-cover{height:142px}.card-info{padding:10px 11px 0}.card-info h2{font-size:13px;margin-top:7px}.card-info footer{margin-left:-11px;margin-right:-11px}.latest-layout{padding-top:27px}.footer-inner{grid-template-columns:1fr}.footer-inner nav,.footer-inner>small{grid-column:1}}@media(max-width:420px){.logo{width:145px;padding-right:12px}.logo strong{font-size:20px}.featured-grid,.feed-grid{grid-template-columns:1fr}.game-card{height:320px}.card-cover{height:190px}.card-meta{font-size:8px;gap:4px}.card-info h2{font-size:14px}.featured-grid{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}