/* 基礎背景與文字 */
body { 
    background-color: #0b1120; 
    color: #94a3b8; 
    font-family: sans-serif; 
}

.card-bg { 
    background-color: #1e293b; 
    border: 1px solid #334155; 
    border-radius: 1rem; 
}

/* 標牌樣式 (Rank, Hot) */
.tag-rank { 
    background-color: #f97316; 
    color: white; 
    padding: 2px 10px; 
    border-radius: 6px; 
    font-weight: 900; 
    font-style: italic; 
    font-size: 11px; 
    text-transform: uppercase; 
}

.tag-hot { 
    background-color: #ef4444; 
    color: white; 
    padding: 2px 10px; 
    border-radius: 6px; 
    font-weight: 900; 
    font-size: 11px; 
}

/* 場次切換按鈕樣式 */
.race-btn-active { 
    background-color: #eab308; 
    color: #000; 
    font-weight: 800; 
    border: none; 
    box-shadow: 0 10px 15px -3px rgba(133, 77, 14, 0.2);
}

.race-btn-inactive { 
    background-color: #1e293b; 
    color: #94a3b8; 
    border: 1px solid #334155; 
}

/* 標籤文字顏色 */
.label-重心 { color: #f97316; } /* ⭐ 單頭重心 */
.label-要員 { color: #60a5fa; } /* ✅ 連贏要員 */
.label-冷門 { color: #eab308; font-weight: 900; } /* 💣 冷門配腳 */
.label-配腳 { color: #cbd5e1; } /* ➕ 配腳 */

body { background-color: #0b1120; color: #94a3b8; font-family: system-ui, -apple-system, sans-serif; }
.card-bg { background-color: #1e293b; border: 1px solid #334155; border-radius: 1rem; }

/* 標籤樣式 */
.tag-rank { background-color: #f97316; color: white; padding: 2px 10px; border-radius: 6px; font-weight: 900; font-style: italic; font-size: 11px; text-transform: uppercase; }

/* 場次按鈕 */
.race-btn-active { background-color: #eab308; color: #000; font-weight: 800; border: none; box-shadow: 0 4px 12px rgba(234, 179, 8, 0.3); }
.race-btn-inactive { background-color: #1e293b; color: #94a3b8; border: 1px solid #334155; }

/* 決策頁面交互效果 */
.decision-card { transition: all 0.3s ease; border: 2px solid transparent; }
.border-active { border-color: #f97316 !important; background-color: rgba(249, 115, 22, 0.05); }