/* ══════════════════════════════════════════════════════
   calculator_v2.css — 仪表盘导航UI V2
   首页5张大卡片 → 点击进入二级功能页
   ══════════════════════════════════════════════════════ */

/* ===== 根变量 ===== */
:root {
    /* 6级背景色阶：从深到浅逐级提亮，保证边界清晰 */
    --dash-bg: #080b14;           /* L0 页面底色（最深） */
    --dash-surface: #13182e;      /* L1 header/导航表面 */
    --dash-card-bg: #1a1f3a;      /* L2 仪表盘卡片 / 页面内容区 */
    --dash-card-hover: #262c52;   /* L3 卡片hover */
    --dash-input-bg: #20254a;     /* L4 表单/槽位/卡片内部元件（新增） */
    --dash-input-hover: #2a3060;  /* L5 内部元件hover（新增） */

    --dash-accent: #8b7df7;
    --dash-accent-light: #c4b8ff;

    /* 文字：纯白主文字 + 提亮次要文字 */
    --dash-text: #f4f5ff;         /* 主文字（纯亮白） */
    --dash-text-dim: #bec1d4;     /* 次要文字（原 #9a9db8 → +36亮度） */
    --dash-text-muted: #979aae;   /* 最弱文字（原 #6e7188 → +41亮度） */

    /* 分割线：适当提亮 */
    --dash-border: #2b3050;       /* 边框（原 #232742 → +8亮度） */
    --dash-border-light: #353b62; /* 浅边框（新增，卡片内部元件用） */

    --dash-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
    --dash-shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.6);
    --dash-radius: 20px;
    --dash-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== 全局重置 ===== */
body {
    background: var(--dash-bg);
    padding: 0;
    margin: 0;
    min-height: 100vh;
}

.container {
    max-width: 100%;
    padding: 0;
}

/* ===== Header 精简 ===== */
header {
    background: var(--dash-surface);
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--dash-border);
    padding: 16px 24px;
    margin-bottom: 0;
    text-align: center;
}
header h1 {
    font-size: 1.15rem;
    color: var(--dash-text);
}
header .subtitle {
    display: none;
}

/* V2 Header 按钮：深色背景下提高可见度 */
header .btn-changelog {
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
    background: rgba(108, 92, 231, 0.12);
}
header .btn-changelog:hover {
    background: var(--dash-accent);
    color: #fff;
}

/* ===== 移除原 main-layout 网格 ===== */
.main-layout {
    display: block !important;
    gap: 0;
}

/* ============================================
   仪表盘首页 — 5张大卡片
   ============================================ */
.dashboard-home {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: auto;
    padding: 20px 24px 40px;
    animation: dashFadeIn 0.5s ease;
}

@keyframes dashFadeIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

.dashboard-home-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--dash-text);
    margin-bottom: 2px;
    text-align: center;
}
.dashboard-home-sub {
    font-size: 0.9rem;
    color: var(--dash-text-dim);
    margin-bottom: 16px;
    text-align: center;
}

/* ============================================
   树形引导布局
   ============================================ */
.dash-tree {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

.tree-row {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.tree-l1 {
    max-width: 380px;
    width: 100%;
}
.tree-l1 .dash-card {
    flex: 1;
}
.tree-l2 .dash-card {
    flex: 1;
    max-width: 300px;
}
.tree-l3 .dash-card {
    flex: 1;
    max-width: 300px;
}

/* 树形连接线 */
.tree-connector-l1,
.tree-connector-l2 {
    width: 100%;
    max-width: 520px;
    height: 18px;
    overflow: visible;
}
.tree-svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* 卡片通用样式 */
.dash-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px 18px 18px;
    border-radius: var(--dash-radius);
    background: var(--dash-card-bg);
    border: 1px solid var(--dash-border);
    cursor: pointer;
    user-select: none;
    transition: all var(--dash-transition);
    position: relative;
    overflow: hidden;
    min-height: 145px;
    text-decoration: none;
    color: inherit;
}

.dash-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    border-radius: var(--dash-radius) var(--dash-radius) 0 0;
    opacity: 0;
    transition: opacity var(--dash-transition);
}

.dash-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--dash-shadow-hover);
    border-color: transparent;
    background: var(--dash-card-hover);
}
.dash-card:hover::before {
    opacity: 1;
}

/* 卡片点击态 */
.dash-card:active {
    transform: translateY(-2px) scale(0.98);
    transition: 0.1s ease;
}

