/**
 * 原版（基础）主题 —— 浅色 / 深色两个配色
 *
 * "主题"指一套完整的视觉语言（原版 / Liquid Glass…），每套主题内部都要有深色和浅色两种配色，
 * 所以一套主题固定用一个 css 文件，深浅两态都写在同一个文件里（和 liquid-glass.css 的结构对齐），
 * 不再像最早那样把 light/dark 拆成两个文件——文件数等于主题数，而不是"主题数 x 2"，
 * 也少一次 HTTP 请求。
 *
 * 变量分两层：
 * - primitives：这套视觉语言用到的原始色值/色板，只在本文件内被引用，组件层 CSS 不会直接读它们。
 * - semantic：组件层实际读取的变量名（--bg-primary、--text-primary…），只做"角色 -> 色板"的映射。
 *   以后想统一调整某个颜色，只改 primitives 那一行，语义变量自动跟着变。
 *
 * 深色配色下半部分还带着一批历史遗留的组件级覆盖（大量 !important、直接写死颜色），
 * 是 2026-07-28 从旧 style.css 原样搬过来的，还没来得及收敛成纯变量写法，
 * 是 stylelint 里已知的 legacy 豁免项，不是这次整合要处理的范围。
 *
 * 这批 !important 覆盖全部加了 [data-skin="original"] 前缀（2026-07-29）——原来只认
 * data-theme="dark"，不认 data-skin，导致切到 liquid-glass 皮肤后深色模式下这批硬编码颜色
 * 照样用 !important 把卡片背景/阴影/边框摁回原版配色，liquid-glass.css 里对应的玻璃质感变量
 * 完全没机会生效，看起来就像"皮肤只换了页面背景色，卡片样式没变"。
 *
 * --card-radius/--pill-radius 这两个 token（2026-07-29 加）：原版之前"项目框"（食材行/
 * 食谱卡/统计卡…）的圆角是各页面 css 里各自写死的 6~10px 小圆角，标签胶囊也是写死的
 * 20px/6px，跟 liquid-glass 那套统一收到 12px/999px 的圆角规格不一致，两套皮肤放在一起看
 * 明显一个"基本是直角"一个"都是圆角"。这两个变量本身只在这里声明，实际改成 var(--card-radius)/
 * var(--pill-radius) 的地方在 common.css 和各页面专属 css 里（跟这些选择器原来的圆角写在
 * 一起，不在这个主题文件里）——liquid-glass.css 已经用自己的同名变量、更高优先级覆盖过这些
 * 选择器一次，所以改这里的默认值只影响原版皮肤，不会影响 liquid-glass 的显示效果。
 */

/* ============================================================
 * 浅色配色 —— :root 兜底 + html[data-theme="light"] 显式声明，
 * 保证在 data-theme 尚未就绪时也有正确默认值。
 * ============================================================ */
:root,
html[data-theme="light"] {
    /* ---------- primitives ---------- */
    --light-blue-600:    #2563eb;
    --light-emerald-500: #10b981;
    --light-amber-500:   #f59e0b;
    --light-red-500:     #ef4444;
    --light-cyan-500:    #06b6d4;

    --light-gray-900: #111827;
    --light-gray-800: #1f2937;
    --light-gray-500: #6b7280;
    --light-gray-400: #9ca3af;
    --light-gray-200: #e5e7eb;
    --light-gray-100: #f3f4f6;
    --light-gray-50:  #f9fafb;
    --light-white:    #ffffff;

    --light-green-600: #6aaa64;
    --light-green-700: #5a9a54;

    /* ---------- semantic（组件层只认这一层） ---------- */
    --primary-color: var(--light-blue-600);
    --success-color: var(--light-emerald-500);
    --warning-color: var(--light-amber-500);
    --danger-color:  var(--light-red-500);
    --info-color:    var(--light-cyan-500);

    --text-primary:   var(--light-gray-800);
    --text-secondary: var(--light-gray-500);
    --text-light:     var(--light-gray-400);

    --bg-primary:   var(--light-white);
    --bg-secondary: var(--light-gray-50);
    --bg-tertiary:  var(--light-gray-100);
    --bg-dark:      var(--light-gray-900);

    --border-color:  var(--light-gray-200);
    --border-radius: 8px;
    --card-radius:   12px;
    --pill-radius:   999px;

    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-nav: 0 -2px 10px rgba(0, 0, 0, 0.08);

    --brand-color:        var(--light-green-600);
    --brand-color-strong: var(--light-green-700);

    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    color-scheme: light;
}

