/* ═══════════════════════════════════════════════════════════════
 * 金山打字通游戏 — Hub 共用样式（v0.10.5 精简版）
 *
 * 本文件仅保留「所有游戏共用」部分：
 *   - Hub 入口页（游戏卡片 + 导航）
 *   - 占位页
 *
 * 各款游戏的独立样式文件（主人 2026-04-23 要求「每款单独放，不交叉」）：
 *   → resources/game/jinshan/kfrog/kfrog.css
 *   → resources/game/jinshan/kapple/kapple.css
 *   → resources/game/jinshan/kmole/kmole.css
 *   → resources/game/jinshan/kpolice/kpolice.css
 *   → resources/game/jinshan/kspace/kspace.css
 *
 * 同步副本：
 *   - sass/src/view/jinshangames/JinshanGamesHub.scss（production build 使用）
 * ═══════════════════════════════════════════════════════════════ */

/* ── 金山游戏总入口 Hub ───────────────────────────── */
.jinshan-hub {
    background: linear-gradient(135deg, #f6f9fc 0%, #e8f0f7 100%);
}
.jinshan-hub-header { margin-bottom: 32px; text-align: center; }
.jinshan-hub-title {
    font-size: 32px; font-weight: 800; color: #2c3e50;
    margin-bottom: 8px; letter-spacing: 2px;
}
.jinshan-hub-subtitle { font-size: 15px; color: #7f8c8d; }
.jinshan-hub-cards { width: 100%; margin-top: 16px; }

.jinshan-game-card {
    background: #fff; border-radius: 18px; padding: 28px 16px;
    cursor: pointer; text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    min-height: 200px;
}
.jinshan-game-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}
.jinshan-game-card:active { transform: translateY(-2px) scale(0.98); }
.jinshan-game-icon { font-size: 56px; line-height: 1; margin-bottom: 12px; }
.jinshan-game-name { font-size: 18px; font-weight: 700; color: #2c3e50; margin-bottom: 6px; }
.jinshan-game-desc { font-size: 12px; color: #95a5a6; line-height: 1.6; padding: 0 8px; }

.jinshan-game-card--kfrog   { border-top: 4px solid #27ae60; }
.jinshan-game-card--kapple  { border-top: 4px solid #e74c3c; }
.jinshan-game-card--kmole   { border-top: 4px solid #c0892b; }
.jinshan-game-card--kpolice { border-top: 4px solid #2980b9; }
.jinshan-game-card--kspace  { border-top: 4px solid #8e44ad; }

/* ── 占位页 ──────────────────────────────────────── */
.jinshan-placeholder {
    flex: 1; background: #fafbfd; text-align: center; padding: 48px;
}
.jinshan-placeholder-icon { font-size: 96px; margin-bottom: 24px; opacity: 0.7; }
.jinshan-placeholder-title { font-size: 24px; font-weight: 700; color: #2c3e50; margin-bottom: 8px; }
.jinshan-placeholder-msg { font-size: 16px; color: #95a5a6; }