/* training.css - 训练基地 */
.scene--training {
    background: var(--color-bg);
    position: relative;
}
.scene--training::before {
    content: '';
    position: absolute; inset: 0;
    background: url('../../resources/bg/training-bg.webp') center/cover no-repeat;
    z-index: 0;
    pointer-events: none;
}
.scene--training::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(8,12,24,0.55) 0%, rgba(8,12,24,0.7) 100%);
    z-index: 0;
    pointer-events: none;
}
.training { height: 100%; display: flex; flex-direction: column; position: relative; z-index: 1; }
.minigame { position: relative; z-index: 1; }
.training__header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 16px;
    background: rgba(10,14,23,0.6);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(78,168,222,0.15);
}
.training__header h2 { font-size: 18px; margin: 0; }
.training__gold { font-size: 13px; color: var(--color-gold); font-weight: 700; }
.training__tip { text-align: center; font-size: 13px; color: var(--color-text-dim); padding: 12px 16px 0; }
.training__grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px; padding: 16px; flex: 1;
}
.training-card {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 20px 16px;
    background: rgba(15,20,35,0.7);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    border-radius: var(--radius-lg);
    border: 1.5px solid rgba(78,168,222,0.12);
    cursor: pointer; transition: all 0.2s;
    color: var(--color-text); font-family: var(--font-main); text-align: center;
}
.training-card:hover {
    border-color: var(--color-gold);
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.4), 0 0 12px rgba(78,168,222,0.1);
    background: rgba(15,20,35,0.85);
}
.training-card__icon { font-size: 36px; }
.training-card__name { font-size: 16px; font-weight: 700; }
.training-card__desc { font-size: 12px; color: var(--color-text-dim); }
.training-card__stat { font-size: 12px; color: var(--color-accent); font-weight: 600; }
.training-card__cost { font-size: 12px; color: var(--color-gold); }

/* 小游戏通用 */
.minigame { padding: 16px; max-width: 480px; margin: 0 auto; }
.minigame__hud {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 16px;
    background: rgba(15,20,35,0.7);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    border-radius: var(--radius);
    border: 1px solid rgba(78,168,222,0.1);
    margin-bottom: 16px; font-size: 14px;
}
.minigame__hud strong { font-size: 18px; color: var(--color-gold); }
.minigame__hint { text-align: center; font-size: 12px; color: var(--color-text-dim); margin-top: 12px; }

/* 训练结算 */
.minigame--result { display: flex; align-items: center; justify-content: center; height: 80vh; }
.mg-result { text-align: center; }
.mg-result__grade {
    font-size: 72px; font-weight: 900; margin-bottom: 8px;
    text-shadow: 0 0 30px currentColor;
}
.mg-result__grade--s { color: var(--color-gold); }
.mg-result__grade--a { color: var(--color-success); }
.mg-result__grade--b { color: var(--color-accent); }
.mg-result__grade--c { color: var(--color-text-dim); }
.mg-result__boost { color: var(--color-success); font-weight: 700; margin: 8px 0; }
.mg-result__boost--none { color: var(--color-text-dim); }
.mg-result__cost { font-size: 13px; color: var(--color-text-dim); }
.mg-result__btns { display: flex; gap: 12px; justify-content: center; margin-top: 20px; }
.minigame--mastery { max-width: 620px; }
.training-mastery {
    padding: 18px;
    border-radius: var(--radius-lg);
    background: rgba(15,20,35,0.76);
    border: 1px solid rgba(78,168,222,0.16);
}
.training-mastery label {
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    color: var(--color-text-dim);
    font-size: 13px;
}
.training-mastery select {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: var(--color-text);
    font-family: var(--font-main);
}
.training-mastery__preview { margin: 14px 0; }