:root{color-scheme:dark;--bg:#0b1015;--surface:#141b22;--text:#f3f2ed;--muted:#a5afb9;--line:#ffffff16;--gold:#f4c47a;--mint:#a6e0c4;font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 15% 5%,#23324255,transparent 45%),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{max-width:1536px;margin-inline:auto;padding-inline:64px}.skip{position:fixed;left:20px;top:-80px;z-index:10;padding:12px 20px;background:var(--gold);color:var(--bg);border-radius:8px}.skip:focus{top:12px}
.header{height:110px;display:flex;align-items:center;justify-content:space-between;position:relative}.header:after{content:"";position:absolute;left:64px;right:64px;bottom:0;height:1px;background:var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand>svg{width:42px;height:42px;color:var(--gold);stroke-width:1.8}.brand>svg path:first-child{stroke:#78838f}.brand>span{font-size:22px;font-weight:700;letter-spacing:3px;line-height:1.35}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;color:#a8b3bd;letter-spacing:2.1px;font-weight:400;margin-top:4px}.header nav{display:flex;gap:38px}.header nav a{display:flex;min-height:48px;align-items:center;color:#c8cfd5;font-size:14px;transition:color .2s}.header nav a:hover{color:var(--gold)}
.intro{padding:46px 0 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;letter-spacing:3px;color:#b9c3ca;display:flex;align-items:center;gap:10px;margin:0 0 13px}.eyebrow>span{width:20px;height:1px;background:var(--gold)}h1{font-size:clamp(30px,3vw,45px);line-height:1.4;letter-spacing:-1px;font-weight:700;margin:0}.intro-note{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 5px}.mobile-break{display:none}
.games{display:grid;grid-template-columns:1fr 1fr;gap:24px;scroll-margin-top:24px}.game{--accent:var(--gold);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:610px;isolation:isolate;overflow:hidden;border:1px solid #ffffff1f;border-radius:20px;background:#172633;transition:border-color .3s,box-shadow .3s}.game-kk{--accent:var(--mint);background:#152325}.game-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:52% 35%;z-index:-3;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;filter:saturate(.9)}.game-kk .game-art{object-position:26% 40%}.game-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#090f1599 0%,#090f1500 24%,#090f150d 35%,#090f15b8 61%,#090f15fa 85%),linear-gradient(90deg,#090f1533,transparent 70%)}.game-kk .game-shade{background:linear-gradient(180deg,#09131599,#0a141100 23%,#0a141100 34%,#0a1411b8 61%,#0a1411fa 85%),linear-gradient(90deg,#101b1620,transparent 70%)}.game:hover,.game:focus-visible{border-color:var(--accent);box-shadow:0 18px 50px #0005}.game:hover .game-art,.game:focus-visible .game-art{transform:scale(1.045);filter:saturate(1.04)}.game-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:26px 30px}.genre{display:flex;align-items:center;gap:8px;font-size:12px;color:#f0f0e9;letter-spacing:1px;text-shadow:0 1px 8px #000}.genre svg{width:17px;height:17px;color:var(--accent)}.game-index{font:10px/1 Arial,sans-serif;letter-spacing:2px;color:#e1e5e9bd}.game-content{padding:0 34px 34px}.game-kicker{margin:0 0 5px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:14px}.game-kicker span{color:#c0c8d0;font:10px/1.5 Arial,sans-serif;letter-spacing:2px}.game h2{margin:0;font-size:62px;line-height:1.3;letter-spacing:1px;font-weight:800}.game-description{margin:17px 0 29px;font-size:14px;line-height:1.9;color:#c7ced1}.game-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.enter{display:flex;align-items:center;gap:32px;padding:15px 20px;min-height:56px;background:var(--accent);color:#15201e;font-size:14px;font-weight:700;border-radius:7px;transition:background .2s,gap .25s}.enter svg{width:19px;height:19px;stroke-width:1.8}.game:hover .enter{gap:40px;background:#fff1d6}.game-kk:hover .enter{background:#d0ffe9}.link-note{font-size:10px;color:#a4afb7;white-space:nowrap}
.leisure{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 34px;padding:25px 30px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(95deg,#18251d66,#0b101500)}.leisure-copy{display:flex;gap:17px;align-items:center}.leisure-copy>svg{width:31px;height:31px;color:#a8cfa0}.leisure p{margin:0;font-size:13px;color:#d5dcd8}.leisure p span{color:var(--muted);font-size:11px;margin-left:20px}.leisure>a{min-height:44px;display:flex;gap:22px;align-items:center;font-size:12px;color:#c2dfc0;white-space:nowrap}.leisure>a svg{width:20px;height:20px;transition:transform .25s}.leisure>a:hover svg{transform:translateX(4px)}.footer{padding-top:25px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;color:#a1acb5;font-size:10px}.footer:before{content:"";position:absolute;left:64px;right:64px;top:0;height:1px;background:var(--line)}.footer p{margin:0}.footer p:first-child{font-weight:700;color:#cdd3d8;font-size:12px;letter-spacing:1px}.footer p span{font-weight:400;letter-spacing:0;font-size:10px;color:var(--muted);margin-left:18px}.footer>a{display:flex;align-items:center;gap:20px;min-height:44px}.footer>a:hover{color:var(--text)}
@media(min-width:1600px){.game{min-height:660px}.game-content{padding:0 42px 40px}.game h2{font-size:70px}.game-top{padding:30px 38px}}
@media(min-width:761px) and (max-height:800px){.header{height:84px}.intro{padding:28px 0 24px}.game{min-height:450px}.game-content{padding-bottom:26px}.game h2{font-size:52px}.game-description{margin:10px 0 20px}}
@media(max-width:1150px){.shell{padding-inline:36px}.header:after,.footer:before{left:36px;right:36px}.game{min-height:575px}.game-top{padding:23px}.game-content{padding:0 26px 28px}.game h2{font-size:54px}.game-bottom{align-items:flex-start;flex-direction:column;gap:10px}.link-note{padding-left:1px}.intro-note{font-size:12px}.leisure p span{display:block;margin-left:0;margin-top:3px}}
@media(max-width:760px){.shell{padding-inline:20px}.header{height:88px}.header:after,.footer:before{left:20px;right:20px}.brand{gap:9px}.brand>svg{width:34px;height:34px}.brand>span{font-size:18px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.5px}.header nav{gap:18px}.header nav a{font-size:12px}.intro{display:block;padding:34px 0 27px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px}h1{font-size:34px;line-height:1.45;letter-spacing:-.8px}.mobile-break{display:initial}.intro-note{margin-top:14px;font-size:12px}.intro-note br{display:none}.games{grid-template-columns:1fr;gap:20px}.game{min-height:530px;border-radius:15px}.game-top{padding:22px}.game h2{font-size:54px}.game-content{padding:0 26px 27px}.game-description{margin:12px 0 23px;font-size:13px}.game-art{object-position:50% 31%}.game-kk .game-art{object-position:22% 39%}.game-bottom{flex-direction:row;align-items:center;gap:8px}.enter{padding:15px 17px;gap:25px;font-size:13px}.link-note{display:none}.genre{font-size:11px}.leisure{margin:22px 0 28px;padding:22px;align-items:flex-start;flex-direction:column;gap:10px}.leisure-copy{gap:13px}.leisure p{font-size:12px}.leisure p span{font-size:10px}.leisure>a{margin-left:44px;font-size:12px;min-height:42px}.footer{flex-wrap:wrap;gap:6px;padding-top:22px;padding-bottom:22px}.footer p:first-child{width:100%;margin-bottom:4px}.footer>a{margin-left:auto}.footer p:nth-child(2){font-size:9px}}
.games{margin-bottom:34px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.game:hover .game-art,.game:focus-visible .game-art{transform:none}}