@charset "UTF-8";
:root{color-scheme:light;--ink:#191919;--muted:#666666;--paper:#f5f5f5;--line:#dddddd;--card:#fff;--radius:16px;--focus:#444444;--page-width:1160px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-width:280px;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
a{color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.skip-link{position:absolute;z-index:10;left:20px;top:-90px;padding:14px 20px;background:white;color:var(--ink);border:2px solid var(--ink);border-radius:8px;text-decoration:none}
.skip-link:focus{top:16px}
.site-header{color:#f8f8f8;background:var(--ink);padding:0 max(24px,env(safe-area-inset-left))}
.header-inner{max-width:var(--page-width);min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:52px;min-width:0}
.brand-mark{width:64px;height:45px;flex-shrink:0}
.brand-name{font-size:20px;font-weight:700;letter-spacing:.12em;line-height:1.3;min-width:0}
.brand-name span{display:block;margin-top:3px;font-size:12px;font-weight:400;letter-spacing:.15em;opacity:.68;overflow-wrap:anywhere}
.header-label{font-size:14px;color:#cccccc;letter-spacing:.12em;white-space:nowrap}
main{max-width:calc(var(--page-width) + 48px);margin:auto;padding:0 24px}
.welcome{position:relative;padding:54px 0 38px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;letter-spacing:.16em;font-weight:600}
.eyebrow-line{width:24px;height:1px;background:var(--muted)}
h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em;line-height:1.35;margin:13px 0 12px;font-weight:650}
.welcome p{font-size:16px;color:var(--muted);margin:0}
.mobile-break{display:none}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:0 0 17px}
.section-heading h2{font-size:18px;font-weight:650;letter-spacing:.02em;margin:0}
.section-heading>span{font-size:14px;color:var(--muted)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-card{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.game-image{position:relative;aspect-ratio:900/560;background:#e4e4e4;overflow:hidden}
.preview-pending{position:absolute;inset:0;display:grid;place-items:center;color:#666666;font-size:14px}
.game-image>img{width:100%;height:100%;object-fit:cover;transition:transform 240ms ease}
.game-image[data-game="zhenxin"]>img{object-position:center 43%}
.game-image[data-game="men"]>img{object-position:62% center}
.game-image[data-game="women"]>img{object-position:48% center}
.game-image.is-unavailable{display:grid;place-items:center;background:#e5e5e5}
.game-image.is-unavailable::after{content:"游戏预览";color:#666666;font-size:16px}
.game-image.is-unavailable>img{display:none}
.image-note{position:absolute;left:16px;bottom:14px;border:1px solid #ffffff38;border-radius:6px;background:#191919bd;color:#fff;font-size:11px;letter-spacing:.06em;padding:3px 7px}
.image-note[hidden]{display:none}
.game-index{position:absolute;right:16px;top:12px;color:white;font-size:12px;letter-spacing:.12em;text-shadow:0 1px 4px #0008}
.game-details{padding:23px 22px 20px}
.game-category{font-size:14px;color:var(--muted);letter-spacing:.04em}
.game-copy h3{font-size:25px;line-height:1.25;letter-spacing:.01em;font-weight:650;margin:8px 0 9px}
.game-copy p{font-size:16px;color:var(--muted);margin:0}
.play-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:16px;font-weight:600}
.play-note{display:flex;align-items:flex-start;gap:13px;padding:25px 0 30px;margin-top:7px;color:var(--muted)}
.play-note>svg{flex:0 0 22px;width:22px;height:22px;margin-top:2px}
.play-note p{font-size:14px;line-height:1.7;margin:0}
.note-break{display:none}
.site-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 14px;min-height:89px;border-top:1px solid var(--line);padding:22px 24px;color:#777777;font-size:12px;letter-spacing:.03em}
.site-footer>span:first-child{color:#444444;font-weight:600;letter-spacing:.12em}
.footer-line{height:12px;width:1px;background:var(--line);margin:0 3px}
@media(hover:hover){.game-card:hover{transform:translateY(-4px);border-color:#999999;box-shadow:0 10px 28px #1919190b}.game-card:hover .game-image>img{transform:scale(1.025)}}
@media(max-width:850px){.game-grid{gap:14px}.game-details{padding:18px 16px}.game-copy h3{font-size:22px}.game-category{letter-spacing:0}.play-link{margin-top:20px}}
@media(max-width:650px){.site-header{padding-inline:max(20px,env(safe-area-inset-left))}.header-inner{min-height:78px;gap:12px;flex-wrap:wrap;padding-block:10px}.brand{gap:10px}.brand-mark{width:53px;height:38px}.brand-name{font-size:18px;letter-spacing:.1em}.brand-name span{font-size:12px;letter-spacing:.11em}.header-label{font-size:14px;letter-spacing:.02em;margin-left:auto}main{padding-inline:20px}.welcome{padding:30px 0 27px}h1{font-size:30px;margin-top:10px;margin-bottom:9px}.eyebrow{font-size:14px}.section-heading{padding-bottom:12px}.section-heading h2{font-size:16px}.section-heading>span{font-size:14px}.game-grid{grid-template-columns:1fr;gap:14px}.game-card{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);border-radius:12px;min-height:184px}.game-image{aspect-ratio:auto;min-height:184px;align-self:stretch}.game-image>img{object-fit:cover}.game-index{top:10px;right:11px;font-size:12px}.image-note{left:9px;bottom:10px;font-size:11px;padding:2px 5px}.game-details{padding:16px 16px 13px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.game-category{font-size:14px}.game-copy h3{font-size:23px;margin:6px 0 5px}.game-copy p{font-size:16px;line-height:1.5}.play-link{margin-top:12px;min-height:44px;padding-top:10px;font-size:16px}.play-note{padding:22px 0 25px;gap:10px;margin-top:0}.play-note p{font-size:14px;line-height:1.8}.play-note>svg{flex-basis:19px;width:19px;height:19px}.site-footer{font-size:12px;min-height:94px;padding-inline:20px;gap:7px 10px}.site-footer>span:last-child{flex-basis:100%;text-align:center}.footer-line{display:none}.note-break{display:block}}
@media(max-width:340px){main{padding-inline:14px}.site-header{padding-inline:14px}.header-label{display:none}.game-card{grid-template-columns:28% minmax(0,1fr)}.game-details{padding-inline:12px}.game-copy h3{font-size:21px}.image-note{font-size:10px;left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.game-card{border:1px solid CanvasText}.site-header{border-bottom:1px solid CanvasText}.play-link{border-top:1px solid CanvasText}}