:root{color-scheme:light;--ink:#2d332f;--muted:#767c72;--accent:#ed725f;--paper:#faf8f4;--line:#e8e6df;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:4px}.topbar{max-width:1304px;margin:auto;padding:25px 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);font-size:13px}.topbar>span{font-weight:700}.topbar>a:last-child{margin-left:auto;color:var(--muted)}.back{color:var(--muted)}.back:hover,.topbar a:hover{color:var(--accent)}main{max-width:1240px;padding:0 28px;margin:auto}.intro{padding:62px 0 40px}.eyebrow{font-size:11px;color:#8d9a80;letter-spacing:2px;font-weight:600;margin:0 0 18px}h1{font-size:clamp(32px,4.5vw,53px);font-weight:650;letter-spacing:-2px;line-height:1.25;margin:0 0 20px}.mobile-break{display:none}.intro-copy{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{min-width:0;border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.game-card:hover{box-shadow:0 12px 28px #343e3010;transform:translateY(-3px)}.game-cover{display:block;position:relative;aspect-ratio:8/5;overflow:hidden;background:#e9eee6}.game-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.match .game-cover img{object-position:center 55%}.game-cover:hover img{transform:scale(1.025)}.cover-label{position:absolute;left:17px;top:16px;background:#ffffffed;color:#344232;box-shadow:0 2px 12px #00000005;font-size:11px;letter-spacing:.5px;padding:6px 10px;border-radius:30px}.pond .cover-label{color:#ecf1e9;background:#1c3e32e6}.game-copy{padding:24px;display:flex;flex:1;flex-direction:column}.game-kicker{margin:0 0 9px;color:#9b8770;letter-spacing:2px;font-size:11px}.game-copy h2{font-size:22px;letter-spacing:-.5px;margin:0;line-height:1.5;font-weight:650}.game-copy h2 a:hover{color:var(--accent)}.description{font-size:13px;line-height:1.95;color:var(--muted);margin:12px 0 25px}.card-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.card-bottom>span{font-size:11px;color:#8b9186}.play{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;border-radius:10px;font-size:13px;font-weight:650;background:#f1f4ec;color:#526347;transition:background .2s}.play:hover{background:#e5ebdc}.pond .play{background:#eaf1ed;color:#315947}.candy .play{background:#fcf0e9;color:#ae6647}.candy-cover{background:radial-gradient(ellipse at 50% 30%,#fff7dd,#f0f1e5)}.candy-art{width:100%;height:100%;display:block}.compatibility{font-size:12px;line-height:1.9;color:#8a9084;max-width:780px;margin:30px auto 48px;text-align:center}footer{max-width:1184px;margin:0 auto;padding:24px 0 32px;border-top:1px solid var(--line);color:#91968d;display:flex;justify-content:space-between;gap:20px;font-size:12px}footer a{color:#636f59;white-space:nowrap}
.topbar>small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400}
@media(max-width:900px){.games{gap:16px}.game-copy{padding:19px}.game-copy h2{font-size:19px}.description{font-size:12px}.card-bottom>span{font-size:10px}footer{margin:0 28px}}
@media(max-width:700px){.topbar{padding:19px 20px;gap:20px;font-size:12px}main{padding:0 20px}.intro{padding:39px 0 29px}h1{font-size:38px;letter-spacing:-1px}.intro-copy{font-size:13px}.games{grid-template-columns:1fr;gap:22px}.game-cover{aspect-ratio:8/5;max-height:320px}.game-copy{padding:22px}.game-copy h2{font-size:23px}.description{font-size:13px;margin-bottom:20px}.card-bottom>span{font-size:11px}.compatibility{text-align:left;margin:24px 0 32px}footer{margin:0 20px;flex-direction:column;gap:14px;line-height:1.7}.mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){.game-card,.game-cover img,.play{transition:none}.game-card:hover{transform:none}}