/* ============================================
   二、主题变量（6套主题，通过 data-theme 切换）
   ============================================ */
:root, [data-theme="light"] {
    --bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e4e8ed 100%);
    --bg-overlay: rgba(245, 247, 250, 0.8);
    --card-bg: rgba(255, 255, 255, 0.5);
    --card-border: rgba(255, 255, 255, 0.4);
    --text-primary: #404040;
    --text-secondary: #666;
    --text-muted: #999;
    --accent-color: #07C160;
    --header-gradient: linear-gradient(135deg, rgba(7, 193, 96, 0.1), rgba(7, 193, 96, 0.05));
    --divider: rgba(0, 0, 0, 0.06);
    --comment-bg: rgba(0, 0, 0, 0.03);
    --like-red: #ef4444;
}

[data-theme="dark"] {
    --bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    --bg-overlay: rgba(26, 26, 26, 0.7);
    --card-bg: rgba(40, 40, 40, 0.7);
    --card-border: rgba(255, 255, 255, 0.08);
    --text-primary: #ddd;
    --text-secondary: #888;
    --text-muted: #707070;
    --accent-color: #07C160;
    --header-gradient: linear-gradient(135deg, rgba(7, 193, 96, 0.15), rgba(7, 193, 96, 0.05));
    --divider: rgba(255, 255, 255, 0.08);
    --comment-bg: rgba(255, 255, 255, 0.05);
}

[data-theme="pink"] {
    --bg-gradient: linear-gradient(135deg, #fff0f5 0%, #ffe4ec 100%);
    --bg-overlay: rgba(255, 240, 245, 0.6);
    --card-bg: rgba(255, 255, 255, 0.7);
    --card-border: rgba(255, 182, 193, 0.3);
    --text-primary: #404040;
    --text-secondary: #8b5a63;
    --text-muted: #c9909b;
    --accent-color: #ff6b9d;
    --header-gradient: linear-gradient(135deg, rgba(255, 107, 157, 0.15), rgba(255, 107, 157, 0.05));
    --divider: rgba(255, 107, 157, 0.1);
    --comment-bg: rgba(255, 107, 157, 0.08);
}

[data-theme="mint"] {
    --bg-gradient: linear-gradient(135deg, #f0fff9 0%, #d6f5eb 100%);
    --bg-overlay: rgba(240, 255, 249, 0.6);
    --card-bg: rgba(255, 255, 255, 0.7);
    --card-border: rgba(52, 211, 153, 0.2);
    --text-primary: #404040;
    --text-secondary: #2d7a60;
    --text-muted: #5ba88b;
    --accent-color: #10b981;
    --header-gradient: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));
    --divider: rgba(16, 185, 129, 0.1);
    --comment-bg: rgba(16, 185, 129, 0.08);
}

[data-theme="retro"] {
    --bg-gradient: linear-gradient(135deg, #fdf6e3 0%, #f5e6c8 100%);
    --bg-overlay: rgba(253, 246, 227, 0.6);
    --card-bg: rgba(253, 246, 227, 0.75);
    --card-border: rgba(180, 140, 90, 0.25);
    --text-primary: #3d2914;
    --text-secondary: #7a5c3a;
    --text-muted: #b08d65;
    --accent-color: #d97706;
    --header-gradient: linear-gradient(135deg, rgba(217, 119, 6, 0.12), rgba(217, 119, 6, 0.04));
    --divider: rgba(180, 140, 90, 0.15);
    --comment-bg: rgba(180, 140, 90, 0.1);
}

[data-theme="ins"] {
    --bg-gradient: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);
    --bg-overlay: rgba(250, 250, 250, 0.55);
    --card-bg: rgba(255, 255, 255, 0.85);
    --card-border: transparent;
    --text-primary: #262626;
    --text-secondary: #8e8e8e;
    --text-muted: #c7c7c7;
    --accent-color: #e1306c;
    --header-gradient: linear-gradient(135deg, rgba(225, 48, 108, 0.08), rgba(131, 58, 180, 0.04));
    --divider: rgba(0, 0, 0, 0.05);
    --comment-bg: rgba(0, 0, 0, 0.03);
}