/* 基础变量 */
:root {
    /* color */
    --primary-color: #1077f3;
    --primary-color-60: #8cbef8;

    --background-color: #dee2e6;
    --background-color-alt: #fff;
    --background-color-hover: #eee;
    --background-linear: linear-gradient(45deg, rgba(13, 110, 253, 0.25), #ff66000f, #00cc662b, #0066ff30, #6600ff2e);

    --text-color: #333;
    --text-color-muted: #666;

    --line-color: #f3f3f3;

    /* shadow */
    --light-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.2);

  
  /* 标签系统变量 */
  --transition-speed: 0.15s;
  --tag-bg-dark: #000; /* 黑暗模式标签背景（纯黑） */
  --tag-border-dark: rgba(255, 255, 255, 0.1); /* 黑暗模式边框 */
  /* 标签颜色变量（保持不变） */
  --tag-top-bg: #ff4d4f;
  --tag-domestic-bg: #409eff;
  --tag-foreign-bg: #f56c6c;
  --tag-free-bg: #67c23a;
  --tag-partial-bg: #e6a23c;
  --tag-subscription-bg: #9c27b0;
  --tag-pay-per-use-bg: #3f51b5;
  --tag-ai-bg: linear-gradient(135deg, #3498db, #9b59b6);
  --tag-buyout-bg: linear-gradient(135deg, #ff9800, #ff5722);
  --tag-category-bg: #7e57c2;
  /* 光圈阴影变量（黑暗模式会增强） */
  --tag-top-shadow: rgba(255, 77, 79, 0.3);
  --tag-domestic-shadow: rgba(64, 158, 255, 0.3);
  --tag-foreign-shadow: rgba(245, 108, 108, 0.3);
  --tag-free-shadow: rgba(103, 194, 58, 0.3);
  --tag-partial-shadow: rgba(230, 162, 60, 0.3);
  --tag-subscription-shadow: rgba(156, 39, 176, 0.3);
  --tag-pay-per-use-shadow: rgba(63, 81, 181, 0.3);
  --tag-ai-shadow: rgba(52, 152, 219, 0.3);
  --tag-buyout-shadow: rgba(255, 152, 0, 0.3);
  --tag-category-shadow: rgba(126, 87, 194, 0.3);
}
.dark:root {
    /* color */
    --primary-color: #161823;
    --primary-color-60: #161823;

    --background-color: #000;
    --background-color-alt: #161823;
    --background-color-hover: #404040;
    --background-linear: linear-gradient(45deg, 
        rgba(254, 44, 85, 0.25), /* 抖音红透明色 */
        rgba(37, 244, 238, 0.15), /* 抖音青透明色 */
        rgba(254, 44, 85, 0.25)
    );

    --text-color: #eee;
    --text-color-muted: #666;

    --line-color: #595959;

/* 黑暗模式变量（只增强阴影） */
.dark {
  --tag-top-shadow: rgba(255, 77, 79, 0.8);
  --tag-domestic-shadow: rgba(64, 158, 255, 0.8);
  --tag-foreign-shadow: rgba(245, 108, 108, 0.8);
  --tag-free-shadow: rgba(103, 194, 58, 0.8);
  --tag-partial-shadow: rgba(230, 162, 60, 0.8);
  --tag-subscription-shadow: rgba(156, 39, 176, 0.8);
  --tag-pay-per-use-shadow: rgba(63, 81, 181, 0.8);
  --tag-ai-shadow: rgba(52, 152, 219, 0.8);
  --tag-buyout-shadow: rgba(255, 152, 0, 0.8);
  --tag-category-shadow: rgba(126, 87, 194, 0.8);





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

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