/* ============================================================
   FOXOR · lithos 主题覆盖层 v1（在 main.css 之后加载）
   策略：内页 HTML 零改动，仅靠「变量翻白 + 组件覆盖」换肤
   黑金 → lithos 白底体系：白底黑字 / 大圆角 / 毛玻璃导航 /
        暖橙强调 #e8823a / 黑页脚；页头保持深色（黑→白→黑节奏）
   ============================================================ */

/* ---------- 变量翻白 ---------- */
:root {
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f7f7f7;
    --color-bg-tertiary: #efefef;
    --color-bg-card: #f5f5f5;
    --color-bg-overlay: rgba(255, 255, 255, 0.95);

    /* 金色系 → lithos 暖橙（变量名不变，全站引用自动跟随） */
    --color-gold-primary: #e8823a;
    --color-gold-secondary: #d06e28;
    --color-gold-tertiary: #f09a5c;
    --color-gold-dark: #a85a1e;
    --color-gold-glow: rgba(232, 130, 58, 0.12);

    --color-orange-primary: #e8823a;
    --color-orange-glow: rgba(232, 130, 58, 0.12);

    --color-text-primary: #111111;
    --color-text-secondary: #6b6b6b;
    --color-text-muted: #a5a5a5;
    --color-text-inverse: #ffffff;

    --color-border: rgba(0, 0, 0, 0.12);
    --color-border-light: rgba(0, 0, 0, 0.05);
    --color-divider: rgba(0, 0, 0, 0.06);
    --color-tech-grid: transparent;

    /* lithos 大圆角（原 2-4px 硬朗风 → 12-24px 胶囊卡风） */
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;

    --shadow-sm: 0 1px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.09);
    --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.12);

    /* 英文标题 lithos 化：Playfair 斜体优先，中文仍宋体 */
    --font-display:
        'Playfair Display', 'Noto Serif SC', 'Source Han Serif CN',
        '思源宋体', 'SimSun', serif;
}

/* ---------- 底色与纹理 ---------- */
body { background: var(--color-bg-primary); color: var(--color-text-primary); }
body::before { display: none; }              /* 旧黑金背景纹理 */
::selection { background: rgba(232, 130, 58, 0.22); }

