/* 亮色主题样式 */
/* 重置一些深色主题的样式 */

/* 头部样式 - 改为亮色 */
header {
    background-color: #ffffff;
    color: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid #e5e6eb;
}

.logo {
    color: #3654ff;
}

.logo span {
    color: #3498db;
}

/* 搜索框样式 - 调整为亮色主题 */
.search-box input {
    background-color: #f2f3f5;
    border: 1px solid #e5e6eb;
    color: #333;
}

.search-box input:focus {
    outline: none;
    border-color: #3498db;
}

.search-box button {
    background-color: #3498db;
    color: white;
}

.search-box button:hover {
    background-color: #2980b9;
}

/* 用户操作区域 - 改为深色文字 */
.user-actions a {
    color: #333;
}

.user-actions a:hover {
    color: #3498db;
}

/* 导航菜单 - 改为亮色背景 */
nav {
    background-color: #f8f9fa;
}

.nav-menu li a {
    color: #333;
}

.nav-menu li a:hover {
    background-color: #e9ecef;
    color: #3498db;
}

/* 导航菜单激活状态 - 调整亮色主题下的样式 */
.nav-menu li a.active {
    background-color: #3498db;
    color: white;
    font-weight: 500;
}

.nav-menu li a.active::after {
    border-bottom-color: #ffffff;
}

/* 点击反馈效果 - 调整亮色主题 */
.nav-menu li a.nav-link-clicked {
    background-color: #2980b9;
}

/* 汉堡菜单 - 调整为深色线条 */
.hamburger span {
    background-color: #333;
}

.hamburger.active span {
    background-color: #333;
}

/* 页脚样式 - 改为亮色主题 */
footer {
    background-color: #f8f9fa;
    color: #333;
}

.footer-column h3 {
    color: #333;
    border-bottom-color: #e5e6eb;
}

.footer-column p {
    color: #666;
}

.footer-column a {
    color: #666;
}

.footer-column a:hover {
    color: #3498db;
}

.contact-info i {
    color: #3498db;
}

.social-link {
    background-color: #e9ecef;
    color: #333;
}

.social-link:hover {
    background-color: #dee2e6;
}

.newsletter h4 {
    color: #333;
}

.newsletter-input {
    background-color: white;
    border-color: #e5e6eb;
    color: #333;
}

.newsletter-input::placeholder {
    color: #999;
}

.footer-bottom {
    border-top-color: #e5e6eb;
}

.footer-bottom-left {
    color: #666;
}

.footer-bottom-right a {
    color: #666;
}

.footer-bottom-right a:hover {
    color: #3498db;
}

/* 通知栏样式 - 调整亮色主题 */
.notification-bar {
    background-color: #f8f9fa;
    border-bottom-color: #e9ecef;
}

.notification-link {
    color: #3498db;
}

.notification-close {
    color: #666;
}

/* 登录/注册按钮 - 调整亮色主题 */
.btn-primary {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.btn-primary:hover {
    background-color: #2980b9;
}

.btn-secondary {
    background-color: #e9ecef;
    color: #333;
    border: 1px solid #dee2e6;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.btn-secondary:hover {
    background-color: #dee2e6;
}