/* ==========================================================================
   wot-home-theme.css — WoT「暖色军旅」主题覆盖层（2026-08-09）
   --------------------------------------------------------------------------
   仅作用于 WoT 前台页面（body.game-theme-wot，不含战报详情页）。
   设计依据：
     - worldoftanks.eu 官方门户主色：暖黑背景 #151515/#1c1c1e、奶油文字
       #f9f5e1/#e9e2bf、招牌橙 #f25322/#ff7e00、金 #fab81b/#ffd200
     - wotreplays.eu 源站（战报对齐对象）：暗橄榄 #403a2e/#26251e、米灰
       #c8c8b5、金黄 #f9d088
   思路：在保留全站「黄铜金」强调体系的前提下，把基础底色从冷藏青换成
   暖黑/暗橄榄，把青色系辅助色换成橄榄/沙金，主 CTA 换成官方 WoT 橙。
   ========================================================================== */

/* ---------- 1. 变量覆盖 ---------- */
body.game-theme-wot {
    --navy-900: #100f0d;
    --navy-800: #171512;
    --navy-700: #201e18;
    --navy-600: #29261f;
    --navy-500: #37332a;
    --navy-400: #4a463a;
    --navy-300: #615c4d;
    --navy-200: #7d7764;

    --teal-600: #6f561f;
    --teal-500: #a17c28;
    --teal-400: #d9ad3f;
    --teal-300: #efcd6b;

    --slate-100: #f7f2df;
    --slate-200: #e9e2bf;
    --slate-300: #c3bda3;
    --slate-400: #8f8a76;

    --white: #fbf7e8;

    --panel: rgba(38, 35, 27, 0.62);
    --panel-hover: rgba(50, 46, 36, 0.78);
    --surface: rgba(50, 46, 36, 0.5);
    --border: rgba(201, 169, 97, 0.28);
    --border-dim: rgba(201, 169, 97, 0.16);

    --vr3-bg: #14120e;
    --vr3-bg-soft: #1a1813;
    --vr3-surface: rgba(38, 35, 27, 0.92);
    --vr3-surface-strong: #26241d;
    --vr3-line: rgba(200, 195, 168, 0.18);
    --vr3-line-strong: rgba(200, 195, 168, 0.32);
    --vr3-copy: #f7f2df;
    --vr3-muted: #a49e87;
    --vr3-cyan: #d9ad3f;
    --vr3-gold: #f0c46a;
    --vr3-red: #e77870;
    --vr3-green: #79d9a9;

    /* WoWS 强调蓝（--accent: #46a6ff）在 WoT 主题下改成黄铜金，
       统计卡顶条、链接高亮、焦点环等一并转暖。 */
    --accent: var(--gold-400);
    --accent-dim: var(--gold-600);
}