/* ============================================================
 * 深色配色
 * ============================================================ */
html[data-skin="original"][data-theme="dark"] {
    /* ---------- primitives ---------- */
    --dark-gray-100: #f3f4f6;
    --dark-gray-400: #9ca3af;
    --dark-gray-500: #6b7280;
    --dark-gray-700: #374151;
    --dark-gray-800: #1f2937;
    --dark-gray-900: #111827;

    /* ---------- semantic（组件层只认这一层） ---------- */
    /* --primary-color/--success-color 等语义色在深色模式下沿用浅色配色定义的值（不需要变），
       所以不在这里重复赋值，会自动从上面 :root 继承下来。 */
    --text-primary:   var(--dark-gray-100);
    --text-secondary: var(--dark-gray-400);
    --text-light:     var(--dark-gray-500);

    --bg-primary:   var(--dark-gray-800);
    --bg-secondary: var(--dark-gray-900);
    --bg-tertiary:  var(--dark-gray-700);

    --border-color: var(--dark-gray-700);
    --shadow-nav:   0 -2px 10px rgba(0, 0, 0, 0.3);
    color-scheme: dark;
}

html[data-skin="original"][data-theme="dark"] body {
    color: var(--text-primary);
    background-color: var(--bg-secondary);
}

html[data-skin="original"][data-theme="dark"] body {
    /* 用 background-color 而不是 background 简写：简写会把 background-image 一并重置成
       none，用户在设置里传了自定义背景图（走内联 style 挂在 body 上）就会被这条规则吃掉 */
    background-color: #111827 !important;
}

