/* 网站主题样式文件 */

/* ===== 经典蓝色主题 (默认) ===== */
.theme-classic {
    --primary-color: #007cba;
    --primary-hover: #005a87;
    --secondary-color: #f0f8ff;
    --accent-color: #28a745;
    --text-color: #333;
    --text-light: #666;
    --text-muted: #888;
    --border-color: #dee2e6;
    --background-light: #f8f9fa;
    --background-white: #ffffff;
    --shadow: rgba(0, 124, 186, 0.1);
}

/* ===== 现代绿色主题 ===== */
.theme-modern-green {
    --primary-color: #28a745;
    --primary-hover: #1e7e34;
    --secondary-color: #f8fff9;
    --accent-color: #17a2b8;
    --text-color: #2c3e50;
    --text-light: #5a6c7d;
    --text-muted: #6c757d;
    --border-color: #d4edda;
    --background-light: #f8fff9;
    --background-white: #ffffff;
    --shadow: rgba(40, 167, 69, 0.1);
}

/* ===== 优雅紫色主题 ===== */
.theme-elegant-purple {
    --primary-color: #6f42c1;
    --primary-hover: #5a32a3;
    --secondary-color: #f8f5ff;
    --accent-color: #e83e8c;
    --text-color: #2c3e50;
    --text-light: #6c5ce7;
    --text-muted: #a29bfe;
    --border-color: #e9ecef;
    --background-light: #f8f5ff;
    --background-white: #ffffff;
    --shadow: rgba(111, 66, 193, 0.1);
}

/* ===== 商务灰色主题 ===== */
.theme-business-gray {
    --primary-color: #495057;
    --primary-hover: #343a40;
    --secondary-color: #f8f9fa;
    --accent-color: #007bff;
    --text-color: #212529;
    --text-light: #495057;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
    --background-light: #f8f9fa;
    --background-white: #ffffff;
    --shadow: rgba(73, 80, 87, 0.1);
}

/* ===== 活力橙色主题 ===== */
.theme-vibrant-orange {
    --primary-color: #fd7e14;
    --primary-hover: #e55a00;
    --secondary-color: #fff5f0;
    --accent-color: #dc3545;
    --text-color: #2c3e50;
    --text-light: #fd7e14;
    --text-muted: #ff8c42;
    --border-color: #ffeaa7;
    --background-light: #fff5f0;
    --background-white: #ffffff;
    --shadow: rgba(253, 126, 20, 0.1);
}

/* ===== 通用主题样式应用 ===== */
.theme-classic,
.theme-modern-green,
.theme-elegant-purple,
.theme-business-gray,
.theme-vibrant-orange {
    /* 导航栏样式 */
    .header {
        background-color: var(--primary-color);
        border-bottom: 3px solid var(--primary-hover);
    }
    
    .header a {
        color: white;
    }
    
    .header a:hover {
        background-color: var(--primary-hover);
    }
    
    /* 按钮样式 */
    .button {
        background-color: var(--primary-color);
        border: 1px solid var(--primary-hover);
        color: white;
    }
    
    .button:hover {
        background-color: var(--primary-hover);
        color: white;
    }
    
    /* 链接样式 */
    a {
        color: var(--primary-color);
    }
    
    a:hover {
        color: var(--primary-hover);
    }
    
    /* 软件列表样式 */
    .software-list-item:hover {
        background-color: var(--background-light);
    }
    
    .software-info h3 a:hover {
        color: var(--primary-color);
    }
    
    .download-link {
        color: var(--primary-color);
    }
    
    .download-link:hover {
        color: var(--primary-hover);
    }
    
    /* 徽章样式 */
    .badge.recommended {
        background-color: var(--accent-color);
        color: white;
    }
    
    .badge.latest {
        background-color: var(--primary-color);
        color: white;
    }
    
    /* 价格标签 */
    .price {
        background: var(--secondary-color);
        color: var(--text-color);
    }
    
    /* 管理后台样式 */
    .admin-nav .button {
        background-color: var(--primary-color);
        color: white;
    }
    
    .admin-nav .button:hover {
        background-color: var(--primary-hover);
    }
    
    /* 表单样式 */
    input[type="text"], input[type="password"], input[type="email"], 
    textarea, select {
        border: 1px solid var(--border-color);
    }
    
    input[type="text"]:focus, input[type="password"]:focus, 
    input[type="email"]:focus, textarea:focus, select:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 2px var(--shadow);
    }
    
    /* 成功/错误消息 */
    .result-message.success {
        background: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }
    
    .result-message.error {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }
}

/* ===== 主题特定样式增强 ===== */

/* 现代绿色主题增强 */
.theme-modern-green {
    .software-item {
        border-left: 4px solid var(--primary-color);
        padding-left: 15px;
    }
}

/* 优雅紫色主题增强 */
.theme-elegant-purple {
    .software-item {
        box-shadow: 0 2px 8px var(--shadow);
        border-radius: 8px;
        padding: 15px;
    }
}

/* 商务灰色主题增强 */
.theme-business-gray {
    .software-list-item {
        border-left: 3px solid var(--primary-color);
        padding-left: 12px;
    }
}

/* 活力橙色主题增强 */
.theme-vibrant-orange {
    .software-item {
        background: linear-gradient(135deg, var(--background-white) 0%, var(--secondary-color) 100%);
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 4px 12px var(--shadow);
    }
}