/* ===== 主题变量 ===== */
:root {
    /* 品牌橙 */
    --color-primary: #FF6B35;        /* ← 改成分类图标的起点色 */
    --color-primary-dark: #E55A2B;   /* 深一点 */
    --color-primary-light: #FFE8DD;  /* 浅橙，用于背景 */
    --color-secondary: #FFA94D;      /* 次要色改成橙黄 */
    --color-success: #4CAF50;
    --color-danger: #F44336;
    --color-bg: #FFFFFF;
    --color-bg-card: #FFFFFF;
    --color-text: #333333;
    --color-text-secondary: #666666;
    --color-text-light: #999999;
    --color-border: #E8E8E8;
    --radius: 12px;
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    --transition: 0.3s;

}

/* ===== 暗黑主题 ===== */
[data-theme="dark"] {
    --color-bg: #1A1A1A;
    --color-bg-card: #2D2D2D;
    --color-text: #E8E8E8;
    --color-text-secondary: #AAAAAA;
    --color-text-light: #888888;
    --color-border: #444444;
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* ===== 蓝色主题（示例） ===== */
[data-theme="blue"] {
    --color-primary: #2196F3;
    --color-primary-dark: #1976D2;
    --color-secondary: #0D47A1;
    --color-bg: #E3F2FD;
}

/* ===== 绿色主题（示例） ===== */
[data-theme="green"] {
    --color-primary: #4CAF50;
    --color-primary-dark: #388E3C;
    --color-secondary: #1B5E20;
    --color-bg: #E8F5E9;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(255, 107, 53, 0.7));
    }
    50% {
        transform: scale(1.2);
        filter: drop-shadow(0 0 12px rgba(255, 107, 53, 0.9));
    }
}