/* ===== 主题变量定义（清新靓丽版）=====
   通过 body[data-theme="xxx"] 切换主题，所有颜色用 CSS 变量驱动。
   前台 index.html 与后台 admin.html 共用。 */

/* ---------- 柠檬黄（阳光明媚） ---------- */
body[data-theme="yellow"] {
  --c-bg: #faf9f0;
  --c-bg-grad: linear-gradient(135deg, #fffbf0 0%, #fff5d6 100%);
  --c-card-border: #ffe066;
  --c-card-shadow: 0 20px 60px rgba(245, 159, 0, 0.15), 0 8px 24px rgba(245, 159, 0, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(245, 159, 0, 0.22), 0 12px 28px rgba(245, 159, 0, 0.12);
  --c-header-start: #ffe066;
  --c-header-end: #ffd43b;
  --c-header-border: #f59f00;
  --c-header-glow: rgba(255, 224, 102, 0.5);
  --c-title: #2d2208;
  --c-badge-bg: #2d2208;
  --c-badge-text: #ffd43b;
  --c-body-bg: #fffef8;
  --c-item-border: #fff0bf;
  --c-item-hover: #fff8e0;
  --c-grade: #495057;
  --c-price: #f59f00;
  --c-price-bg: #fff4d6;
  --c-price-hover: #fff8e8;
  --c-unit: #868e96;
  --c-divider-text: #868e96;
  --c-divider-icon-bg: #ffd43b;
  --c-divider-icon-text: #2d2208;
  --c-note-bg: #fff9e6;
  --c-note-border: #ffe066;
  --c-note-text: #495057;
  --c-postage-text: #495057;
  --c-postage-card-bg: #fffef8;
  --c-postage-card-border: #fff0bf;
  --c-label-bg: #f59f00;
  --c-label-text: #ffffff;
  --c-highlight-bg: #ffe066;
  --c-footer-bg: #2d2208;
  --c-footer-text: #ffd43b;
  --c-footer-dot: #f59f00;
  --c-footer-highlight: #ffe066;
  --c-accent: #f59f00;

  --tag-info-bg: #f1f3f5;
  --tag-info-border: #dee2e6;
  --tag-info-text: #495057;
  --tag-warning-bg: #fff9db;
  --tag-warning-border: #ffe066;
  --tag-warning-text: #e67700;
  --tag-success-bg: #ebfbee;
  --tag-success-border: #b2f2bb;
  --tag-success-text: #2f9e44;
}

/* ---------- 薄荷绿（清新自然） ---------- */
body[data-theme="green"] {
  --c-bg: #f0faf4;
  --c-bg-grad: linear-gradient(135deg, #f0faf4 0%, #d3f9d8 100%);
  --c-card-border: #b2f2bb;
  --c-card-shadow: 0 20px 60px rgba(47, 158, 68, 0.15), 0 8px 24px rgba(47, 158, 68, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(47, 158, 68, 0.22), 0 12px 28px rgba(47, 158, 68, 0.12);
  --c-header-start: #69db7c;
  --c-header-end: #51cf66;
  --c-header-border: #2f9e44;
  --c-header-glow: rgba(105, 219, 124, 0.5);
  --c-title: #082f16;
  --c-badge-bg: #082f16;
  --c-badge-text: #69db7c;
  --c-body-bg: #f8fffa;
  --c-item-border: #c3fae8;
  --c-item-hover: #e6fcf5;
  --c-grade: #495057;
  --c-price: #2f9e44;
  --c-price-bg: #d3f9d8;
  --c-price-hover: #e6fcf5;
  --c-unit: #868e96;
  --c-divider-text: #868e96;
  --c-divider-icon-bg: #69db7c;
  --c-divider-icon-text: #082f16;
  --c-note-bg: #ebfbee;
  --c-note-border: #b2f2bb;
  --c-note-text: #495057;
  --c-postage-text: #495057;
  --c-postage-card-bg: #f8fffa;
  --c-postage-card-border: #c3fae8;
  --c-label-bg: #2f9e44;
  --c-label-text: #ffffff;
  --c-highlight-bg: #d3f9d8;
  --c-footer-bg: #082f16;
  --c-footer-text: #69db7c;
  --c-footer-dot: #2f9e44;
  --c-footer-highlight: #69db7c;
  --c-accent: #2f9e44;

  --tag-info-bg: #f1f3f5;
  --tag-info-border: #dee2e6;
  --tag-info-text: #495057;
  --tag-warning-bg: #fff9db;
  --tag-warning-border: #ffe066;
  --tag-warning-text: #e67700;
  --tag-success-bg: #ebfbee;
  --tag-success-border: #b2f2bb;
  --tag-success-text: #2f9e44;
}

/* ---------- 天空蓝（清爽明净） ---------- */
body[data-theme="lightblue"] {
  --c-bg: #f0f7ff;
  --c-bg-grad: linear-gradient(135deg, #f0f7ff 0%, #d0ebff 100%);
  --c-card-border: #a5d8ff;
  --c-card-shadow: 0 20px 60px rgba(25, 113, 194, 0.15), 0 8px 24px rgba(25, 113, 194, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(25, 113, 194, 0.22), 0 12px 28px rgba(25, 113, 194, 0.12);
  --c-header-start: #74c0fc;
  --c-header-end: #4dabf7;
  --c-header-border: #1971c2;
  --c-header-glow: rgba(116, 192, 252, 0.5);
  --c-title: #08254b;
  --c-badge-bg: #08254b;
  --c-badge-text: #74c0fc;
  --c-body-bg: #f8fcff;
  --c-item-border: #d0ebff;
  --c-item-hover: #e7f5ff;
  --c-grade: #495057;
  --c-price: #1971c2;
  --c-price-bg: #d0ebff;
  --c-price-hover: #e7f5ff;
  --c-unit: #868e96;
  --c-divider-text: #868e96;
  --c-divider-icon-bg: #74c0fc;
  --c-divider-icon-text: #08254b;
  --c-note-bg: #e7f5ff;
  --c-note-border: #a5d8ff;
  --c-note-text: #495057;
  --c-postage-text: #495057;
  --c-postage-card-bg: #f8fcff;
  --c-postage-card-border: #d0ebff;
  --c-label-bg: #1971c2;
  --c-label-text: #ffffff;
  --c-highlight-bg: #d0ebff;
  --c-footer-bg: #08254b;
  --c-footer-text: #74c0fc;
  --c-footer-dot: #1971c2;
  --c-footer-highlight: #74c0fc;
  --c-accent: #1971c2;

  --tag-info-bg: #f1f3f5;
  --tag-info-border: #dee2e6;
  --tag-info-text: #495057;
  --tag-warning-bg: #fff9db;
  --tag-warning-border: #ffe066;
  --tag-warning-text: #e67700;
  --tag-success-bg: #ebfbee;
  --tag-success-border: #b2f2bb;
  --tag-success-text: #2f9e44;
}

/* ---------- 嫩芽绿（活力清新） ---------- */
body[data-theme="lightgreen"] {
  --c-bg: #f4fce3;
  --c-bg-grad: linear-gradient(135deg, #f4fce3 0%, #eef5d8 100%);
  --c-card-border: #c5f6b0;
  --c-card-shadow: 0 20px 60px rgba(92, 148, 13, 0.15), 0 8px 24px rgba(92, 148, 13, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(92, 148, 13, 0.22), 0 12px 28px rgba(92, 148, 13, 0.12);
  --c-header-start: #a9e34b;
  --c-header-end: #94d82d;
  --c-header-border: #5c940d;
  --c-header-glow: rgba(169, 227, 75, 0.5);
  --c-title: #1a2e05;
  --c-badge-bg: #1a2e05;
  --c-badge-text: #a9e34b;
  --c-body-bg: #fcfff0;
  --c-item-border: #d8f5a2;
  --c-item-hover: #f4fce3;
  --c-grade: #495057;
  --c-price: #5c940d;
  --c-price-bg: #eef5d8;
  --c-price-hover: #f4fce3;
  --c-unit: #868e96;
  --c-divider-text: #868e96;
  --c-divider-icon-bg: #a9e34b;
  --c-divider-icon-text: #1a2e05;
  --c-note-bg: #f4fce3;
  --c-note-border: #c5f6b0;
  --c-note-text: #495057;
  --c-postage-text: #495057;
  --c-postage-card-bg: #fcfff0;
  --c-postage-card-border: #d8f5a2;
  --c-label-bg: #5c940d;
  --c-label-text: #ffffff;
  --c-highlight-bg: #eef5d8;
  --c-footer-bg: #1a2e05;
  --c-footer-text: #a9e34b;
  --c-footer-dot: #5c940d;
  --c-footer-highlight: #a9e34b;
  --c-accent: #5c940d;

  --tag-info-bg: #f1f3f5;
  --tag-info-border: #dee2e6;
  --tag-info-text: #495057;
  --tag-warning-bg: #fff9db;
  --tag-warning-border: #ffe066;
  --tag-warning-text: #e67700;
  --tag-success-bg: #ebfbee;
  --tag-success-border: #b2f2bb;
  --tag-success-text: #2f9e44;
}

/* ---------- 蜜桃粉（柔和清甜） ---------- */
body[data-theme="peach"] {
  --c-bg: #fff7f4;
  --c-bg-grad: linear-gradient(135deg, #fff7f4 0%, #ffe6dd 55%, #ffd3c6 100%);
  --c-card-border: #ffc3b2;
  --c-card-shadow: 0 20px 60px rgba(232, 111, 82, 0.15), 0 8px 24px rgba(232, 111, 82, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(232, 111, 82, 0.22), 0 12px 28px rgba(232, 111, 82, 0.12);
  --c-header-start: #ffd3c6;
  --c-header-end: #ffb39e;
  --c-header-border: #e86f52;
  --c-header-glow: rgba(255, 179, 158, 0.5);
  --c-title: #58261a;
  --c-badge-bg: #58261a;
  --c-badge-text: #ffd3c6;
  --c-body-bg: #fffaf8;
  --c-item-border: #ffd8cc;
  --c-item-hover: #fff1ec;
  --c-grade: #6d574f;
  --c-price: #d9480f;
  --c-price-bg: #ffe5db;
  --c-price-hover: #fff1ec;
  --c-unit: #8f7a72;
  --c-divider-text: #8f7a72;
  --c-divider-icon-bg: #ffb39e;
  --c-divider-icon-text: #58261a;
  --c-note-bg: #fff1ec;
  --c-note-border: #ffc3b2;
  --c-note-text: #6d574f;
  --c-postage-text: #6d574f;
  --c-postage-card-bg: #fffaf8;
  --c-postage-card-border: #ffd8cc;
  --c-label-bg: #e86f52;
  --c-label-text: #ffffff;
  --c-highlight-bg: #ffe1d6;
  --c-footer-bg: #58261a;
  --c-footer-text: #ffd3c6;
  --c-footer-dot: #e86f52;
  --c-footer-highlight: #ffb39e;
  --c-accent: #e86f52;

  --tag-info-bg: #f8f0fc;
  --tag-info-border: #e5dbf5;
  --tag-info-text: #7048e8;
  --tag-warning-bg: #fff0e6;
  --tag-warning-border: #ffc3b2;
  --tag-warning-text: #d9480f;
  --tag-success-bg: #ebfbee;
  --tag-success-border: #b2f2bb;
  --tag-success-text: #2f9e44;
}

/* ===== 宣传分组（亮色系 · 朋友圈宣传专用）===== */

/* ---------- 霓虹夜（明亮薄荷绿） ---------- */
body[data-theme="neon"] {
  --c-bg: #f7fff9;
  --c-bg-grad: linear-gradient(135deg, #f7fff9 0%, #ebfff4 58%, #dcffee 100%);
  --c-card-border: #a9ebc4;
  --c-card-shadow: 0 20px 60px rgba(26, 174, 103, 0.14), 0 8px 24px rgba(26, 174, 103, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(26, 174, 103, 0.2), 0 12px 28px rgba(26, 174, 103, 0.12);
  --c-header-start: #cbffe1;
  --c-header-end: #7ef0af;
  --c-header-border: #1aae67;
  --c-header-glow: rgba(126, 240, 175, 0.46);
  --c-title: #0f5132;
  --c-badge-bg: #0f5132;
  --c-badge-text: #cbffe1;
  --c-body-bg: #fcfffd;
  --c-item-border: #d4f6e1;
  --c-item-hover: #f3fff7;
  --c-grade: #496657;
  --c-price: #119d5c;
  --c-price-bg: #e7fff0;
  --c-price-hover: #f3fff7;
  --c-unit: #6f8e81;
  --c-divider-text: #1aae67;
  --c-divider-icon-bg: #7ef0af;
  --c-divider-icon-text: #0f5132;
  --c-note-bg: #effff5;
  --c-note-border: #c9f1d8;
  --c-note-text: #486458;
  --c-postage-text: #486458;
  --c-postage-card-bg: #fbfffc;
  --c-postage-card-border: #d9f7e5;
  --c-label-bg: #1aae67;
  --c-label-text: #ffffff;
  --c-highlight-bg: #dffbe9;
  --c-footer-bg: #d6ffe7;
  --c-footer-text: #0f5132;
  --c-footer-dot: #1aae67;
  --c-footer-highlight: #119d5c;
  --c-accent: #1aae67;

  --tag-info-bg: #eef7f2;
  --tag-info-border: #d7e8df;
  --tag-info-text: #4f6a5d;
  --tag-warning-bg: #fff6dc;
  --tag-warning-border: #ffe3a2;
  --tag-warning-text: #d08900;
  --tag-success-bg: #e8fff1;
  --tag-success-border: #b8f2d0;
  --tag-success-text: #119d5c;
}

/* ---------- 极光梦境（明亮薰衣草） ---------- */
body[data-theme="aurora"] {
  --c-bg: #fbf8ff;
  --c-bg-grad: linear-gradient(135deg, #fbf8ff 0%, #f2ebff 58%, #e7dcff 100%);
  --c-card-border: #d8cbff;
  --c-card-shadow: 0 20px 60px rgba(124, 77, 255, 0.14), 0 8px 24px rgba(124, 77, 255, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(124, 77, 255, 0.2), 0 12px 28px rgba(124, 77, 255, 0.12);
  --c-header-start: #f0e7ff;
  --c-header-end: #c8b0ff;
  --c-header-border: #8b5cf6;
  --c-header-glow: rgba(200, 176, 255, 0.46);
  --c-title: #4a2c84;
  --c-badge-bg: #4a2c84;
  --c-badge-text: #f0e7ff;
  --c-body-bg: #fffdff;
  --c-item-border: #e7dcff;
  --c-item-hover: #f7f3ff;
  --c-grade: #6c6487;
  --c-price: #7c4dff;
  --c-price-bg: #f1eaff;
  --c-price-hover: #f8f4ff;
  --c-unit: #8f85a7;
  --c-divider-text: #7c4dff;
  --c-divider-icon-bg: #c8b0ff;
  --c-divider-icon-text: #4a2c84;
  --c-note-bg: #f7f2ff;
  --c-note-border: #e2d7ff;
  --c-note-text: #6c6487;
  --c-postage-text: #6c6487;
  --c-postage-card-bg: #fffdff;
  --c-postage-card-border: #e8deff;
  --c-label-bg: #8b5cf6;
  --c-label-text: #ffffff;
  --c-highlight-bg: #eee7ff;
  --c-footer-bg: #ece3ff;
  --c-footer-text: #4a2c84;
  --c-footer-dot: #8b5cf6;
  --c-footer-highlight: #7c4dff;
  --c-accent: #7c4dff;

  --tag-info-bg: #f5f2ff;
  --tag-info-border: #dfd7ff;
  --tag-info-text: #6b5e93;
  --tag-warning-bg: #fff4de;
  --tag-warning-border: #ffd79d;
  --tag-warning-text: #cb8d12;
  --tag-success-bg: #eefbf1;
  --tag-success-border: #c8efd2;
  --tag-success-text: #38a169;
}

/* ---------- 落日余晖（明亮杏橙） ---------- */
body[data-theme="sunset"] {
  --c-bg: #fffaf5;
  --c-bg-grad: linear-gradient(135deg, #fffaf5 0%, #fff0df 58%, #ffe2c3 100%);
  --c-card-border: #ffd3aa;
  --c-card-shadow: 0 20px 60px rgba(240, 140, 43, 0.14), 0 8px 24px rgba(240, 140, 43, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(240, 140, 43, 0.2), 0 12px 28px rgba(240, 140, 43, 0.12);
  --c-header-start: #ffe8cf;
  --c-header-end: #ffca88;
  --c-header-border: #f08c2b;
  --c-header-glow: rgba(255, 202, 136, 0.48);
  --c-title: #7b4517;
  --c-badge-bg: #7b4517;
  --c-badge-text: #ffe8cf;
  --c-body-bg: #fffdfa;
  --c-item-border: #ffe4cb;
  --c-item-hover: #fff5eb;
  --c-grade: #7f674c;
  --c-price: #d97706;
  --c-price-bg: #fff0df;
  --c-price-hover: #fff6ee;
  --c-unit: #9a7c5a;
  --c-divider-text: #e07a18;
  --c-divider-icon-bg: #ffca88;
  --c-divider-icon-text: #7b4517;
  --c-note-bg: #fff4e8;
  --c-note-border: #ffd9b8;
  --c-note-text: #80664b;
  --c-postage-text: #80664b;
  --c-postage-card-bg: #fffdfa;
  --c-postage-card-border: #ffe6cf;
  --c-label-bg: #f08c2b;
  --c-label-text: #ffffff;
  --c-highlight-bg: #ffe8cd;
  --c-footer-bg: #ffe0bf;
  --c-footer-text: #7b4517;
  --c-footer-dot: #f08c2b;
  --c-footer-highlight: #d97706;
  --c-accent: #e07a18;

  --tag-info-bg: #fff7ef;
  --tag-info-border: #f6e0cb;
  --tag-info-text: #8d6843;
  --tag-warning-bg: #fff4d8;
  --tag-warning-border: #ffd88d;
  --tag-warning-text: #c78200;
  --tag-success-bg: #eefaf0;
  --tag-success-border: #cdebd1;
  --tag-success-text: #2f9e44;
}

/* ---------- 深海秘境（明亮海盐蓝） ---------- */
body[data-theme="ocean"] {
  --c-bg: #f5fcff;
  --c-bg-grad: linear-gradient(135deg, #f5fcff 0%, #ebf8ff 58%, #d9f1ff 100%);
  --c-card-border: #bde7ff;
  --c-card-shadow: 0 20px 60px rgba(42, 168, 220, 0.14), 0 8px 24px rgba(42, 168, 220, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(42, 168, 220, 0.2), 0 12px 28px rgba(42, 168, 220, 0.12);
  --c-header-start: #e0f5ff;
  --c-header-end: #9edfff;
  --c-header-border: #2aa8dc;
  --c-header-glow: rgba(158, 223, 255, 0.48);
  --c-title: #0d5068;
  --c-badge-bg: #0d5068;
  --c-badge-text: #e0f5ff;
  --c-body-bg: #fcfeff;
  --c-item-border: #d8f1ff;
  --c-item-hover: #f0f9ff;
  --c-grade: #4c6b7e;
  --c-price: #1e88c8;
  --c-price-bg: #e7f6ff;
  --c-price-hover: #f1faff;
  --c-unit: #7895a8;
  --c-divider-text: #1e88c8;
  --c-divider-icon-bg: #9edfff;
  --c-divider-icon-text: #0d5068;
  --c-note-bg: #edf8ff;
  --c-note-border: #cfecff;
  --c-note-text: #4c6b7e;
  --c-postage-text: #4c6b7e;
  --c-postage-card-bg: #fcfeff;
  --c-postage-card-border: #dcf3ff;
  --c-label-bg: #2aa8dc;
  --c-label-text: #ffffff;
  --c-highlight-bg: #def3ff;
  --c-footer-bg: #d9f1ff;
  --c-footer-text: #0d5068;
  --c-footer-dot: #2aa8dc;
  --c-footer-highlight: #1e88c8;
  --c-accent: #1e88c8;

  --tag-info-bg: #eef8ff;
  --tag-info-border: #d6ebf8;
  --tag-info-text: #56738a;
  --tag-warning-bg: #fff7dc;
  --tag-warning-border: #ffe19c;
  --tag-warning-text: #c89012;
  --tag-success-bg: #edf9ff;
  --tag-success-border: #c8eef9;
  --tag-success-text: #1e88c8;
}

/* ---------- 莓果夜语（明亮莓果粉） ---------- */
body[data-theme="berry"] {
  --c-bg: #fff8fb;
  --c-bg-grad: linear-gradient(135deg, #fff8fb 0%, #ffeef5 58%, #ffdbe9 100%);
  --c-card-border: #f4c5da;
  --c-card-shadow: 0 20px 60px rgba(232, 91, 156, 0.14), 0 8px 24px rgba(232, 91, 156, 0.08);
  --c-card-shadow-hover: 0 28px 70px rgba(232, 91, 156, 0.2), 0 12px 28px rgba(232, 91, 156, 0.12);
  --c-header-start: #ffe1ee;
  --c-header-end: #f7b8d8;
  --c-header-border: #e85b9c;
  --c-header-glow: rgba(247, 184, 216, 0.46);
  --c-title: #7a2952;
  --c-badge-bg: #7a2952;
  --c-badge-text: #ffe1ee;
  --c-body-bg: #fffdfd;
  --c-item-border: #f8dce8;
  --c-item-hover: #fff1f7;
  --c-grade: #866473;
  --c-price: #d94984;
  --c-price-bg: #ffe8f1;
  --c-price-hover: #fff2f8;
  --c-unit: #a08590;
  --c-divider-text: #d94984;
  --c-divider-icon-bg: #f7b8d8;
  --c-divider-icon-text: #7a2952;
  --c-note-bg: #fff1f6;
  --c-note-border: #f6d8e6;
  --c-note-text: #866473;
  --c-postage-text: #866473;
  --c-postage-card-bg: #fffdfd;
  --c-postage-card-border: #f8dce8;
  --c-label-bg: #e85b9c;
  --c-label-text: #ffffff;
  --c-highlight-bg: #ffe2ee;
  --c-footer-bg: #ffdbea;
  --c-footer-text: #7a2952;
  --c-footer-dot: #e85b9c;
  --c-footer-highlight: #d94984;
  --c-accent: #d94984;

  --tag-info-bg: #fdf0f7;
  --tag-info-border: #f2d9e8;
  --tag-info-text: #8a5f77;
  --tag-warning-bg: #fff4df;
  --tag-warning-border: #ffd6a5;
  --tag-warning-text: #ca8a20;
  --tag-success-bg: #f1fbf4;
  --tag-success-border: #d4eedb;
  --tag-success-text: #3fa66b;
}

/* ===== Element Plus 标签主题色覆盖（后台用） ===== */
.el-tag--info {
  background-color: var(--tag-info-bg);
  border-color: var(--tag-info-border);
  color: var(--tag-info-text);
}
.el-tag--warning {
  background-color: var(--tag-warning-bg);
  border-color: var(--tag-warning-border);
  color: var(--tag-warning-text);
}
.el-tag--success {
  background-color: var(--tag-success-bg);
  border-color: var(--tag-success-border);
  color: var(--tag-success-text);
}