:root {
    /* color */
    --primary-color:  linear-gradient(45deg, #5edbff, #0e4ba5);
    --primary-color-60: #8cbef8;

    --background-color: #dee2e6;
    --background-color-alt: #fff;
    --background-color-hover: #eee;
  --background-color-buju: #3b89ff;
  --background-color-an: #5edbff;
    --background-linear: linear-gradient(45deg, rgba(13, 110, 253, 0.25), #ff66000f, #00cc662b, #0066ff30, #6600ff2e);
    --background-flt: linear-gradient(45deg, #5edbff, #0e4ba5);
    --background-fls: linear-gradient(45deg, #5edbff, #0e4ba5);
    --background-flz: linear-gradient(45deg, #3b89ff40, #5edbff63);
    --text-color: #333;
    --text-color-muted: #666;
    --line-color: #f3f3f3;
/* 标签颜色变量 - 完全保留原有样式 */
  --tag-top-bg: #ff4d4f;
  --tag-top-shadow: 0 2px 6px rgba(255, 77, 79, 0.3);
  
  --tag-new-bg: #4caf50;
  --tag-new-shadow: 0 2px 6px rgba(76, 175, 80, 0.3);
  
  --tag-domestic-bg: #409eff;
  --tag-domestic-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
  
  --tag-foreign-bg: #f56c6c;
  --tag-foreign-shadow: 0 2px 6px rgba(245, 108, 108, 0.3);
  
  --tag-free-bg: #67c23a;
  --tag-free-shadow: 0 2px 6px rgba(103, 194, 58, 0.3);
  
  --tag-partial-bg: #e6a23c;
  --tag-partial-shadow: 0 2px 6px rgba(230, 162, 60, 0.3);
  
  --tag-subscription-bg: #9c27b0;
  --tag-subscription-shadow: 0 2px 6px rgba(156, 39, 176, 0.3);
  
  --tag-pay-per-use-bg: #3f51b5;
  --tag-pay-per-use-shadow: 0 2px 6px rgba(63, 81, 181, 0.3);
  
  --tag-fenl-bg: rgba(128, 128, 128, 0.5);
  --tag-fenl-shadow: 0 2px 6px rgba(128, 128, 128, 0.15);
  
  --tag-ai-bg: linear-gradient(135deg, #3498db, #9b59b6);
  --tag-ai-shadow: 0 2px 6px rgba(52, 152, 219, 0.3);
  
  --tag-buyout-bg: linear-gradient(135deg, #ff9800, #ff5722);
  --tag-buyout-shadow: 0 2px 6px rgba(255, 152, 0, 0.3);
    /* shadow */
    --light-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.2);
}

.dark:root {
    /* color */
    --primary-color: #161823;
    --primary-color-60: #161823;

    --background-color: #000;
    --background-color-alt: #161823;
    --background-color-hover: #404040;
  --background-color-buju: #09e2c4;
  --background-color-an: #fe2c55;
    --background-linear: linear-gradient(45deg, rgba(109, 164, 245, 0.25), rgba(255, 102, 0, 0.19), rgba(78, 115, 223, 0.41), #0066ff30, #6600ff2e);
    --background-flt: linear-gradient(45deg, #fe2c55, #09e2c4);
    --background-fls: linear-gradient(45deg, #fe2c55, #09e2c4);
    --background-flz: linear-gradient(45deg, #fe2c554f, #09e2c44a);
    --text-color: #eee;
    --text-color-muted: #666;
    --line-color: #595959;
  /* 深色模式标签颜色变量 - 统一使用#000背景 */
  --tag-top-bg: #000;
  --tag-top-shadow: none;
  
  --tag-new-bg: #000;
  --tag-new-shadow: none;
  
  --tag-domestic-bg: #000;
  --tag-domestic-shadow: none;
  
  --tag-foreign-bg: #000;
  --tag-foreign-shadow: none;
  
  --tag-free-bg: #000;
  --tag-free-shadow: none;
  
  --tag-partial-bg: #000;
  --tag-partial-shadow: none;
  
  --tag-subscription-bg: #000;
  --tag-subscription-shadow: none;
  
  --tag-pay-per-use-bg: #000;
  --tag-pay-per-use-shadow: none;
  
  --tag-fenl-bg: rgba(128, 128, 128, 0.2);
  --tag-fenl-shadow: none;
  
  --tag-ai-bg: #000;
  --tag-ai-shadow: none;
  
  --tag-buyout-bg: #000;
  --tag-buyout-shadow: none;

    /* bootstrap hack*/
    --bs-body-bg: #000;
    --bs-border-color: #595959;
    --bs-body-color: #eee;
    --bs-secondary-color: #999;
}

.dark img {
    filter: brightness(0.8);
}

.dark .empty img {
    filter: invert(1);
}