/* 各卡片主题色（降低过曝发光） */
.dash-card.card-character::before { background: linear-gradient(90deg, #667eea, #764ba2); }
.dash-card.card-character:hover { box-shadow: 0 12px 48px rgba(102, 126, 234, 0.15); }

.dash-card.card-equipment::before { background: linear-gradient(90deg, #f093fb, #f5576c); }
.dash-card.card-equipment:hover { box-shadow: 0 12px 48px rgba(245, 87, 108, 0.15); }

.dash-card.card-buffs::before { background: linear-gradient(90deg, #4facfe, #00f2fe); }
.dash-card.card-buffs:hover { box-shadow: 0 12px 48px rgba(79, 172, 254, 0.15); }

.dash-card.card-calculator::before { background: linear-gradient(90deg, #f39c12, #e74c3c); }
.dash-card.card-calculator:hover { box-shadow: 0 12px 48px rgba(243, 156, 18, 0.18); }

.dash-card.card-combo::before { background: linear-gradient(90deg, #43e97b, #38f9d7); }
.dash-card.card-combo:hover { box-shadow: 0 12px 48px rgba(67, 233, 123, 0.15); }

/* 卡片内容 */
.dash-card-icon {
    font-size: 2.2rem;
    line-height: 1;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
}

.dash-card-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--dash-text);
    position: relative;
    z-index: 1;
    letter-spacing: 0.02em;
}

.dash-card-desc {
    font-size: 0.76rem;
    color: var(--dash-text-dim);
    text-align: center;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    max-width: 180px;
}

/* ============================================
   页面内容区
   ============================================ */
.dashboard-pages {
    display: none;  /* 默认隐藏，点击卡片后显示 */
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 24px 40px;
}

.dashboard-pages.visible {
    display: block;
    animation: pageFadeIn 0.4s ease;
}

@keyframes pageFadeIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

.page-content {
    display: none;
    background: var(--dash-card-bg);
    border-radius: var(--dash-radius);
    padding: 32px 36px;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--dash-border);
    margin-bottom: 24px;
}

.page-content.active {
    display: block;
    animation: pageFadeIn 0.4s ease;
}

/* ===== 返回仪表盘按钮 ===== */
.btn-back-dashboard {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: 1px solid var(--dash-border-light);
    border-radius: 10px;
    background: var(--dash-input-bg);
    color: var(--dash-text);
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.2s ease;
    margin-bottom: 20px;
    white-space: nowrap;
}

.btn-back-dashboard:hover {
    border-color: var(--dash-accent);
    color: #fff;
    background: var(--dash-card-hover);
}

.btn-back-dashboard .back-arrow {
    font-size: 1.1rem;
    line-height: 1;
}

/* ===== 页面内 config-section 适配深色主题 ===== */
.page-content .config-section {
    background: transparent;
    border-bottom: 1px solid var(--dash-border);
    margin-bottom: 22px;
    padding-bottom: 20px;
}

.page-content .config-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.page-content .config-section h2 {
    color: var(--dash-accent-light);
    border-bottom-color: var(--dash-accent);
}

.page-content .config-section h3 {
    color: var(--dash-text);
}

/* ===== 深色表单元素适配 ===== */
.page-content .input-group label {
    color: var(--dash-text);
}

.page-content .input-group input,
.page-content .input-group select,
.page-content .input-group textarea {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}

.page-content .input-group input:focus,
.page-content .input-group select:focus,
.page-content .input-group textarea:focus {
    border-color: var(--dash-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
}

.page-content .checkbox-item {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .checkbox-item:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-border-light);
}
.page-content .checkbox-item label {
    color: var(--dash-text);
}

/* ===== 装备槽 ===== */
.page-content .equipment-slot {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .equipment-slot label {
    color: var(--dash-text);
}
.page-content .equip-advanced {
    background: var(--dash-surface);
}

.page-content .btn-toggle-advanced {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .btn-toggle-advanced:hover {
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
    background: var(--dash-card-hover);
}

.page-content .self-glory-row {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
}

.page-content .equip-baojing-params {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
}

/* ===== 铭文 ===== */
.page-content .ming-wen-slot {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .ming-wen-slot:hover {
    border-color: var(--dash-accent);
    background: var(--dash-card-hover);
}
.page-content .ming-wen-slot.selected {
    border-color: var(--dash-accent);
    background: var(--dash-input-hover);
}

.page-content .ming-wen-color-group h3 {
    color: var(--dash-text);
}

/* ===== 增益选择 ===== */
.page-content .sub-section {
    border-bottom-color: var(--dash-border);
}
.page-content .sub-section h3 {
    color: var(--dash-text);
}

.page-content .search-bar input,
.page-content .search-bar select {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}

.page-content .zb-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .zb-card:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .zb-card.on {
    background: var(--dash-input-hover);
    border-color: var(--dash-accent);
}
.page-content .zb-card .zb-nm {
    color: var(--dash-text);
}
.page-content #fuzhu-zengyi-list {
    background: transparent;
}

/* ===== 食物/药品 ===== */
.page-content .buff-food-card,
.page-content .buff-med-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .buff-food-card:hover,
.page-content .buff-med-card:hover {
    border-color: var(--dash-accent);
    background: var(--dash-card-hover);
}
.page-content .buff-food-card.selected,
.page-content .buff-med-card.selected {
    background: var(--dash-input-hover);
    border-color: var(--dash-accent);
}
.page-content .buff-food-card-name,
.page-content .buff-med-card-name {
    color: var(--dash-text);
}
.page-content .buff-med-quality-toggle {
    border-bottom-color: var(--dash-border);
}

/* ===== 属性卡片 ===== */
/* stats-grid 卡片保持原有鲜明色彩（在深色背景中提供视觉锚点） */

/* ===== 伤害卡片 ===== */
.page-content .damage-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .damage-card .damage-type {
    color: var(--dash-text-dim);
}

.page-content .multiplier-breakdown {
    background: var(--dash-input-bg);
}
.page-content .multiplier-item {
    background: var(--dash-input-hover);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
}
.page-content .multiplier-item:hover {
    background: var(--dash-card-hover);
}

/* ===== 连招编辑器 ===== */
.page-content .combo-sync-hint {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}

.page-content .combo-item {
    background: var(--dash-input-bg);
}

.page-content .saved-combo-item {
    background: var(--dash-input-bg);
}

.page-content #save-combo-area {
    background: var(--dash-input-bg);
}

.page-content #combo-pie-legend {
    color: var(--dash-text);
}

/* ===== 按钮适配 ===== */
.page-content .btn-changelog {
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
    background: rgba(108, 92, 231, 0.12);
}
.page-content .btn-changelog:hover {
    background: var(--dash-accent);
    color: #fff;
}

.page-content .btn-reset-section {
    border-color: #e74c3c;
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
}
.page-content .btn-reset-section:hover {
    background: #e74c3c;
    color: #fff;
}

/* ===== 推算面板 ===== */
.page-content .opt-mode-panel {
    background: var(--dash-input-bg);
    border-color: var(--dash-accent);
}
.page-content .opt-mode-card {
    background: var(--dash-input-hover);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
}
.page-content .opt-mode-card:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .opt-mode-card.active {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .opt-shared-params {
    background: var(--dash-input-bg);
}
.page-content .mw-opt-equip-exclude-block {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .equip-exclude-cat-card {
    background: var(--dash-input-hover);
    border-color: var(--dash-border-light);
}

/* ===== 装备过滤 Tab ===== */
.page-content .equip-filter-btn {
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
    background: var(--dash-input-bg);
}
.page-content .equip-filter-btn:hover {
    border-color: var(--dash-accent);
    color: var(--dash-text);
    background: var(--dash-card-hover);
}

/* ===== 唤灵效果区域 ===== */
.huanling-effects-section {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed var(--dash-border);
}
.huanling-effects-section h3 {
    color: var(--dash-accent-light);
    font-size: 0.95rem;
    margin-bottom: 8px;
}

/* ===== 隐藏移动端 Tab 栏（桌面端） ===== */
.mobile-tab-bar {
    display: none !important;
}

/* ===== 隐藏 footer ===== */
footer {
    display: none;
}

/* ============================================
   流程引导进度条（全部高亮，纯介绍引导）
   ============================================ */
.guidance-flow {
    max-width: 700px;
    margin: 0 auto 20px;
    padding: 0 12px;
}
.flow-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.flow-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    opacity: 1;
}
.flow-step:nth-child(1) .flow-num { background: #667eea; border-color: #667eea; color: #fff; }
.flow-step:nth-child(3) .flow-num { background: #f093fb; border-color: #f093fb; color: #fff; }
.flow-step:nth-child(5) .flow-num { background: #4facfe; border-color: #4facfe; color: #fff; }
.flow-step:nth-child(7) .flow-num { background: #43e97b; border-color: #43e97b; color: #1a3a1a; }
.flow-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
}
.flow-label {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--dash-text-dim);
    white-space: nowrap;
}
.flow-connector {
    width: 36px;
    height: 2px;
    background: var(--dash-border);
    margin: 0 2px -16px;
}

/* ============================================
   可折叠子区块（装备精确配置、增益子项）
   ============================================ */
.collapse-sub-section {
    margin-bottom: 8px;
}
.collapse-sub-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--dash-surface);
    border: 1px solid var(--dash-border);
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dash-text);
    transition: all 0.2s ease;
}
.collapse-sub-header:hover {
    border-color: var(--dash-accent);
    background: var(--dash-card-hover);
}
.collapse-sub-header .collapse-arrow {
    font-size: 0.75rem;
    color: var(--dash-text-dim);
    transition: transform 0.2s ease;
    width: 16px;
    text-align: center;
}
.collapse-sub-body {
    padding: 8px 4px 4px 4px;
}

/* ============================================
   装备区域深色适配补充
   ============================================ */
.page-content .collapse-sub-header {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .collapse-sub-header:hover {
    border-color: var(--dash-accent);
    background: var(--dash-card-hover);
}
.page-content .glory-baojing-row .self-glory-row {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
/* 荣耀等级 input（内联样式覆盖）*/
.page-content .glory-baojing-row .self-glory-row input {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
/* 荣耀等级提示文字（内联样式覆盖）*/
.page-content .glory-baojing-row .self-glory-row span {
    color: var(--dash-text-dim) !important;
}
.page-content .glory-baojing-row .self-glory-row label {
    color: var(--dash-text) !important;
}

.page-content .glory-baojing-row .equip-baojing-params {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
}
/* 暴烈/镜影 label（内联样式覆盖）*/
.page-content .glory-baojing-row .equip-baojing-params > label {
    color: var(--dash-accent-light) !important;
}
/* 暴烈/镜影 input/select（内联样式覆盖）*/
.page-content .glory-baojing-row .equip-baojing-params input,
.page-content .glory-baojing-row .equip-baojing-params select {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
/* 暴烈/镜影文字标签 */
.page-content .glory-baojing-row .equip-baojing-params .opt-param-row span {
    color: var(--dash-text-dim);
}
.page-content .glory-baojing-row .equip-baojing-params .opt-param-hint {
    color: var(--dash-text-muted);
}

/* ══════════════════════════════════════════════════════
   V2 深色覆盖：消除白色/浅色底色
   禁止拿白色当背景——所有底色统一深色变量
   ══════════════════════════════════════════════════════ */

/* ── 全局弹窗（非 .page-content 范围）── */
.stat-breakdown-modal,
.combo-comparison-modal,
.optimize-settings-modal,
.combo-drilldown-modal,
.changelog-modal,
.snapshot-effect-modal,
.dps-refine-modal,
.custom-buff-modal-content,
.mw-picker-panel {
    background: var(--dash-card-bg);
    color: var(--dash-text);
}
.stat-breakdown-modal h3,
.combo-drilldown-modal h3,
.dps-refine-header h3 {
    color: var(--dash-accent-light);
}

/* 弹窗内header条 */
.dps-refine-header {
    background: var(--dash-surface);
    border-bottom-color: var(--dash-border);
}
.drilldown-header {
    border-bottom-color: var(--dash-border);
}

/* ── drilldown 弹窗内部组件暗色适配 ── */
.combo-drilldown-modal .drilldown-summary-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.combo-drilldown-modal .drilldown-summary-card .ds-label {
    color: var(--dash-text-dim);
}
.combo-drilldown-modal .drilldown-summary-card .ds-value {
    color: var(--dash-accent-light);
}
.combo-drilldown-modal .drilldown-summary-card.highlight {
    background: var(--dash-surface);
    border-color: var(--dash-accent);
}
.combo-drilldown-modal .drilldown-summary-card.highlight .ds-value {
    color: var(--dash-accent-light);
}
.combo-drilldown-modal .drilldown-skill-row {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
}
.combo-drilldown-modal .drilldown-skill-row:hover {
    background: var(--dash-card-hover);
    box-shadow: 0 0 0 1px var(--dash-accent) inset;
}
.combo-drilldown-modal .drilldown-skill-name {
    color: var(--dash-text);
}
.combo-drilldown-modal .drilldown-bar-wrap {
    background: var(--dash-surface);
}
.combo-drilldown-modal .drilldown-pct-overall {
    color: var(--dash-text-dim);
}
.combo-drilldown-modal .drilldown-pct-type {
    color: var(--dash-accent-light);
}
.combo-drilldown-modal .drilldown-dmg-val {
    color: var(--dash-text);
}
.combo-drilldown-modal .drilldown-close {
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.combo-drilldown-modal .drilldown-close:hover {
    background: var(--dash-danger, #e74c3c);
    color: #fff;
    border-color: var(--dash-danger, #e74c3c);
}

/* ── 饼图图例入口（可点击类型标签）暗色适配 ── */
.page-content .pie-legend-type {
    background: var(--dash-input-bg);
    color: var(--dash-text);
}
.page-content .pie-legend-type:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    box-shadow: 0 2px 6px rgba(100,120,255,0.25);
}
.page-content .pie-legend-item {
    color: var(--dash-text-dim);
}

/* 弹窗遮罩层 */
.stat-breakdown-overlay,
.combo-comparison-overlay,
.optimize-settings-overlay,
.combo-drilldown-overlay,
.changelog-overlay,
.snapshot-effect-overlay,
.dps-refine-overlay,
.custom-buff-overlay {
    background: rgba(0, 0, 0, 0.6);
}

/* ── page-content 内遗漏的白色元素 ── */
.page-content .ch-entry-detail {
    background: var(--dash-card-bg);
    border-top-color: var(--dash-border);
}
.page-content .combo-group-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .combo-group-header {
    background: var(--dash-surface);
}
.page-content .def-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .def-card-ult {
    background: rgba(255, 152, 0, 0.08);
    border-color: rgba(255, 152, 0, 0.3);
}
.page-content .def-card-label,
.page-content .def-card-val,
.page-content .def-card-note,
.page-content .def-steps-title {
    color: var(--dash-text-dim);
}
.page-content .def-card-ult .def-card-val,
.page-content .def-card-ult .def-card-note {
    color: #ffb74d;
}
.page-content .def-step {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}

/* ── 乘区卡片（V2已有基本覆盖，补hover）── */
.page-content .multiplier-item:hover {
    background: var(--dash-card-hover);
}

/* ── 增益卡片（zb）── */
.page-content .zb-card:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}

/* ── zb-tag 标签 ── */
.page-content .zb-tag {
    background: var(--dash-input-hover);
    color: var(--dash-text-dim);
    border-color: var(--dash-border-light);
}
/* 装备效果标签 - 选中态 */
.page-content .zb-tag.on {
    background: var(--dash-accent) !important;
    color: #fff !important;
    font-weight: 700;
}
/* 装备效果卡片 - 选中态 */
.page-content .zb-card.on {
    border-left: 4px solid var(--dash-accent) !important;
    background: var(--dash-card-hover) !important;
}
.page-content .zb-card.on .zb-ck {
    color: var(--dash-accent) !important;
    opacity: 1;
}
/* 二选一效果 - 选中态 */
.page-content .zb-opt-ac {
    border-color: var(--dash-accent) !important;
    background: rgba(139,125,247,0.15) !important;
    color: var(--dash-accent-light) !important;
}
.page-content .zb-opt-ac .zb-opt-v {
    color: var(--dash-accent-light) !important;
}

/* ── 铭文快捷按钮 ── */
.page-content .ming-wen-color-group h3 .btn-quick-mingwen {
    background: var(--dash-input-bg);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}
.page-content .ming-wen-color-group h3 .btn-quick-mingwen:hover {
    background: var(--dash-accent);
    color: #fff;
}

/* ── 覆盖率警告 ── */
.page-content .cov-warning {
    background: rgba(255, 152, 0, 0.1);
    color: #ffb74d;
    border-color: rgba(255, 152, 0, 0.25);
}

/* ── 孙膑存储伤害 ── */
.page-content .stored-dmg-input-wrapper {
    background: rgba(255, 152, 0, 0.08);
    border-color: rgba(255, 152, 0, 0.3);
}

/* ── 连招对比：伤害变化行 ── */
.page-content .ch-skill-up {
    background: rgba(46, 125, 50, 0.12);
}
.page-content .ch-skill-down {
    background: rgba(231, 76, 60, 0.1);
}
.page-content .ch-skill-unchanged {
    background: var(--dash-input-bg);
}

/* ── 连招 drilldown 摘要卡片 ── */
.page-content .drilldown-summary-card {
    background: var(--dash-input-bg);
}

/* ── 铭文推算：模式选择卡片 ── */
.page-content .opt-mode-card:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .opt-mode-card.active {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}

/* ── 铭文推算：结果面板 ── */
.page-content .mw-opt-result-inner {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .mw-opt-slot-tag {
    background: var(--dash-input-hover);
    color: var(--dash-text-dim);
}
.page-content .mw-opt-dmg-delta.zero {
    background: var(--dash-input-bg);
    color: var(--dash-text-dim);
}
.page-content .mw-opt-dmg-delta.positive {
    background: rgba(46, 125, 50, 0.12);
    color: #81c784;
}
.page-content .mw-opt-dmg-delta.negative {
    background: rgba(231, 76, 60, 0.1);
    color: #ef9a9a;
}

/* ── 推算结果：暗色补完（v9） ── */
.page-content .mw-opt-result-stats {
    background: rgba(142, 68, 173, 0.08);
}
.page-content .mw-opt-dmg-label {
    color: var(--dash-text-dim);
}
.page-content .mw-opt-dmg-value {
    color: #90caf9;
}
.page-content .mw-opt-color-row {
    border-bottom-color: var(--dash-border-light);
}
.page-content .mw-opt-color-row .mw-opt-color-label.red { color: #ef9a9a; }
.page-content .mw-opt-color-row .mw-opt-color-label.green { color: #81c784; }
.page-content .mw-opt-color-row .mw-opt-color-label.blue { color: #64b5f6; }
.page-content .mw-opt-insc-tag.green {
    background: rgba(46, 125, 50, 0.1);
    color: #81c784;
}
.page-content .mw-opt-insc-tag.blue {
    background: rgba(41, 128, 185, 0.1);
    color: #64b5f6;
}
.page-content .mw-opt-insc-separator {
    color: var(--dash-text-dim);
}
.page-content .mw-opt-result-title {
    border-bottom-color: var(--dash-border-light);
}
.page-content .mw-opt-apply-btn {
    background: #d35400;
}
.page-content .mw-opt-apply-btn:hover {
    background: #e67e22;
}

/* ── 铭文推算：铭文锁定标签 ── */
.page-content .mw-opt-enchant-lock-tag.unlocked {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}

/* ── 铭文推算：铭文重置按钮 ── */
.page-content .mw-opt-enchant-section .btn-enchant-reset {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .mw-opt-enchant-section .btn-enchant-reset:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* ── 铭文推算：osCHIP (附流) ── */
.page-content .os-chip-fuliu-active {
    background: rgba(255, 152, 0, 0.12) !important;
    border-color: #ffc107 !important;
}

/* ── 铭文推算：装备排除卡片 ── */
.page-content .equip-exclude-cat-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .equip-exclude-cat-card:hover {
    border-color: var(--dash-accent);
}
.page-content .equip-exclude-cat-card.excluded-all {
    background: rgba(231, 76, 60, 0.1);
    border-color: rgba(231, 76, 60, 0.3);
}

/* ── 铭文推算：食物/药品卡片 ── */
.page-content .mw-opt-food-card,
.page-content .mw-opt-med-card {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
}
.page-content .mw-opt-food-card:hover,
.page-content .mw-opt-med-card:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .mw-opt-food-card.selected,
.page-content .mw-opt-med-card.selected {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .mw-opt-food-card.excluded,
.page-content .mw-opt-med-card.excluded {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.25);
    opacity: 0.72;
    position: relative;
    overflow: hidden;
}
.page-content .mw-opt-food-card.excluded::after,
.page-content .mw-opt-med-card.excluded::after {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.4em;
    color: rgba(220, 53, 69, 0.10);
    font-weight: 900;
    pointer-events: none;
    z-index: 0;
}
.page-content .mw-opt-food-card.excluded .mw-opt-food-card-name,
.page-content .mw-opt-med-card.excluded .mw-opt-med-card-name {
    text-decoration: line-through;
    color: #e57373;
    position: relative;
    z-index: 1;
}
.page-content .mw-opt-food-card.excluded .mw-opt-food-card-stats,
.page-content .mw-opt-med-card.excluded .mw-opt-med-card-stats {
    color: rgba(255,255,255,0.25);
    position: relative;
    z-index: 1;
}
.page-content .mw-opt-food-card.excluded .mw-opt-food-tag,
.page-content .mw-opt-med-card.excluded .mw-opt-food-tag {
    opacity: 0.45;
    position: relative;
    z-index: 1;
}

/* 食物/药品标签色（暗色适配） */
.page-content .mw-opt-food-tag.element,
.page-content .buff-food-tag.element {
    background: rgba(46, 125, 50, 0.12);
    color: #81c784;
}
.page-content .mw-opt-food-tag.attack,
.page-content .buff-food-tag.attack {
    background: rgba(230, 81, 0, 0.1);
    color: #ffab40;
}

/* 药品品质卡片 */
.page-content .mw-opt-med-quality-option,
.page-content .buff-med-quality-option {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .mw-opt-med-quality-option:hover,
.page-content .buff-med-quality-option:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}
.page-content .mw-opt-med-quality-option.selected,
.page-content .buff-med-quality-option.selected {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}
.page-content .mw-opt-med-quality.normal {
    background: rgba(33, 150, 243, 0.12);
    color: #64b5f6;
}
.page-content .mw-opt-med-quality.perfect {
    background: rgba(255, 152, 0, 0.12);
    color: #ffb74d;
}

/* 快照编辑器footer */
.page-content .se-footer .btn-secondary {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .se-footer .btn-secondary:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* 装备排除弹窗 header close */
.page-content .eem-header-close {
    background: var(--dash-input-bg);
    color: var(--dash-text-dim);
}
.page-content .eem-header-close:hover {
    background: var(--dash-card-hover);
    color: var(--dash-text);
}

/* 装备排除弹窗 等级按钮 */
.page-content .eel-lv-btn {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .eel-lv-btn:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* 装备选择面板 清除按钮 */
.page-content .mw-picker-btn-clear {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .mw-picker-btn-clear:hover {
    background: rgba(231, 76, 60, 0.15);
    border-color: #e74c3c;
    color: #e74c3c;
}

/* 紧凑选择框 */
.page-content .select-compact {
    background: var(--dash-input-bg);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* ── 全局弹窗暗色补充（非 page-content 范围）── */

/* 快照效果编辑弹窗 */
.snapshot-effect-modal { background: var(--dash-card-bg) !important; color: var(--dash-text); }
.snapshot-effect-modal .se-header .se-skill-tag { background: var(--dash-accent); color: #fff; }
.snapshot-effect-modal .se-header .se-close { border-color: var(--dash-border); color: var(--dash-text-dim); background: var(--dash-input-bg); }
.snapshot-effect-modal .se-header .se-close:hover { background: #e74c3c; color: #fff; border-color: #e74c3c; }
.se-tabs .se-tab { background: var(--dash-input-bg); border-color: var(--dash-border); color: var(--dash-text-dim); }
.se-tabs .se-tab:hover { background: var(--dash-input-hover); border-color: var(--dash-accent); color: var(--dash-text); }
.se-tabs .se-tab.active { background: var(--dash-accent); border-color: var(--dash-accent); color: #fff; font-weight: 600; }
.se-panel-empty { color: var(--dash-text-dim); }
.se-effect-row { background: var(--dash-input-bg); border-color: var(--dash-border-light); }
.se-effect-row:hover { background: var(--dash-input-hover); }
.se-effect-row label { color: var(--dash-text); }
.se-effect-row label .se-effect-desc { color: var(--dash-text-dim); }
.se-effect-row .se-effect-stats { color: var(--dash-accent-light); }
.se-param-row { background: var(--dash-input-bg); border-color: var(--dash-border); }
.se-param-row label { color: var(--dash-text); }
.se-param-row input[type="number"] { background: var(--dash-surface); border-color: var(--dash-border); color: var(--dash-text); }
.se-lock-badge { background: var(--dash-input-hover); color: var(--dash-text-dim); }
.se-lock-badge.se-lock-na { background: #3d1515; color: #e74c3c; }
.se-footer .btn-outline { background: var(--dash-input-bg); color: var(--dash-text); border-color: var(--dash-border); }

/* 精调弹窗 */
.dps-refine-modal { background: var(--dash-card-bg) !important; color: var(--dash-text); }
.dps-refine-header { background: var(--dash-surface) !important; border-bottom-color: var(--dash-border) !important; }
.dps-refine-header h3 { color: var(--dash-accent-light); }
#dps-refine-names-col { color: var(--dash-text-dim); }
.dps-refine-buff-row { background: var(--dash-input-bg); border-color: var(--dash-border-light); }
.dps-refine-buff-row .buff-name { color: var(--dash-text); }
.dps-refine-buff-row input[type="number"] { background: var(--dash-surface); border-color: var(--dash-border); color: var(--dash-text); }
.dps-refine-buff-row input[type="number"]:focus { border-color: var(--dash-accent); }
.dps-refine-buff-row .buff-unit { color: var(--dash-text-dim); }
.dps-refine-buff-row .buff-dur { color: var(--dash-text-dim); }
#dps-refine-timeline { background: var(--dash-surface); border-color: var(--dash-border); }
.dps-refine-hint { color: var(--dash-text-dim); }
.changelog-modal h2 {
    color: var(--dash-accent-light);
}
.changelog-entry {
    border-bottom-color: var(--dash-border);
}
.changelog-entry h3 {
    color: var(--dash-text);
}
.changelog-entry p,
.changelog-entry li {
    color: var(--dash-text-dim);
}
.stat-breakdown-modal .bd-item {
    border-bottom-color: var(--dash-border);
}
.combo-drilldown-modal .drilldown-row {
    border-bottom-color: var(--dash-border);
}

/* ══════════════════════════════════════════════════════
   装备排除弹窗（equip-exclude-modal）深色适配
   ══════════════════════════════════════════════════════ */
.equip-exclude-modal {
    background: var(--dash-card-bg) !important;
    border-color: var(--dash-border) !important;
    color: var(--dash-text);
}
.eem-header {
    border-bottom-color: var(--dash-border) !important;
}
.eem-header-title {
    color: var(--dash-text) !important;
}
.eem-header-close {
    background: var(--dash-input-bg) !important;
    color: var(--dash-text-dim) !important;
}
.eem-header-close:hover {
    background: #e74c3c !important;
    color: #fff !important;
}
.eem-batch-btn {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-accent) !important;
    color: var(--dash-accent-light) !important;
}
.eem-batch-btn:hover {
    background: var(--dash-card-hover) !important;
}
.eem-set-row:hover {
    background: var(--dash-input-bg) !important;
}
.eem-set-check {
    border-color: var(--dash-border-light) !important;
}
.eem-set-name {
    color: var(--dash-text) !important;
}
.eem-set-name.excluded-name {
    color: #ef9a9a !important;
}
.eem-set-meta {
    color: var(--dash-text-muted) !important;
}
.eel-lv-btn {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
    color: var(--dash-text-dim) !important;
}
.eel-lv-btn:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
    color: var(--dash-accent-light) !important;
}
.eel-lv-btn.active {
    background: var(--dash-accent) !important;
    border-color: var(--dash-accent) !important;
    color: #fff !important;
}
.eem-footer {
    border-top-color: var(--dash-border) !important;
}
.eem-footer-count {
    color: var(--dash-text-dim) !important;
}

/* ══════════════════════════════════════════════════════
   铭文选择面板（mw-picker-panel）深色适配
   ══════════════════════════════════════════════════════ */
.mw-picker-panel {
    background: var(--dash-card-bg) !important;
    color: var(--dash-text);
}
.mw-picker-header {
    border-bottom-color: var(--dash-border) !important;
}
.mw-picker-header span {
    color: var(--dash-text) !important;
}
.mw-picker-close {
    color: var(--dash-text-dim) !important;
}
.mw-picker-close:hover {
    color: var(--dash-text) !important;
}
.mw-picker-card {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
}
.mw-picker-card:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.mw-picker-card.current {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.mw-picker-card-name {
    color: var(--dash-text) !important;
}
.mw-picker-stat-label {
    color: var(--dash-text-muted) !important;
}
.mw-picker-stat-val {
    color: var(--dash-accent-light) !important;
}
.mw-picker-footer {
    border-top-color: var(--dash-border) !important;
}
.mw-picker-btn-clear {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
    color: var(--dash-text-dim) !important;
}
.mw-picker-btn-clear:hover {
    background: rgba(231, 76, 60, 0.15) !important;
    color: #ef9a9a !important;
    border-color: #e74c3c !important;
}

/* ══════════════════════════════════════════════════════
   装备/铭文模态卡片 hover 深色适配
   ══════════════════════════════════════════════════════ */
.equip-modal-card:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.mw-modal-card:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.mw-modal-card.selected {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}

/* ══════════════════════════════════════════════════════
   全局暗字体→亮字体统一适配
   深色背景上 #888/#666/#555/#2c3e50 等暗色字体看不清
   统一提升至 dash 变量亮度级别
   ══════════════════════════════════════════════════════ */

/* ── 页面内所有 .def-* / .ch-* / .zb-* / .cmp-* 暗字体 ── */
.page-content .def-card-label,
.page-content .def-steps-title,
.page-content .cmp-meta,
.page-content .ch-skill-count,
.page-content .cmp-total-label {
    color: var(--dash-text-dim);
}
.page-content .def-card-val,
.page-content .def-src-item span:last-child,
.page-content .def-step-title {
    color: var(--dash-accent-light);
}
.page-content .def-step-detail,
.page-content .def-src-item span:first-child,
.page-content .zb-bar button,
.page-content .zb-card .zb-ck {
    color: var(--dash-text-dim);
}
.page-content .zb-card .zb-nm {
    color: var(--dash-text);
}
.page-content .zb-bdge-set {
    color: var(--dash-accent-light);
    background: rgba(108, 92, 231, 0.12);
}
.page-content .zb-opt-ac .zb-opt-v,
.page-content .zb-tag.zb-tag-set {
    color: var(--dash-accent-light);
}

/* ── 增益选择 分类总数/总数 ── */
.page-content .zb-bar .zb-cnt {
    background: var(--dash-accent);
    color: #fff;
}

/* ── 连招组卡片 ── */
.page-content .combo-group-name {
    color: var(--dash-text);
}
.page-content .combo-group-count {
    color: var(--dash-text-dim);
}

/* ── 防御步骤 ── */
.page-content .cmp-total-bar {
    color: var(--dash-text);
}
.page-content .cmp-total-val {
    color: var(--dash-accent-light);
}

/* ── 技能对比行 ── */
.page-content .ch-skill-name {
    color: var(--dash-text);
}
.page-content .ch-skill-old,
.page-content .ch-skill-new {
    color: var(--dash-text-dim);
}
.page-content .ch-skill-diff {
    color: var(--dash-text);
}

/* ── 推算面板 铭文锁定标签 ── */
.page-content .mw-opt-enchant-lock-tag {
    color: var(--dash-text);
}
.page-content .mw-opt-enchant-lock-tag.locked {
    background: rgba(108, 92, 231, 0.15);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}

/* ── 食物/药品开关行 ── */
.page-content .mw-opt-food-med-toggle-row {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}
.page-content .mw-opt-food-med-toggle-label {
    color: var(--dash-text-dim);
}

/* ── 铭文推荐/选项文字 ── */
.page-content .mw-opt-enchant-section h4,
.page-content .mw-opt-food-cat-title,
.page-content .mw-opt-med-cat-title {
    color: var(--dash-text-dim);
}
.page-content .mw-opt-food-card-name,
.page-content .mw-opt-med-card-name {
    color: var(--dash-text);
}

/* ── 推算模式卡片文字 ── */
.page-content .opt-mode-card h4 {
    color: var(--dash-text);
}
.page-content .opt-mode-card p {
    color: var(--dash-text-dim);
}

/* ── 装备排除分类标签文字 ── */
.page-content .equip-exclude-cat-label {
    color: var(--dash-text);
}
.page-content .equip-exclude-cat-icon {
    color: var(--dash-text-dim);
}
.page-content .equip-exclude-cat-count {
    color: var(--dash-text-muted);
}
.page-content .equip-exclude-cat-check {
    color: var(--dash-text-dim);
}
.page-content .equip-exclude-cat-check.checked {
    color: #ef9a9a;
}
.page-content .equip-exclude-cat-check.partial {
    color: #ffb74d;
}
.page-content .equip-exclude-cat-detail-btn {
    color: var(--dash-accent-light);
}

/* ══════════════════════════════════════════════════════
   表单控件深色精调
   铭文按钮为标杆：深底+亮边（相近色系高亮边框区分）
   ══════════════════════════════════════════════════════ */

/* ── 输入框/下拉框/文本域：边框提亮，看清边界 ── */
.page-content .input-group input,
.page-content .input-group select,
.page-content .input-group textarea,
.page-content .search-bar input,
.page-content .search-bar select {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
    accent-color: var(--dash-accent);
}
.page-content .input-group input:focus,
.page-content .input-group select:focus,
.page-content .input-group textarea:focus,
.page-content .search-bar input:focus,
.page-content .search-bar select:focus {
    border-color: var(--dash-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.25);
}

/* ── 原生复选框/单选框：紫色主题 ── */
.page-content input[type="checkbox"],
.page-content input[type="radio"] {
    accent-color: var(--dash-accent);
}

/* ── checkbox-grid 横向标签组（更具体的选择器）── */
.page-content .checkbox-grid .checkbox-item {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
}
.page-content .checkbox-grid .checkbox-item:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}

/* ── 装备槽内 select/input ── */
.page-content .equipment-slot select,
.page-content .equipment-slot input {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
}

/* ── 一键配置区域（内联样式覆盖，!important 必需）── */
.page-content #quick-rows select {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
/* 一键配置容器 */
.page-content .input-group:has(#quick-rows) {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
/* 套装文字标签 */
.page-content #quick-rows span {
    color: var(--dash-text-dim) !important;
}
/* 剩余点数 */
.page-content #quick-budget {
    color: var(--dash-text-dim) !important;
}
/* hint 提示条 */
.page-content #quick-hint {
    background: rgba(230, 126, 34, 0.1) !important;
    color: #ffb74d !important;
}

/* ── 预设栏 select ── */
.page-content .preset-bar select {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
    color: var(--dash-text);
}

/* ── 铭文快捷选择器 select ── */
.page-content .ming-wen-quick-picker select {
    background: var(--dash-input-bg);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* ── 辅助增益参数弹窗 #buff-input-modal ── */
#buff-input-modal {
    background: var(--dash-card-bg) !important;
    color: var(--dash-text);
}
#buff-input-modal h3 {
    color: var(--dash-text) !important;
}
#buff-input-modal .buff-field-row {
    border-bottom-color: var(--dash-border) !important;
}
#buff-input-modal .buff-field-label {
    color: var(--dash-text-dim) !important;
}

/* ── OS推算Tab按钮 ── */
.page-content .os-tab:hover {
    background: var(--dash-card-hover) !important;
}
.page-content .os-tab-active {
    background: var(--dash-input-hover) !important;
    color: var(--dash-accent-light) !important;
    font-weight: 600;
}
.page-content .os-main-tab:hover {
    color: var(--dash-accent-light) !important;
}
.page-content .os-main-tab.os-main-tab-active {
    color: var(--dash-accent-light) !important;
    border-bottom-color: var(--dash-accent) !important;
}

/* ── OS推算Radio行 ── */
.page-content .os-radio-row:hover {
    background: var(--dash-input-bg) !important;
}
.page-content .os-radio-active {
    background: var(--dash-card-hover) !important;
}

/* ── OS推算Chip ── */
.page-content .os-chip-active {
    background: var(--dash-input-hover) !important;
    border-color: var(--dash-accent) !important;
}
.page-content .chip-lock {
    background: rgba(33, 150, 243, 0.12);
    color: #64b5f6;
}
.page-content .chip-mw-lock {
    background: rgba(108, 92, 231, 0.12);
    color: var(--dash-accent-light);
}
.page-content .chip-excluded {
    background: rgba(231, 76, 60, 0.1);
    color: #ef9a9a;
}

/* ── 精度Pill ── */
.page-content .precision-pill {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
}
.page-content .precision-pill:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
}
.page-content .precision-pill.active {
    background: var(--dash-input-hover);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}

/* ── 偏好Tab ── */
.page-content .pref-tab-btn:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.page-content .pref-tab-btn.pref-tab-active {
    background: var(--dash-accent) !important;
    color: #fff !important;
}

/* ── 高级选项折叠按钮 ── */
.page-content .btn-toggle-advanced {
    background: var(--dash-input-bg);
    border-color: var(--dash-border-light);
    color: var(--dash-text-dim);
}
.page-content .btn-toggle-advanced:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}

/* ── 铭文推算：附文标签 ── */
.page-content .mw-opt-insc-tag.red {
    background: rgba(231, 76, 60, 0.1);
    color: #ef9a9a;
}

/* ── 铭文推算：锁定标签暗色 ── */
.page-content .mw-opt-enchant-lock-tag.locked {
    background: rgba(108, 92, 231, 0.15);
    border-color: var(--dash-accent);
    color: var(--dash-accent-light);
}
.page-content .mw-opt-enchant-lock-tag {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text);
}

/* ── 铭文推算附文重置按钮 ── */
.page-content .btn-enchant-reset {
    background: var(--dash-input-bg);
    border-color: var(--dash-border);
    color: var(--dash-text-dim);
}
.page-content .btn-enchant-reset:hover {
    background: var(--dash-card-hover);
    border-color: var(--dash-accent);
    color: var(--dash-text);
}

/* ══════════════════════════════════════════════════════
   铭文选择面板 mw-modal-card 精调
   ══════════════════════════════════════════════════════ */
.mw-modal-card {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.mw-modal-card:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.mw-modal-card.selected {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.3);
}

/* ══════════════════════════════════════════════════════
   全局补齐：漏网的白底输入框、暗字体、弱边框
   ══════════════════════════════════════════════════════ */

/* ── 所有 page-content 内 input/select/textarea 统深 ── */
.page-content input[type="number"],
.page-content input[type="text"],
.page-content input:not([type]),
.page-content select,
.page-content textarea {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
.page-content input:focus,
.page-content select:focus,
.page-content textarea:focus {
    border-color: var(--dash-accent) !important;
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.25) !important;
}

/* ── page-content 内所有 border-color 提亮（除accent外）── */
.page-content .glory-level-group {
    border-top-color: var(--dash-border-light) !important;
}
.page-content .glory-level-group > label {
    color: var(--dash-text-dim) !important;
}
.page-content .glory-level-input-row span {
    color: var(--dash-text-dim) !important;
}
.page-content .glory-level-mult {
    color: #ffb74d !important;
}

/* ── 荣耀装等 input（非 input-group 包裹）── */
.page-content .glory-level-input-row input[type="number"] {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}

/* ── 唤灵区域虚线边框 ── */
.page-content .huanling-effects-section {
    border-color: var(--dash-border-light) !important;
}

/* ── 单技能计算：乘区分解区 ── */
.page-content .multiplier-breakdown {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .multiplier-item {
    background: var(--dash-input-hover) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
.page-content .multiplier-item:hover {
    background: var(--dash-card-hover) !important;
}
.page-content .multiplier-item > span {
    color: var(--dash-text);
}
.page-content .multiplier-sub {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border) !important;
}

/* ── 连招编辑器：所有项目 ── */
.page-content .combo-item {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .combo-item:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}
.page-content .saved-combo-item {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .saved-combo-item:hover {
    background: var(--dash-card-hover) !important;
}
.page-content #save-combo-area {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .combo-sync-hint {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text-dim) !important;
}

/* ── 增益选择：补缺文字 ── */
.page-content #fuzhu-zengyi-list {
    background: transparent;
}
.page-content .zb-tag {
    background: var(--dash-input-hover) !important;
    color: var(--dash-text-dim) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .zb-tag:hover {
    border-color: var(--dash-accent) !important;
    color: var(--dash-accent-light) !important;
}
.page-content .zb-card .zb-nm {
    color: var(--dash-text) !important;
}

/* ── 增益选择：zb-bar 按钮 ── */
.page-content .zb-bar button {
    color: var(--dash-text-dim) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content .zb-bar button:hover {
    border-color: var(--dash-accent) !important;
    color: var(--dash-accent-light) !important;
}

/* ── 食物/药品标签 ── */
.page-content .buff-food-tag.element,
.page-content .mw-opt-food-tag.element {
    background: rgba(46, 125, 50, 0.15) !important;
    color: #81c784 !important;
}
.page-content .buff-food-tag.attack,
.page-content .mw-opt-food-tag.attack {
    background: rgba(230, 81, 0, 0.12) !important;
    color: #ffab40 !important;
}

/* ── OS/铭文推算 对比卡片 ── */
.page-content .opt-compare-card:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}

/* ── config-section border 提亮 ── */
.page-content .config-section {
    border-bottom-color: var(--dash-border-light) !important;
}

/* ── 页面内所有 dark text 残余全局清除 ── */
.page-content label,
.page-content .input-group label,
.page-content .config-section h2,
.page-content h3,
.page-content .sub-section h3 {
    color: var(--dash-text);
}
.page-content p,
.page-content .talent-hint {
    color: var(--dash-text-dim);
}
.page-content .checkbox-item label {
    color: var(--dash-text) !important;
}

/* ══════════════════════════════════════════════════════
   最优推算 + 连招编辑器 内联样式深层覆盖
   ══════════════════════════════════════════════════════ */

/* ── 数字输入框箭头：用 color-scheme dark 消除白色 ── */
.page-content input[type="number"] {
    color-scheme: dark;
}

/* ── 连招保存区域（内联 background:#f0f4f8）── */
.page-content #save-combo-area {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}
.page-content #save-combo-area input {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}

/* ── 推算参数行 input/select（内联 border:#ccc）── */
.page-content #opt-shared-params input,
.page-content #opt-shared-params select,
.page-content #opt-baolie-input,
.page-content #opt-jingying-select {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}

/* ── 推算面板内所有 btn-enchant-reset（内联 border:#ccc）── */
.page-content .mw-opt-enchant-section .btn-enchant-reset,
.page-content #btn-food-exclude-reset,
.page-content #btn-med-exclude-reset,
.page-content #btn-equip-exclude-reset {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text-dim) !important;
}
.page-content .mw-opt-enchant-section .btn-enchant-reset:hover,
.page-content #btn-food-exclude-reset:hover,
.page-content #btn-med-exclude-reset:hover,
.page-content #btn-equip-exclude-reset:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
    color: var(--dash-text) !important;
}

/* ── 推算参数标签文字 ── */
.page-content .opt-param-hint {
    color: var(--dash-text-muted) !important;
}

/* ── 推算结果区域 ── */
.page-content #mw-opt-result {
    color: var(--dash-text);
}

/* ── 连招组模式按钮保持原样（紫色渐变）── */

/* ── equip-modal-content 装备弹窗（内联 background:#fff）── */
#equip-modal-content {
    background: var(--dash-card-bg) !important;
    color: var(--dash-text);
}

/* ══════════════════════════════════════════════════════
   最优推算：绿色筛选 + 排除/锁定 附流 深色适配
   ══════════════════════════════════════════════════════ */

/* ── 强制绿色破势铭文 checkbox ── */
.page-content .mw-opt-checkbox {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
.page-content .mw-opt-checkbox:hover {
    background: var(--dash-card-hover) !important;
    border-color: var(--dash-accent) !important;
}

/* ── 排除/锁定 折叠面板header ── */
.page-content .mw-opt-filter-label {
    color: var(--dash-accent-light) !important;
}

/* ── 折叠箭头 ── */
.page-content .mw-opt-collapse-arrow {
    color: var(--dash-accent-light) !important;
}

/* ── 附流标签：已包含（included）── */
.page-content .mw-opt-enchant-tag.included {
    background: rgba(108, 92, 231, 0.12) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text-dim) !important;
}
/* ── 附流标签：已排除（excluded）/active ── */
.page-content .mw-opt-enchant-tag.excluded,
.page-content .mw-opt-enchant-tag.active {
    background: rgba(231, 76, 60, 0.12) !important;
    border-color: #e74c3c !important;
    color: #ef9a9a !important;
}

/* ── 附流排除/锁定区域容器（bg:#f5f0ff 白底根源）── */
.page-content .mw-opt-enchant-section {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
}

/* ── 锁定标签 ── */
.page-content .mw-opt-enchant-lock-tag {
    background: var(--dash-input-bg) !important;
    border-color: var(--dash-border-light) !important;
    color: var(--dash-text) !important;
}
.page-content .mw-opt-enchant-lock-tag.locked {
    background: rgba(108, 92, 231, 0.15) !important;
    border-color: var(--dash-accent) !important;
    color: var(--dash-accent-light) !important;
}

/* ══════════════════════════════════════════════════════
   边框全局提亮：深色背景需要亮边区分
   铭文一键配置标杆：紫色亮边（accent/light）+ 暗底
   ══════════════════════════════════════════════════════ */
.page-content .equipment-slot,
.page-content .ming-wen-slot,
.page-content .checkbox-item,
.page-content .checkbox-grid .checkbox-item,
.page-content .zb-card,
.page-content .buff-food-card,
.page-content .buff-med-card,
.page-content .mw-opt-food-card,
.page-content .mw-opt-med-card,
.page-content .opt-mode-card,
.page-content .saved-combo-item,
.page-content .combo-item,
.page-content #save-combo-area,
.page-content .combo-sync-hint,
.page-content .damage-card,
.page-content .multiplier-item,
.page-content .mw-opt-result-inner,
.page-content #quick-rows select {
    border-color: var(--dash-border-light) !important;
}

/* hover/accent 状态：紫色亮边 */
.page-content .equipment-slot:hover,
.page-content .ming-wen-slot:hover,
.page-content .checkbox-item:hover,
.page-content .zb-card:hover,
.page-content .buff-food-card:hover,
.page-content .buff-med-card:hover,
.page-content .mw-opt-food-card:hover,
.page-content .mw-opt-med-card:hover,
.page-content .saved-combo-item:hover,
.page-content .combo-item:hover,
.page-content .multiplier-item:hover {
    border-color: var(--dash-accent) !important;
}

/* 选中/active 状态：accent边框+深色底 */
.page-content .ming-wen-slot.selected,
.page-content .zb-card.on,
.page-content .buff-food-card.selected,
.page-content .buff-med-card.selected,
.page-content .mw-opt-food-card.selected,
.page-content .mw-opt-med-card.selected,
.page-content .opt-mode-card.active {
    border-color: var(--dash-accent) !important;
    background: var(--dash-card-hover) !important;
}

/* ============================================
   响应式
   ============================================ */
@media (max-width: 900px) {
    .dash-tree {
        max-width: 100%;
        padding: 0 8px;
    }
    .tree-row {
        gap: 12px;
    }
    .tree-l2 .dash-card,
    .tree-l3 .dash-card {
        max-width: 260px;
    }
    .tree-connector-l1,
    .tree-connector-l2 {
        max-width: 420px;
    }
    .dash-card {
        padding: 18px 12px 16px;
        min-height: 130px;
        gap: 5px;
    }
    .dash-card-icon {
        font-size: 2rem;
    }
    .dash-card-title {
        font-size: 0.9rem;
    }
    .dash-card-desc {
        font-size: 0.7rem;
    }
    .page-content {
        padding: 20px 14px;
        border-radius: 14px;
    }
    .dashboard-home-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 600px) {
    .dash-tree {
        padding: 0 4px;
    }
    .tree-row {
        gap: 4px;
    }
    .tree-l2 .dash-card,
    .tree-l3 .dash-card {
        max-width: 155px;
    }
    .tree-connector-l1,
    .tree-connector-l2 {
        max-width: 310px;
        height: 14px;
    }
    .dash-card {
        padding: 14px 6px 12px;
        min-height: 110px;
        gap: 3px;
        border-radius: 12px;
    }
    .dash-card-icon {
        font-size: 1.6rem;
    }
    .dash-card-title {
        font-size: 0.78rem;
    }
    .dash-card-desc {
        display: none;
    }
    .dashboard-home {
        padding: 14px 10px 32px;
        min-height: auto;
    }
    .dashboard-home-title {
        font-size: 1.1rem;
    }
    .dashboard-home-sub {
        font-size: 0.78rem;
        margin-bottom: 12px;
    }
    .guidance-flow {
        margin-bottom: 12px;
    }
    .flow-num {
        width: 24px;
        height: 24px;
        font-size: 0.7rem;
    }
    .flow-label {
        font-size: 0.6rem;
    }
    .flow-connector {
        width: 24px;
        margin: 0 1px -14px;
    }
    .page-content {
        padding: 14px 10px;
        border-radius: 10px;
    }
    .dashboard-pages {
        padding: 0 8px 24px;
    }
}

/* ════════════════════════════════════════════════════════════
   暗色主题全局文字颜色覆盖
   覆盖 calculator.css 中所有 #666 #777 #888 #999 #aaa 硬编码暗淡色
   用 .page-content 限定主面板，弹窗/更新日志等全局元素不加限定
   ════════════════════════════════════════════════════════════ */

/* ── 通用暗淡文字 → 亮白 ── */
.talent-hint,
.multiplier-section-title,
.multiplier-sub,
.ch-entry-expand,
.ch-entry-time,
.ch-item-none,
.ch-skill-table-header,
.ch-skill-count,
.ch-section-label,
.stat-summary,
.stat-summary-sm,
.field-label,
.change-label,
.change-old,
.no-result,
.zb-empty,
.zb-bar .zb-empty,
.zb-bar button,
.zb-opt .zb-opt-v,
.drilldown-summary-card .ds-label,
.drilldown-pct-overall,
.stats-group-title,
.combo-group-header .group-expand-icon,
.combo-group-header .group-meta,
.drilldown-close-btn,
.stat-label .stat-detail-link,
.def-card-label,
.def-step-line,
.def-step-line2 {
    color: var(--dash-text-dim, #bec1d4) !important;
}

/* ── 更暗淡文字（原来 #999 #aaa）→ 适中亮 ── */
.drilldown-sub-label,
.stat-source-table th {
    color: var(--dash-text-muted, #979aae) !important;
}

/* ── 分析页面 step-header 用 accent ── */
.def-step-header {
    color: var(--dash-accent-light, #c4b8ff) !important;
}

/* ── 更新日志标题 ── */
.changelog-entry h3 {
    color: var(--dash-text, #f4f5ff) !important;
}
.changelog-entry ul li {
    color: var(--dash-text-dim, #bec1d4) !important;
}
.changelog-entry ul li b {
    color: var(--dash-accent-light, #c4b8ff) !important;
}

/* ── Tips/规划弹窗文字 ── */
.tip-content,
.tip-content p,
.tip-content li,
.plan-detail-overlay,
.plan-detail-overlay p,
.plan-detail-overlay li {
    color: var(--dash-text, #f4f5ff) !important;
}
.tip-content h3,
.plan-detail-overlay h3 {
    color: var(--dash-accent-light, #c4b8ff) !important;
}
.tip-content .tip-note,
.plan-detail-overlay .tip-note {
    color: var(--dash-text-dim, #bec1d4) !important;
}

/* ── 统计面板分组标题 ── */
.page-content .stats-group-title {
    color: var(--dash-accent-light, #c4b8ff) !important;
}

/* ── 连招列表时间标签 ── */
.combo-group-header .group-meta {
    color: var(--dash-text-dim, #bec1d4) !important;
}

/* ── 攻防分析卡标签 ── */
.page-content .def-card-label {
    color: var(--dash-text-dim, #bec1d4) !important;
}
.page-content .def-step-line {
    color: var(--dash-text-dim, #bec1d4) !important;
}
.page-content .def-step-line2 {
    color: var(--dash-text-muted, #979aae) !important;
}

/* ── 下钻分析关闭按钮 ── */
.drilldown-close-btn {
    color: var(--dash-text-dim, #bec1d4) !important;
}

/* ── DPS报表暗色覆盖 ── */
.page-content .panel-compare {
    background: var(--dash-card-bg, #1a1d33) !important;
    border-color: var(--dash-border, #2a2d48) !important;
}