.game-container{margin-bottom:30px}.game-zone{background:linear-gradient(135deg, #1a1a2e, #16213e);border-radius:24px;padding:40px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:all 0.3s}.game-zone.waiting{background:linear-gradient(135deg, #1a1a2e, #16213e)}.game-zone.ready{background:linear-gradient(135deg, #1a3a1a, #0d2818)}.game-zone.ready::after{content:'点击！';position:absolute;font-size:4rem;font-weight:900;color:rgba(16,185,129,0.1);letter-spacing:10px}.game-zone.clicked{background:linear-gradient(135deg, #3a1a1a, #281818)}.game-zone.clicked::after{content:'✓';position:absolute;font-size:6rem;font-weight:900;color:rgba(239,68,68,0.1)}.game-zone.completed{background:linear-gradient(135deg, #1a2e3a, #16213e)}.game-status{z-index:2;position:relative}.status-text{font-size:1.2rem;color:var(--gray-400);letter-spacing:2px}.game-zone.ready .status-text{color:#4ade80}.game-zone.clicked .status-text{color:#f87171}.game-timer{font-size:4rem;font-weight:700;color:#4ade80;font-family:monospace;z-index:2;position:relative;margin:20px 0;text-shadow:0 0 30px rgba(74,222,128,0.2)}.game-progress{width:80%;max-width:400px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;margin-bottom:24px;z-index:2;position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg, #4ade80, #3b82f6);transition:width 0.1s}.start-btn{padding:14px 40px;font-size:1.1rem;z-index:2;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:30px}.stat-card{background:white;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all 0.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg, #e0e7ff, #f0f4ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-color)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--gray-800)}.stat-label{font-size:0.75rem;color:var(--gray-500)}.chart-section{background:var(--gray-50);border-radius:20px;padding:20px;margin-bottom:24px}.chart-section h3{font-size:1rem;margin-bottom:16px;color:var(--gray-700);display:flex;align-items:center;gap:8px}.chart-container{height:200px;position:relative}.history-section{background:var(--gray-50);border-radius:20px;padding:20px;margin-bottom:24px}.history-section h3{font-size:1rem;margin-bottom:16px;color:var(--gray-700);display:flex;align-items:center;gap:8px}.history-list{max-height:200px;overflow-y:auto}.history-list .placeholder{text-align:center;color:var(--gray-400);padding:30px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:white;border-radius:12px;margin-bottom:8px;border:1px solid var(--gray-200)}.history-item .time{font-family:monospace;font-weight:600;color:var(--primary-color)}.history-item .date{font-size:0.75rem;color:var(--gray-500)}.history-item .level-badge{padding:2px 12px;border-radius:20px;font-size:0.7rem;font-weight:500}.level-badge.excellent{background:#d1fae5;color:#065f46}.level-badge.good{background:#dbeafe;color:#1e40af}.level-badge.medium{background:#fef3c7;color:#92400e}.level-badge.poor{background:#fee2e2;color:#991b1b}.level-section{margin-bottom:24px}.level-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:16px}.level-item{display:flex;align-items:center;gap:12px;background:var(--gray-50);padding:12px 16px;border-radius:12px}.level-color{width:20px;height:20px;border-radius:50%}.level-info{display:flex;flex-direction:column}.level-name{font-weight:600;font-size:0.85rem}.level-range{font-size:0.7rem;color:var(--gray-500)}.tips-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:20px}.tip-card{background:var(--gray-50);border-radius:16px;padding:20px;text-align:center}.tip-card i{font-size:28px;color:var(--primary-color);margin-bottom:12px}.tip-card h4{font-size:0.85rem;margin-bottom:8px}.tip-card p{font-size:0.75rem;color:var(--gray-500);line-height:1.5}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2, 1fr)}.level-grid{grid-template-columns:repeat(2, 1fr)}.tips-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.game-timer{font-size:2.5rem}}