/* 默认主题样式 */
.theme-default {
    --primary-color: #4A90E2;
    --secondary-color: #5a9ae5;
    --background-gradient: linear-gradient(135deg, #4A90E2, #5a9ae5);
    --text-color: #333;
    --header-bg: rgba(255, 255, 255, 0.3);
    --sidebar-bg: rgba(255, 255, 255, 0.25);
    --card-bg: rgba(255, 255, 255, 0.25);
    --link-color: #fff;
}

/* 暗色主题样式 */
.theme-dark {
    --primary-color: #333;
    --secondary-color: #444;
    --background-gradient: #333;
    --text-color: #fff;
    --header-bg: rgba(50, 50, 50, 0.7);
    --sidebar-bg: rgba(50, 50, 50, 0.7);
    --card-bg: rgba(50, 50, 50, 0.7);
    --link-color: #fff;
}

/* 蓝色主题样式 */
.theme-blue {
    --primary-color: #2196F3;
    --secondary-color: #21CBF3;
    --background-gradient: linear-gradient(135deg, #2196F3, #21CBF3);
    --text-color: #fff;
    --header-bg: rgba(33, 150, 243, 0.5);
    --sidebar-bg: rgba(33, 150, 243, 0.3);
    --card-bg: rgba(33, 150, 243, 0.3);
    --link-color: #fff;
}

/* 绿色主题样式 */
.theme-green {
    --primary-color: #4CAF50;
    --secondary-color: #8BC34A;
    --background-gradient: linear-gradient(135deg, #4CAF50, #8BC34A);
    --text-color: #fff;
    --header-bg: rgba(76, 175, 80, 0.5);
    --sidebar-bg: rgba(76, 175, 80, 0.3);
    --card-bg: rgba(76, 175, 80, 0.3);
    --link-color: #fff;
}

/* 紫色主题样式 */
.theme-purple {
    --primary-color: #9C27B0;
    --secondary-color: #673AB7;
    --background-gradient: linear-gradient(135deg, #9C27B0, #673AB7);
    --text-color: #fff;
    --header-bg: rgba(156, 39, 176, 0.5);
    --sidebar-bg: rgba(156, 39, 176, 0.3);
    --card-bg: rgba(156, 39, 176, 0.3);
    --link-color: #fff;
}

/* 应用主题变量到页面元素 */
body {
    background: var(--background-gradient);
    color: var(--text-color);
}

header {
    background: var(--header-bg) !important;
}

.sidebar-card, .content, .profile-header, .main-content {
    background: var(--card-bg) !important;
}