/* ---------- 2. 全站背景：暖黑 + 暗橄榄 + 黄铜光斑 ---------- */
body.game-theme-wot {
    background:
        radial-gradient(1100px 560px at 82% -8%, rgba(201, 169, 97, 0.13), transparent 60%),
        radial-gradient(900px 480px at -8% 28%, rgba(122, 104, 64, 0.12), transparent 55%),
        radial-gradient(760px 760px at 50% 118%, rgba(72, 58, 34, 0.3), transparent 62%),
        linear-gradient(158deg, #201e18 0%, #14120e 52%, #1a1813 100%) !important;
    background-attachment: fixed !important;
}

/* ---------- 3. 顶部导航 / 页脚 ---------- */
body.game-theme-wot .site-header {
    background: linear-gradient(180deg, rgba(20, 18, 14, 0.92), rgba(24, 22, 17, 0.8)) !important;
    border-bottom: 1px solid rgba(201, 169, 97, 0.22) !important;
}

body.game-theme-wot .site-header .nav-upload {
    color: #fff8ec !important;
    background: linear-gradient(180deg, #ff7e00, #f25322) !important;
    border-color: #d84412 !important;
}
body.game-theme-wot .site-header .nav-upload:hover {
    background: linear-gradient(180deg, #ff9430, #ff7e00) !important;
    border-color: #f25322 !important;
}

body.game-theme-wot .site-footer {
    background: linear-gradient(180deg, rgba(20, 18, 14, 0.9), rgba(14, 13, 10, 0.96)) !important;
    border-top: 1px solid rgba(201, 169, 97, 0.18) !important;
}

/* ---------- 4. Hero 区 ---------- */
body.game-theme-wot .home-hero {
    background:
        radial-gradient(900px 420px at 78% 12%, rgba(201, 169, 97, 0.2), transparent 60%),
        linear-gradient(160deg, rgba(32, 30, 24, 0.6), rgba(20, 18, 14, 0.28) 55%, rgba(26, 24, 18, 0.42)) !important;
}

body.game-theme-wot .home-hero-overlay {
    background: linear-gradient(180deg, rgba(20, 18, 14, 0.34), rgba(20, 18, 14, 0.1)) !important;
}

/* 主 CTA 用官方 WoT 橙 */
body.game-theme-wot .btn-primary {
    background: linear-gradient(180deg, #ff7e00, #f25322) !important;
    border-color: #d84412 !important;
    color: #fff8ec !important;
    box-shadow: 0 6px 22px rgba(242, 83, 34, 0.32) !important;
}

body.game-theme-wot .btn-primary:hover {
    background: linear-gradient(180deg, #ff9430, #ff7e00) !important;
    border-color: #f25322 !important;
    color: #fff !important;
    box-shadow: 0 10px 32px rgba(255, 126, 0, 0.42) !important;
}

/* ---------- 5. 统计条 ---------- */
body.game-theme-wot .home-stats-bar {
    background: #171512 !important;
    border-top: 1px solid rgba(201, 169, 97, 0.14) !important;
    border-bottom: 1px solid rgba(201, 169, 97, 0.14) !important;
}

body.game-theme-wot .home-stat-value {
    color: #f7f2df !important;
}

body.game-theme-wot .home-stat-label {
    color: #8f8a76 !important;
}

/* ---------- 6. 区块底色 / 标题 ---------- */
body.game-theme-wot .home-featured,
body.game-theme-wot .home-leaderboards,
body.game-theme-wot .home-upload-cta {
    background-image:
        linear-gradient(180deg, rgba(30, 28, 22, 0.86), rgba(23, 21, 18, 0.92)),
        var(--cta-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
}

body.game-theme-wot .home-ship-types,
body.game-theme-wot .home-featured-series {
    background: #13110e !important;
}

body.game-theme-wot .home-latest {
    background: linear-gradient(180deg, #171512, #1e1c16) !important;
}

body.game-theme-wot .home-section-heading {
    color: #f7f2df !important;
}

body.game-theme-wot .section-link {
    color: #c3bda3 !important;
    border-bottom-color: rgba(195, 189, 163, 0.35) !important;
}

body.game-theme-wot .section-link:hover {
    color: #f7f2df !important;
}

/* ---------- 7. 卡片（回放 / 目录 / 系列 / 排行） ---------- */
body.game-theme-wot .replay-card,
body.game-theme-wot .catalog-card,
body.game-theme-wot .home-series-card,
body.game-theme-wot .home-leaderboard-column {
    background: rgba(38, 35, 27, 0.58) !important;
    border: 1px solid rgba(201, 169, 97, 0.2) !important;
}

body.game-theme-wot .replay-card:hover,
body.game-theme-wot .catalog-card:hover,
body.game-theme-wot .home-series-card:hover {
    background: rgba(50, 46, 36, 0.7) !important;
    border-color: rgba(212, 180, 106, 0.55) !important;
}

body.game-theme-wot .replay-card-media {
    background: #1a1813 !important;
}

body.game-theme-wot .replay-card-shade {
    background: linear-gradient(180deg, rgba(10, 9, 7, 0.08), rgba(10, 9, 7, 0.1) 48%, rgba(10, 9, 7, 0.92)) !important;
}

body.game-theme-wot .replay-card-fallback {
    filter: saturate(0.72) brightness(0.78) sepia(0.18);
}

/* ---------- 8. Hero 右侧对战卡（原为冷海军蓝硬编码） ---------- */
body.game-theme-wot .home-battle-card {
    background: linear-gradient(145deg, rgba(34, 32, 25, 0.9), rgba(24, 22, 17, 0.72)) !important;
    border-color: rgba(212, 180, 106, 0.26) !important;
}

body.game-theme-wot .home-battle-card::before,
body.game-theme-wot .home-battle-card::after {
    border-color: rgba(212, 180, 106, 0.55);
}

body.game-theme-wot .home-version {
    color: #a89f86 !important;
}

body.game-theme-wot .outcome-badge {
    color: #e9e2bf;
    background: rgba(140, 133, 110, 0.2);
    border-color: rgba(195, 189, 163, 0.28);
}

body.game-theme-wot .home-battle-meta dt {
    color: #8f8a76 !important;
}

body.game-theme-wot .home-battle-meta dd {
    color: #e9e2bf !important;
}

body.game-theme-wot .home-battle-stats span {
    color: #8f8a76 !important;
}

body.game-theme-wot .home-battle-empty-mark {
    color: rgba(212, 180, 106, 0.5) !important;
}

body.game-theme-wot .home-battle-shipline strong,
body.game-theme-wot .home-battle-card h2 {
    color: #f7f2df !important;
}

/* ---------- 9. 坦克类型入口（WoT 五类） ---------- */
body.game-theme-wot .home-ship-type-card {
    color: #f7f2df !important;
    background:
        linear-gradient(180deg, rgba(22, 20, 15, 0.05), rgba(22, 20, 15, 0.9)),
        radial-gradient(circle at 65% 20%, rgba(190, 150, 70, 0.2), transparent 65%),
        #1a1813 !important;
    border: 1px solid rgba(201, 169, 97, 0.22) !important;
    border-top: 2px solid var(--gold-600) !important;
}

body.game-theme-wot .home-ship-type-light_tank {
    background: linear-gradient(180deg, rgba(97, 92, 77, 0.16), transparent) !important;
    border-top-color: var(--navy-300) !important;
}

body.game-theme-wot .home-ship-type-medium_tank {
    background: linear-gradient(180deg, rgba(212, 180, 106, 0.14), transparent) !important;
    border-top-color: var(--gold-400) !important;
}

body.game-theme-wot .home-ship-type-heavy_tank {
    background: linear-gradient(180deg, rgba(140, 132, 110, 0.15), transparent) !important;
    border-top-color: var(--navy-200) !important;
}

body.game-theme-wot .home-ship-type-tank_destroyer {
    background: linear-gradient(180deg, rgba(242, 83, 34, 0.13), transparent) !important;
    border-top-color: #f25322 !important;
}

body.game-theme-wot .home-ship-type-self_propelled_gun {
    background: linear-gradient(180deg, rgba(240, 196, 106, 0.14), transparent) !important;
    border-top-color: var(--amber-500) !important;
}

body.game-theme-wot .home-ship-type-card:hover {
    border-color: rgba(212, 180, 106, 0.55) !important;
}

/* 坦克剪影光晕：青色投影 -> 暖沙金 */
body.game-theme-wot .home-ship-type-art {
    filter: saturate(1.05) brightness(0.96) drop-shadow(0 14px 16px rgba(70, 55, 25, 0.4));
}

body.game-theme-wot .home-ship-type-card:hover .home-ship-type-art {
    filter: saturate(0.95) brightness(1) drop-shadow(0 18px 20px rgba(180, 140, 60, 0.35));
}

/* ---------- 10. 排行银牌（去冷蓝） ---------- */
body.game-theme-wot .home-rank-2 .home-leaderboard-rank {
    background: linear-gradient(135deg, #7a7468, #a8a296);
    color: #14120e;
}

/* ---------- 11. 上传 CTA（去硬编码藏青渐变） ---------- */
body.game-theme-wot .home-upload-cta {
    background-image:
        linear-gradient(135deg, rgba(38, 36, 29, 0.86) 0%, rgba(26, 24, 19, 0.9) 50%, rgba(23, 21, 18, 0.94) 100%),
        var(--cta-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
}

/* ---------- 12. 残留 WoWS 蓝修复：目录卡占位角标 ---------- */
body.game-theme-wot .catalog-card-media-note {
    color: #f0e6c8 !important;
    background: rgba(26, 24, 18, 0.82) !important;
    border-color: rgba(212, 180, 106, 0.32) !important;
}