/* ---------- 导航：全宽毛玻璃深条 ---------- */
.navbar {
    height: 64px;
    background: rgba(10, 10, 10, 0.5);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    backdrop-filter: blur(16px) saturate(1.4);
    border-bottom: none;
}
.navbar.scrolled { background: rgba(10, 10, 10, 0.65); border-bottom: none; }
.navbar .nav-logo-name { color: #fff; }
.navbar .nav-logo-sub { color: rgba(255, 255, 255, 0.55); }
.navbar .nav-link { color: rgba(255, 255, 255, 0.72); }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #fff; }
.navbar .nav-link::after { background: var(--color-gold-primary); }
.navbar .nav-cta {
    background: #fff; color: #111; border: none; border-radius: 999px;
}
.navbar .nav-cta::before { background: var(--color-gold-primary); }
.navbar .nav-cta:hover { color: #fff; }
.navbar .nav-toggle span { background: #fff; }
/* 下拉菜单：深玻璃卡片 */
.dropdown-menu {
    background: rgba(12, 12, 12, 0.92);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
}
.dropdown-menu a { color: rgba(255, 255, 255, 0.75) !important; }
.dropdown-menu a:hover { color: #fff !important; background: rgba(255, 255, 255, 0.07) !important; }

/* ---------- 通用组件 lithos 化 ---------- */
.btn { border-radius: 999px; }
.btn-primary { background: #111; color: #fff; }
.btn-primary:hover { background: #000; color: #fff; transform: translateY(-1px); }
.btn-secondary { background: transparent; color: #111; border: 1px solid rgba(0, 0, 0, 0.28); }
.btn-secondary:hover { background: #111; border-color: #111; color: #fff; }
.btn-ghost { color: #555; border: 1px solid rgba(0, 0, 0, 0.14); }
.btn-ghost:hover { color: #111; border-color: rgba(0, 0, 0, 0.32); }
/* 深色页头（hero/page-header/hall-hero）里的主按钮翻白 —— 黑底上黑胶囊不可见 */
.hero .btn-primary, .page-header .btn-primary, .hall-hero .btn-primary,
.hero .btn-secondary, .page-header .btn-secondary {
    background: #fff; color: #111; border-color: #fff;
}
.hero .btn-primary:hover, .page-header .btn-primary:hover, .hall-hero .btn-primary:hover,
.hero .btn-secondary:hover, .page-header .btn-secondary:hover {
    background: var(--color-gold-primary); color: #fff; border-color: var(--color-gold-primary);
}
.hero .btn-ghost { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.3); }
.hero .btn-ghost:hover, .page-header .btn-ghost:hover { color: #fff; border-color: rgba(255,255,255,.6); }

.section-label {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    letter-spacing: 0.01em;
    color: var(--color-gold-primary);
}
.section-title .highlight { color: var(--color-gold-primary); }

/* 装饰分隔（金线+菱形）在白底上很怪，lithos 无此项 */
.divider { display: none; }

/* 卡片：灰底大圆角 + 描边 + 悬浮阴影（老板反馈纯灰底边界太淡，加清晰描边） */
.card {
    background: var(--color-bg-card);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}
.card:hover { box-shadow: var(--shadow-md); }
.card::before { display: none; }   /* 金色顶部装饰线 */

/* ---------- 数据统计：灰卡 ---------- */
.stats-section { background: #fff; border-top: none; border-bottom: none; }
.stat-item {
    background: var(--color-bg-card);
    border-radius: 24px;
    border: none;
}
.stat-number { color: #111; }
.stat-label { color: #999; }
.stat-sub { color: #b5b5b5; }

/* ---------- 内页页头：lithos 白底（导航深玻璃浮于白页） ---------- */
.page-header {
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.page-header::before, .page-header::after { display: none; }

/* 荣誉殿堂：纪念碑属性，整页保留暗色。
   hero 保持透明 —— 它是 .hall-stage 的一 部分，舞台的顶部金光、
   淡网格与光柱必须从标题后面一直贯到卡片区；此前这里的
   不透明 #0a0a0a 会把光拦腰截断，页面看起来像上下两截。 */
.hall-hero {
    color: #fff;
}
.hall-hero .hall-hero-quote { color: rgba(255, 255, 255, 0.55); }

/* ---------- 页脚：lithos 黑 ---------- */
.footer { background: #0a0a0a; }
.footer .footer-col-title { color: #fff; }
.footer .footer-links a { color: rgba(255, 255, 255, 0.55); }
.footer .footer-links a:hover { color: #fff; }
.footer .footer-tagline, .footer .footer-meta, .footer .footer-legal, .footer .footer-copyright {
    color: rgba(255, 255, 255, 0.38);
}
/* 页脚 HQ 驻地块：容器在 main.css 里用的是 --color-bg-tertiary（已被翻白成浅灰），
   黑页脚上会变成"浅底浅字"不可读 —— 整块翻成黑页脚同族的深色块 */
.footer .footer-hq {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-left: 2px solid var(--color-gold-primary);
    border-radius: 12px;
}
.footer .footer-hq-label { color: var(--color-gold-primary); }
/* 驻地系统名：紧凑一排，斜杠直连无间距 */
.footer .footer-hq-locs { gap: 0; flex-wrap: nowrap; }
.footer .footer-hq-loc { color: rgba(255, 255, 255, 0.88); letter-spacing: 0; }
.footer .footer-hq-loc + .footer-hq-loc::before { content: '/'; margin: 0 -1px 0 0; color: rgba(255, 255, 255, 0.4); }
.footer .footer-social a {
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}
.footer .footer-social a:hover { color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.footer .nav-logo-mark { color: var(--color-gold-primary); border-color: var(--color-gold-primary); }
.footer .nav-logo-mark span { color: var(--color-gold-primary); }

/* ---------- 回到顶部：黑胶囊 ---------- */
#backToTop { border-radius: 999px; background: #111; color: #fff; border: none; }
#backToTop:hover { background: #000; }

/* ---------- 表格/时间线等数据密集组件的浅色适配 ---------- */
table { color: var(--color-text-primary); }

/* ---------- 击毁榜：内嵌样式硬编码深色 → 覆盖为浅色
   （页面 body 内 <style> 加载晚于本文件，需 !important 压制） ---------- */
.kb-board {
    background: #f5f5f5 !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: none !important;
}
.kb-head { color: #999 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; }
.kb-row {
    background: #fff !important;
    border-left: 3px solid var(--color-gold-primary) !important;
    color: #222 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}
.kb-rank { color: var(--color-gold-primary) !important; }
.kb-name, .kb-ship, .kb-isk { color: #333 !important; }
.kb-scanline { display: none !important; }