/* 柔光主题 - 基于原始main.css样式 */

:root[data-theme="softlight"] {
    /* 主题标识 */
    --theme-name: "柔光主题";
    --theme-description: "柔和光效主题，温暖梦幻的视觉体验";
    
    /* 背景渐变 - 原始粉色渐变 */
    --background: linear-gradient(135deg, rgba(255, 154, 158, 0.8) 0%, rgba(254, 207, 239, 0.8) 25%, rgba(254, 207, 239, 0.8) 50%, rgba(168, 237, 234, 0.8) 75%, rgba(210, 153, 194, 0.8) 100%);
    
    /* 文本颜色 */
    --text-color: #1a1a1a;
    --text-color-secondary: #666;
    
    /* 卡片背景 */
    --card-background: rgba(255, 255, 255, 0.95);
    
    /* 毛玻璃效果 */
    --backdrop-filter: blur(20px);
    
    /* 边框颜色 */
    --border-color: rgba(255, 255, 255, 0.2);
    --border-color-input: rgba(0, 0, 0, 0.1);
    
    /* 按钮颜色 */
    --button-primary-bg: #007AFF;
    --button-primary-color: white;
    --button-primary-hover: #0056CC;
    
    --button-secondary-bg: white;
    --button-secondary-color: #1a1a1a;
    --button-secondary-hover: #f8f9fa;
    
    /* 阴影 */
    --shadow-card: 
        0 20px 40px rgba(0, 0, 0, 0.1),
        0 8px 16px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    --shadow-button: 
        0 4px 12px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    --shadow-button-hover: 
        0 6px 16px rgba(0, 122, 255, 0.3),
        0 3px 6px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* 默认主题的具体样式 */
body[data-theme="softlight"] {
    background: var(--background) !important;
}

body[data-theme="softlight"] .center-card {
    background: var(--card-background);
    backdrop-filter: var(--backdrop-filter);
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border-color);
}

body[data-theme="softlight"] .site-title {
    color: var(--text-color);
    text-shadow: var(--shadow-sm);
}

body[data-theme="softlight"] .site-subtitle {
    color: var(--text-color-secondary);
}

body[data-theme="softlight"] .action-button {
    box-shadow: var(--shadow-button);
}

body[data-theme="softlight"] .login-btn {
    background: var(--button-primary-bg);
    color: var(--button-primary-color);
}

body[data-theme="softlight"] .login-btn:hover {
    background: var(--button-primary-hover);
    box-shadow: var(--shadow-button-hover);
}

body[data-theme="softlight"] .register-btn {
    background: var(--button-secondary-bg);
    color: var(--button-secondary-color);
    border: 1px solid var(--border-color-input);
}

body[data-theme="softlight"] .register-btn:hover {
    background: var(--button-secondary-hover);
    box-shadow: var(--shadow-button-hover);
}

/* 主题切换器样式 */
body[data-theme="softlight"] .theme-switcher {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 10000 !important;
}

body[data-theme="softlight"] .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
}

body[data-theme="softlight"] .theme-dropdown {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(20px) !important;
}

body[data-theme="softlight"] .theme-dropdown-header h3 {
    color: #1a1a1a !important;
}

body[data-theme="softlight"] .theme-dropdown-close {
    color: #666 !important;
}

body[data-theme="softlight"] .theme-item {
    color: #1a1a1a !important;
}

body[data-theme="softlight"] .theme-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

body[data-theme="softlight"] .theme-item.active {
    background: #007AFF !important;
    color: white !important;
}

body[data-theme="softlight"] .theme-item-name {
    color: inherit !important;
}

body[data-theme="softlight"] .theme-item-description {
    color: inherit !important;
}

/* 箭头按钮样式 */
body[data-theme="softlight"] .arrow-button {
    background: rgba(0, 0, 0, 0.05);
    color: #666;
}

body[data-theme="softlight"] .arrow-button:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #333;
}

/* 登录页面样式 */
body[data-theme="softlight"] .login-card {
    background: var(--card-background);
    backdrop-filter: var(--backdrop-filter);
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border-color);
}

body[data-theme="softlight"] .page-title {
    color: var(--text-color);
    text-shadow: var(--shadow-sm);
}

body[data-theme="softlight"] .page-subtitle {
    color: var(--text-color-secondary);
}

/* 注册页面样式 */
body[data-theme="softlight"] .register-card {
    background: var(--card-background);
    backdrop-filter: var(--backdrop-filter);
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border-color);
}

/* 聊天页面样式 */
body[data-theme="softlight"] .chat-card {
    background: var(--card-background);
    backdrop-filter: var(--backdrop-filter);
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border-color);
}

/* 强制设置body背景 */
html[data-theme="softlight"] body,
body[data-theme="softlight"] {
    background: var(--background) !important;
}