:root{--bg: #0f172a;--card: #1e293b;--card-light: #334155;--fg: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #818cf8;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.container{max-width:860px;margin:0 auto;padding:24px 20px 40px}.site-header{position:sticky;top:0;z-index:100;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1e293b}.site-header .inner{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.site-header .logo{font-size:19px;font-weight:700;color:var(--fg)}.site-header .logo:hover{color:var(--accent)}.site-nav{display:flex;gap:4px}.site-nav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-size:15px}.site-nav a:hover{color:var(--fg);background:var(--card)}.site-nav a.router-link-active{color:var(--accent);font-weight:600}.site-footer{text-align:center;color:var(--muted);font-size:14px;padding:28px 0;border-top:1px solid #1e293b}.hero{text-align:center;padding:48px 0 36px}.hero h1{font-size:34px;margin:0 0 10px;background:linear-gradient(120deg,#38bdf8,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);margin:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:12px}.game-card{background:var(--card);border:1px solid #334155;border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease}.game-card:hover{transform:translateY(-3px);border-color:var(--accent)}.game-card .icon{font-size:34px}.game-card h2{margin:0;font-size:18px}.game-card p{margin:0;color:var(--muted);font-size:13px;flex:1}.game-card .best-line{font-size:13px;color:var(--accent)}.game-card .play{margin-top:6px;display:inline-block;text-align:center;padding:7px 0;border-radius:8px;background:linear-gradient(120deg,#0ea5e9,#6366f1);color:#fff;font-weight:600}.game-card .play:hover{filter:brightness(1.12)}.game-page{max-width:560px;margin:0 auto}.game-title-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.game-title-bar h1{font-size:26px;margin:0}.stat-row{display:flex;gap:10px;flex-wrap:wrap}.stat-box{background:var(--card);border:1px solid #334155;border-radius:10px;padding:6px 16px;text-align:center;min-width:84px}.stat-box .label{font-size:12px;color:var(--muted)}.stat-box .value{font-size:20px;font-weight:700;color:var(--accent)}.game-area{background:var(--card);border:1px solid #334155;border-radius:var(--radius);padding:18px;display:flex;justify-content:center;position:relative}.game-controls{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.btn{border:1px solid #334155;background:var(--card);color:var(--fg);padding:8px 20px;border-radius:10px;font-size:15px;cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:linear-gradient(120deg,#0ea5e9,#6366f1);border:none;color:#fff;font-weight:600}.game-tip{text-align:center;color:var(--muted);font-size:13px;margin-top:14px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:#0f172ad1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:5}.overlay h3{margin:0;font-size:26px}.overlay p{margin:0 0 8px;color:var(--muted)}.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,48px);gap:8px;justify-content:center;margin-top:16px}.dpad .btn{font-size:18px;padding:0}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:420px;aspect-ratio:1;background:#334155;border-radius:12px;padding:10px;touch-action:none}.tile{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(18px,5.5vw,30px);background:#1e293b;color:var(--fg);transition:background .1s ease}canvas.snake-canvas{border-radius:10px;background:#0b1220;touch-action:none;max-width:100%}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:440px}.memory-card{aspect-ratio:1;border-radius:10px;border:1px solid #334155;background:linear-gradient(135deg,#0ea5e9,#6366f1);font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease;-webkit-user-select:none;user-select:none}.memory-card.flipped,.memory-card.matched{background:var(--card);transform:rotateY(180deg)}.memory-card.matched{border-color:#22c55e;background:#052e1a}.memory-card:not(.flipped):hover{filter:brightness(1.15)}