/* 通用白色背景 → 深色，用边框替代阴影让卡片边缘清晰可见 */
html[data-skin="original"][data-theme="dark"] .modal-content,
html[data-skin="original"][data-theme="dark"] .content-card,
html[data-skin="original"][data-theme="dark"] .table-container,
html[data-skin="original"][data-theme="dark"] .delete-confirm-dialog {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
    border: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .stat-card {
    box-shadow: none !important;
    border-top: 1px solid #374151 !important;
    border-right: 1px solid #374151 !important;
    border-bottom: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .chart-card,
html[data-skin="original"][data-theme="dark"] .summary-card,
html[data-skin="original"][data-theme="dark"] .stat-box,
html[data-skin="original"][data-theme="dark"] .available-ingredients,
html[data-skin="original"][data-theme="dark"] .quick-add-section,
html[data-skin="original"][data-theme="dark"] .recipe-card {
    box-shadow: none !important;
    border: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .modal-header,
html[data-skin="original"][data-theme="dark"] .delete-confirm-header,
html[data-skin="original"][data-theme="dark"] .delete-confirm-footer {
    border-color: var(--border-color) !important;
}

/* 删除确认弹窗 */
html[data-skin="original"][data-theme="dark"] .delete-confirm-item-name {
    background: #374151 !important;
    color: var(--text-primary) !important;
}

/* 表单控件 */
html[data-skin="original"][data-theme="dark"] input[type="text"],
html[data-skin="original"][data-theme="dark"] input[type="password"],
html[data-skin="original"][data-theme="dark"] input[type="email"],
html[data-skin="original"][data-theme="dark"] input[type="number"],
html[data-skin="original"][data-theme="dark"] input[type="date"],
html[data-skin="original"][data-theme="dark"] select,
html[data-skin="original"][data-theme="dark"] textarea {
    background-color: #374151 !important;
    color: var(--text-primary) !important;
    border-color: #4b5563 !important;
}

/* 表格 */
html[data-skin="original"][data-theme="dark"] table th {
    background-color: #374151 !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] table tr:hover {
    background-color: #374151 !important;
}

html[data-skin="original"][data-theme="dark"] table td,
html[data-skin="original"][data-theme="dark"] table th {
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}

html[data-skin="original"][data-theme="dark"] table td {
    color: var(--text-primary);
}

/* 徽章 */
html[data-skin="original"][data-theme="dark"] .badge-secondary {
    background: #374151;
    color: #9ca3af;
}

/* ==================== menu.css 组件 ==================== */
html[data-skin="original"][data-theme="dark"] .page__title {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-card {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-card h3 {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-card .value {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-card .sub-value {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .content-card {
    background: var(--bg-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .content-card h2 {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-skin="original"][data-theme="dark"] .data-item {
    background: #253246 !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .data-item:hover {
    background: #2d3f55 !important;
}

html[data-skin="original"][data-theme="dark"] .item-name {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .item-details {
    color: var(--text-secondary) !important;
}

/* ==================== 统计页 ==================== */
html[data-skin="original"][data-theme="dark"] .chart-card {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .chart-header {
    border-bottom-color: var(--border-color) !important;
}

html[data-skin="original"][data-theme="dark"] .chart-title {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .summary-card {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .summary-label {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .summary-sublabel {
    color: var(--text-light) !important;
}

html[data-skin="original"][data-theme="dark"] .ranking-item {
    background: #253246 !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .ranking-item:hover {
    background: #2d3f55 !important;
}

html[data-skin="original"][data-theme="dark"] .ranking-name {
    color: var(--text-primary) !important;
}

/* ==================== 食材列表 ==================== */
html[data-skin="original"][data-theme="dark"] .food-row {
    background: #253246 !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
    border-bottom: 1px solid #374151 !important;
    border-left-color: #4b5563 !important; /* 默认：中性灰 */
}

/* 状态颜色优先级更高（2个 class 选择器），在暗色下保持彩色 */
html[data-skin="original"][data-theme="dark"] .food-row.row--expired  { border-left-color: #ef4444 !important; }
html[data-skin="original"][data-theme="dark"] .food-row.row--expiring { border-left-color: #f59e0b !important; }
html[data-skin="original"][data-theme="dark"] .food-row.row--low      { border-left-color: #3b82f6 !important; }
html[data-skin="original"][data-theme="dark"] .food-row.row--consumed { border-left-color: #6b7280 !important; }

/* 奇偶行略微错开，增加层次感 */
html[data-skin="original"][data-theme="dark"] .food-table-inner .food-row:nth-child(even) {
    background: #1f2d3d !important;
}

html[data-skin="original"][data-theme="dark"] .food-row.row--consumed {
    opacity: 0.45;
}

html[data-skin="original"][data-theme="dark"] .food-table-header {
    background: #1a2535 !important;
    color: #9ca3af !important;
    border-bottom: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .food-table-header {
    box-shadow: 0 3px 8px rgba(0,0,0,0.35);
}

html[data-skin="original"][data-theme="dark"] .food-table-header .sortable:hover { color: var(--text-primary); }

html[data-skin="original"][data-theme="dark"] .fr-sub,
html[data-skin="original"][data-theme="dark"] .fr-expiry {
    color: #6b7280 !important;
}

html[data-skin="original"][data-theme="dark"] .fr-main,
html[data-skin="original"][data-theme="dark"] .fr-qty {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .fr-days-val.days--normal  { color: #34d399; }
html[data-skin="original"][data-theme="dark"] .fr-days-val.days--warn    { color: #fbbf24; }
html[data-skin="original"][data-theme="dark"] .fr-days-val.days--danger,
html[data-skin="original"][data-theme="dark"] .fr-days-val.days--expired { color: #f87171; }
html[data-skin="original"][data-theme="dark"] .fr-days-val.days--low     { color: #60a5fa; }

html[data-skin="original"][data-theme="dark"] .food-card.card--low { border-top-color: #60a5fa; }

html[data-skin="original"][data-theme="dark"] .batch-item {
    background: #253246 !important;
    border-bottom: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .bi-title {
    color: var(--text-primary) !important;
}

/* 消费确认弹窗内容区 */
html[data-skin="original"][data-theme="dark"] .consume-confirm-dialog,
html[data-skin="original"][data-theme="dark"] [style*="background:#fff"],
html[data-skin="original"][data-theme="dark"] [style*="background: #fff"],
html[data-skin="original"][data-theme="dark"] [style*="background:#ffffff"],
html[data-skin="original"][data-theme="dark"] [style*="background: #ffffff"] {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* ==================== 黑夜模式切换按钮（common.js 悬浮按钮） ==================== */
html[data-skin="original"][data-theme="dark"] .dark-mode-btn,
html[data-skin="original"][data-theme="dark"] .skin-switch-btn {
    background: rgba(31, 41, 55, 0.92);
    border-color: #4b5563;
    color: #f3f4f6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* ==================== 通用 h3 / small ==================== */
html[data-skin="original"][data-theme="dark"] .content-card h3 {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .page__header h1,
html[data-skin="original"][data-theme="dark"] .page__header h2,
html[data-skin="original"][data-theme="dark"] .page__header h3 {
    color: var(--text-primary) !important;
}

/* ==================== 食谱页 ==================== */
html[data-skin="original"][data-theme="dark"] .recipe-card {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .recipe-title {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .recipe-desc {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .recipe-meta {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .recipe-footer { color: var(--text-secondary); }

html[data-skin="original"][data-theme="dark"] .recipe-tags .tag-chip { background: #312e81; color: #c7d2fe; }

html[data-skin="original"][data-theme="dark"] .ingredient-tag {
    background: #374151 !important;
    color: #d1d5db !important;
}

html[data-skin="original"][data-theme="dark"] .available-ingredients {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .available-title {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .modal-close:hover {
    background: #374151 !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .sec-title { color: #d1d5db; }
html[data-skin="original"][data-theme="dark"] .ing-suggestions { border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .ing-sug-item:hover { background: #253246; }

/* ==================== 购物清单页 ==================== */
html[data-skin="original"][data-theme="dark"] .stat-box {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-box-label {
    color: var(--text-secondary) !important;
}

html[data-skin="original"][data-theme="dark"] .shopping-item {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .shopping-item.purchased {
    background: #1a2e1a !important;
}

html[data-skin="original"][data-theme="dark"] .quick-add-section {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .quick-add-title {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .stat-box,
html[data-skin="original"][data-theme="dark"] .quick-add-section,
html[data-skin="original"][data-theme="dark"] .shopping-item,
html[data-skin="original"][data-theme="dark"] .modal-content,
html[data-skin="original"][data-theme="dark"] .modal-header { background: #1f2937 !important; color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .modal-header { border-color: #374151 !important; }
html[data-skin="original"][data-theme="dark"] .shopping-item.purchased { background: #052e16 !important; }
html[data-skin="original"][data-theme="dark"] .low-stock-badge { background: #451a03 !important; border-color: #92400e !important; color: #fde68a !important; }
html[data-skin="original"][data-theme="dark"] .low-stock-badge:hover { background: #78350f !important; color: #fff !important; }
html[data-skin="original"][data-theme="dark"] .item-name   { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .item-meta   { color: var(--text-secondary); }
html[data-skin="original"][data-theme="dark"] .history-area    { background: #111827; }
html[data-skin="original"][data-theme="dark"] #um-history      { background: #111827; }
html[data-skin="original"][data-theme="dark"] .history-row,
html[data-skin="original"][data-theme="dark"] .um-hist-row     { border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .history-row span,
html[data-skin="original"][data-theme="dark"] .um-hist-row span { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .history-row .h-date,
html[data-skin="original"][data-theme="dark"] .um-hist-row .h-date { color: var(--text-secondary); }
html[data-skin="original"][data-theme="dark"] .history-row .h-label  { color: var(--text-secondary); }
html[data-skin="original"][data-theme="dark"] .history-row .h-source { color: #4b5563; }
html[data-skin="original"][data-theme="dark"] .history-row .h-tag    { background: #064e3b; color: #6ee7b7; }
html[data-skin="original"][data-theme="dark"] .history-row .h-tag.archived { background: #374151; color: #9ca3af; }
html[data-skin="original"][data-theme="dark"] #editItemModal .modal-content { background: #1f2937 !important; }
html[data-skin="original"][data-theme="dark"] .date-filter-wrap input[type=date],
html[data-skin="original"][data-theme="dark"] .date-filter-wrap select { background: #374151; color: var(--text-primary); border-color: #4b5563; }
html[data-skin="original"][data-theme="dark"] .filter-sep { background: #374151; }
html[data-skin="original"][data-theme="dark"] .price-chart-wrap { filter: brightness(0.85); }
html[data-skin="original"][data-theme="dark"] .price-record-row { background: #111827; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .price-record-row.cheapest { background: #052e16; border-color: #064e3b; }
html[data-skin="original"][data-theme="dark"] .price-record-row.wanted   { background: #1e3a5f; border-color: #1d4ed8; }
html[data-skin="original"][data-theme="dark"] .price-record-store,
html[data-skin="original"][data-theme="dark"] .price-record-price { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .price-record-price.cheapest { color: #34d399; }
html[data-skin="original"][data-theme="dark"] .price-add-form { background: #111827; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .want-toggle:not(.active) { background: #1f2937; border-color: #374151; color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .store-group { background: #1f2937; }
html[data-skin="original"][data-theme="dark"] .store-item-row { border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .store-item-name { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] #addNameSuggestions { background: #1f2937; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .add-sug-item:hover,
html[data-skin="original"][data-theme="dark"] .add-sug-item.active { background: #1e3a5f; }
html[data-skin="original"][data-theme="dark"] .add-sug-name { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .add-sug-meta  { color: var(--text-secondary); }

/* ==================== 分类标签栏（bottom-nav.css 组件） ==================== */
html[data-skin="original"][data-theme="dark"] .category-tab:hover { background: #4b5563; }
/* 子标签栏用更深的背景，与父级标签栏区分层次 */
html[data-skin="original"][data-theme="dark"] .category-sub-tabs { background: var(--bg-secondary); }
html[data-skin="original"][data-theme="dark"] .category-sub-tab:hover { background: #4b5563; color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .pagination { color: var(--text-light); }

/* ==================== 全局内联颜色覆盖 ==================== */

/* 所有通过 style= 写死的白/浅色背景 */
html[data-skin="original"][data-theme="dark"] [style*="background: white"],
html[data-skin="original"][data-theme="dark"] [style*="background:white"],
html[data-skin="original"][data-theme="dark"] [style*="background: #fff"],
html[data-skin="original"][data-theme="dark"] [style*="background:#fff"],
html[data-skin="original"][data-theme="dark"] [style*="background: #ffffff"],
html[data-skin="original"][data-theme="dark"] [style*="background:#ffffff"],
html[data-skin="original"][data-theme="dark"] [style*="background: #f9fafb"],
html[data-skin="original"][data-theme="dark"] [style*="background:#f9fafb"],
html[data-skin="original"][data-theme="dark"] [style*="background: #f3f4f6"],
html[data-skin="original"][data-theme="dark"] [style*="background:#f3f4f6"] {
    background: #253246 !important;
    color: var(--text-primary) !important;
}

/* 所有通过 style= 写死的深色文字（在暗色背景下不可见） */
html[data-skin="original"][data-theme="dark"] [style*="color: #1f2937"],
html[data-skin="original"][data-theme="dark"] [style*="color:#1f2937"],
html[data-skin="original"][data-theme="dark"] [style*="color: #111827"],
html[data-skin="original"][data-theme="dark"] [style*="color:#111827"],
html[data-skin="original"][data-theme="dark"] [style*="color: #374151"],
html[data-skin="original"][data-theme="dark"] [style*="color:#374151"] {
    color: var(--text-primary) !important;
}

/* 内联写死的浅色边框 */
html[data-skin="original"][data-theme="dark"] [style*="border-bottom: 1px solid #e5e7eb"],
html[data-skin="original"][data-theme="dark"] [style*="border-bottom:1px solid #e5e7eb"] {
    border-bottom-color: #374151 !important;
}

/* 分类统计进度条轨道 */
html[data-skin="original"][data-theme="dark"] [style*="background: #e5e7eb"],
html[data-skin="original"][data-theme="dark"] [style*="background:#e5e7eb"] {
    background: #374151 !important;
}

/* ==================== 添加食材弹窗 ==================== */
html[data-skin="original"][data-theme="dark"] .add-food-modal-content {
    background: var(--bg-primary) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
    border: 1px solid #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .add-food-modal-header {
    border-bottom-color: #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .add-food-modal-header h2 {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] #globalNameSuggestions {
    background: var(--bg-primary) !important;
    border-color: #374151 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

html[data-skin="original"][data-theme="dark"] .suggestion-item {
    border-bottom-color: #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .suggestion-item:hover,
html[data-skin="original"][data-theme="dark"] .suggestion-item.active {
    background: #374151 !important;
}

html[data-skin="original"][data-theme="dark"] .suggestion-name {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] #globalBarcodeBanner {
    background: #1a2e26 !important;
    border-color: #065f46 !important;
    color: #6ee7b7 !important;
}

html[data-skin="original"][data-theme="dark"] #globalUnitConversionRow {
    background: #292524; border-color: #78350f; color: #fde68a;
}
html[data-skin="original"][data-theme="dark"] #globalUnitConversionRow input[type=number] {
    background: #1c1917; border-color: #78350f; color: #fde68a;
}
html[data-skin="original"][data-theme="dark"] #globalUnitConversionRow .conv-hint { color: #fcd34d; }

html[data-skin="original"][data-theme="dark"] #globalPriceSection { border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .gps-title { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .gps-record-row { background: #111827; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .gps-record-row.cheapest { background: #052e16; border-color: #064e3b; }
html[data-skin="original"][data-theme="dark"] .gps-record-row.wanted   { background: #1e3a5f; border-color: #1d4ed8; }
html[data-skin="original"][data-theme="dark"] .gps-store,
html[data-skin="original"][data-theme="dark"] .gps-price { color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .gps-price.cheapest { color: #34d399; }
html[data-skin="original"][data-theme="dark"] .gps-add-form { background: #111827; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .gps-want-btn:not(.active) { background: #1f2937; border-color: #374151; color: var(--text-primary); }

html[data-skin="original"][data-theme="dark"] .store-ac-drop { background: #1f2937; border-color: #374151; }
html[data-skin="original"][data-theme="dark"] .store-ac-item:hover,
html[data-skin="original"][data-theme="dark"] .store-ac-item.active { background: #1e3a5f; }
html[data-skin="original"][data-theme="dark"] .store-ac-item { color: var(--text-primary); border-color: #374151; }

html[data-skin="original"][data-theme="dark"] .branch-chip { background: #1f2937; border-color: #374151; color: var(--text-primary); }
html[data-skin="original"][data-theme="dark"] .branch-chip:hover { background: #1e3a5f; border-color: #3b82f6; }
html[data-skin="original"][data-theme="dark"] .branch-chip.active { background: #3b82f6; border-color: #3b82f6; color: #fff; }
html[data-skin="original"][data-theme="dark"] .branch-hint-link { color: #9ca3af; }

/* ==================== 食材列表补充 ==================== */
html[data-skin="original"][data-theme="dark"] .bi-qty {
    color: var(--text-primary) !important;
}

html[data-skin="original"][data-theme="dark"] .tag--consumed {
    background: #374151 !important;
    color: #9ca3af !important;
}

html[data-skin="original"][data-theme="dark"] .fc-batch-tag {
    background: #2d2060 !important;
    color: #a5b4fc !important;
    border-color: #4c3d9e !important;
}

html[data-skin="original"][data-theme="dark"] .fc-homemade {
    background: #2d1c5e !important;
    color: #c4b5fd !important;
}

/* ==================== 购物清单补充 ==================== */
html[data-skin="original"][data-theme="dark"] .category-tag {
    background: #374151 !important;
    color: #d1d5db !important;
}