/**
 * 明亮系主题样式 - 参考 aibest.tools 风格
 * 覆盖暗色系变量和样式
 */

:root {
    /* 明亮系颜色变量 */
    --light-bg: #f8fafc;
    --card-bg: #ffffff;
    --card-hover: #f1f5f9;
    --border-color: #e2e8f0;
    --primary-color: #6366f1;
    --primary-hover: #4f46e5;
    --text-color: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 移除暗色模式 */
html.dark-mode {
    background-color: var(--light-bg) !important;
}

/* 基础样式覆盖 */
body {
    background-color: var(--light-bg) !important;
    color: var(--text-color) !important;
}

/* 导航栏明亮样式 */
.navbar-default {
    background-color: #ffffff !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-sm) !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--text-color) !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a {
    color: var(--primary-color) !important;
}

.navbar-brand {
    color: var(--text-color) !important;
}

/* 左侧导航栏明亮样式 */
.left-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-md) !important;
}

.left-nav-link {
    color: var(--text-secondary) !important;
}

.left-nav-link:hover,
.left-nav-link.active {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

.left-nav-link.highlight {
    color: var(--primary-color) !important;
}

.section-nav-link {
    background-color: var(--card-hover) !important;
    color: var(--text-color) !important;
}

.section-nav-link:hover {
    background-color: #e2e8f0 !important;
}

.section-nav-link i {
    color: var(--text-secondary) !important;
}

.section-submenu-link {
    color: var(--text-secondary) !important;
}

.section-submenu-link:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

.nav-arrow {
    color: var(--text-muted) !important;
}

/* 主内容区明亮样式 */
.main-content-wrapper {
    background-color: var(--light-bg) !important;
}

/* 搜索框明亮样式 */
.search-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.search-input-container {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.search-input {
    color: var(--text-color) !important;
}

.search-input::placeholder {
    color: var(--text-muted) !important;
}

.search-tab {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.search-tab.active {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

.quick-link {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.quick-link:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* 卡片明亮样式 */
.tool-card,
.category-block {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-sm) !important;
}

.tool-card:hover,
.category-block:hover {
    background-color: var(--card-bg) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px);
}

.tool-name {
    color: var(--text-color) !important;
}

.tool-desc {
    color: var(--text-secondary) !important;
}

/* 分类区块明亮样式 */
.category-header {
    background-color: var(--card-hover) !important;
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.category-header i {
    color: var(--primary-color) !important;
}

.tool-list {
    background-color: var(--card-bg) !important;
}

.tool-item {
    border-bottom: 1px solid var(--border-color) !important;
}

.tool-item:hover {
    background-color: var(--card-hover) !important;
}

.tool-item .tool-name {
    color: var(--text-color) !important;
}

/* 面板明亮样式 */
.panel-default {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-sm) !important;
}

.panel-default > .panel-heading {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.panel-default > .panel-heading .panel-title {
    color: var(--text-color) !important;
}

.panel-default > .panel-body {
    background-color: var(--card-bg) !important;
}

/* 下拉菜单明亮样式 */
.dropdown-menu {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

.dropdown-menu > li > a {
    color: var(--text-color) !important;
}

.dropdown-menu > li > a:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

.dropdown-menu .divider {
    background-color: var(--border-color) !important;
}

/* 用户下拉菜单明亮样式 */
.navbar-user .dropdown-menu {
    background-color: var(--card-bg) !important;
}

.navbar-user .user-header {
    background-color: var(--card-hover) !important;
}

.navbar-user .user-details h4 {
    color: var(--text-color) !important;
}

.navbar-user .user-details p {
    color: var(--text-secondary) !important;
}

/* 按钮明亮样式 */
.btn-login {
    background-color: transparent !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
}

.btn-login:hover {
    background-color: var(--card-hover) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-register {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-register:hover {
    background-color: var(--primary-hover) !important;
}

.submit-button {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)) !important;
}

/* 页脚明亮样式 */
#footer {
    background-color: #ffffff !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
}

#footer a {
    color: var(--text-secondary) !important;
}

#footer a:hover {
    color: var(--primary-color) !important;
}

.footer-logo {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

.copyright {
    color: var(--text-muted) !important;
}

.footer-beian {
    color: var(--text-muted) !important;
}

.footer-links-title {
    color: var(--text-color) !important;
}

/* 文章列表明亮样式 */
.article-list {
    background-color: var(--card-bg) !important;
}

.article-list .article-item {
    border-bottom: 1px solid var(--border-color) !important;
}

.article-list .article-title a {
    color: var(--text-color) !important;
}

.article-list .article-title a:hover {
    color: var(--primary-color) !important;
}

.article-list .article-intro {
    color: var(--text-secondary) !important;
}

.article-list .media-body .article-tag {
    color: var(--text-muted) !important;
}

/* 标签明亮样式 */
.tag {
    background-color: #e0e7ff !important;
    color: var(--primary-color) !important;
}

.tag:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* 面包屑明亮样式 */
.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb > li > a {
    color: var(--text-secondary) !important;
}

.breadcrumb > li.active {
    color: var(--text-muted) !important;
}

/* 分页明亮样式 */
.pager li > a,
.pager li > span {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.pager li > a:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

/* 侧边栏明亮样式 */
.sidenav {
    background-color: var(--card-bg) !important;
}

.sidenav .list-group-item {
    background-color: transparent !important;
    border-color: transparent !important;
}

.sidenav .list-group-item:hover {
    background-color: var(--card-hover) !important;
}

.sidenav .list-group-item.active {
    border-left-color: var(--primary-color) !important;
    background-color: var(--card-hover) !important;
}

.sidenav .list-group-item > a {
    color: var(--text-color) !important;
}

.sidenav .list-group-item.active > a {
    color: var(--primary-color) !important;
}

/* 表单明亮样式 */
.form-control {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

/* 搜索框导航栏样式 */
.form-search .form-control {
    background-color: var(--card-hover) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.form-search .form-control:focus {
    background-color: var(--card-bg) !important;
    border-color: var(--primary-color) !important;
}

.form-search .form-control::placeholder {
    color: var(--text-muted) !important;
}

.search-icon {
    color: var(--text-muted) !important;
}

/* 公告栏明亮样式 */
.announcement-carousel {
    background: rgba(99, 102, 241, 0.1) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
}

.announcement-icon {
    color: var(--primary-color) !important;
}

.announcement-item a {
    color: var(--text-color) !important;
}

.announcement-item a:hover {
    color: var(--primary-color) !important;
}

/* 特色区块明亮样式 */
.featured-block {
    box-shadow: var(--shadow-md) !important;
}

.featured-scroll-arrow {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: var(--shadow-md) !important;
}

.featured-scroll-arrow:hover {
    background-color: var(--card-hover) !important;
}

/* 分类滚动箭头明亮样式 */
.category-scroll-arrow {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    box-shadow: var(--shadow-md) !important;
}

.category-scroll-arrow:hover {
    background-color: var(--card-hover) !important;
}

/* 移动端遮罩层 */
.mobile-overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* 移动端导航按钮 */
.sidebar-toggle .icon-bar,
.mobile-nav-btn .icon-bar {
    background-color: var(--text-color) !important;
}

/* 用户头像边框 */
.navbar-user .avatar {
    border-color: var(--border-color) !important;
}

.navbar-user:hover .avatar {
    border-color: var(--primary-color) !important;
}

/* 登录注册按钮在导航栏的样式 */
.auth-btns .btn-login {
    background-color: transparent !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
}

.auth-btns .btn-register {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* 工具区块标题 */
.section-title {
    color: var(--text-color) !important;
}

.section-more {
    color: var(--text-secondary) !important;
}

.section-more:hover {
    color: var(--primary-color) !important;
}

/* 标签云明亮样式 */
.tag-cloud .tag-item {
    background-color: var(--card-hover) !important;
    color: var(--text-secondary) !important;
}

.tag-cloud .tag-item:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* 轮播图明亮样式 */
.carousel-focus .carousel-caption {
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent) !important;
}

/* 频道列表明亮样式 */
.channel-list h3 {
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.channel-list h3 em a {
    color: var(--text-secondary) !important;
}

.channel-list h3 em a:hover {
    color: var(--primary-color) !important;
}

.inner-list li {
    border-bottom: 1px solid var(--border-color) !important;
}

.inner-list li a {
    color: var(--text-color) !important;
}

.inner-list li a:hover {
    color: var(--primary-color) !important;
}

/* 分类标题明亮样式 */
.category-title {
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* 排序链接明亮样式 */
.category-order li a {
    color: var(--text-secondary) !important;
}

.category-order li a.active,
.category-order li a:hover {
    color: var(--primary-color) !important;
}

/* 筛选面板明亮样式 */
.tabs-wrapper {
    background-color: var(--card-bg) !important;
}

.tabs-wrapper .tabs-group .title {
    color: var(--text-secondary) !important;
}

.tabs-wrapper .tabs-group .content > li > a {
    color: var(--text-secondary) !important;
}

.tabs-wrapper .tabs-group .content > li.active > a,
.tabs-wrapper .tabs-group .content > li:hover > a {
    color: var(--primary-color) !important;
}

.tabs-multiple .tabs-group .content > li.active > a {
    background-color: #e0e7ff !important;
    color: var(--primary-color) !important;
}

/* 加载更多明亮样式 */
.loadmore-line {
    color: var(--text-muted) !important;
}

.loadmore-line::before,
.loadmore-line::after {
    background-color: var(--border-color) !important;
}

/* 响应式调整 */
@media (max-width: 992px) {
    .left-sidebar {
        background-color: #ffffff !important;
    }
    
    .left-sidebar.active {
        box-shadow: var(--shadow-lg) !important;
    }
}

/* ========== 额外的明亮系覆盖样式 ========== */

/* 搜索框导航栏 - 明亮样式 */
.form-search .form-control {
    background-color: #f1f5f9 !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.form-search .form-control:focus {
    background-color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

.form-search .form-control::placeholder {
    color: var(--text-muted) !important;
}

.search-icon {
    color: var(--text-muted) !important;
}

.form-search:hover .search-icon,
.form-search .form-control:focus + .search-icon {
    color: var(--text-secondary) !important;
}

/* 登录按钮明亮样式 */
.btn-login {
    background-color: transparent !important;
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
}

.btn-login:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* 用户头像边框 */
.navbar-user .avatar {
    border: 2px solid var(--border-color) !important;
}

.navbar-user:hover .avatar {
    border-color: var(--primary-color) !important;
}

/* 用户下拉菜单头部 */
.navbar-user .user-header {
    background-color: var(--card-hover) !important;
}

/* VIP徽章边框 */
.navbar-user .vip-badge,
.navbar-user .user-avatar .vip-badge {
    border: 1px solid var(--border-color) !important;
}

/* 下拉菜单明亮样式 */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
}

.dropdown-menu > li > a:hover {
    background-color: var(--card-hover) !important;
}

.dropdown-menu .divider {
    background-color: var(--border-color) !important;
}

/* 左侧导航栏明亮样式 */
.left-sidebar {
    background-color: #ffffff !important;
}

.left-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.left-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.left-nav-link {
    color: var(--text-secondary) !important;
}

.left-nav-link.active {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

.left-nav-link:hover:not(.active) {
    background-color: #f8fafc !important;
    color: var(--text-color) !important;
}

.nav-arrow {
    color: var(--text-muted) !important;
}

.left-nav-link:hover .nav-arrow {
    color: var(--text-secondary) !important;
}

/* 顶部菜单项 */
.top-nav-item .left-nav-link {
    background-color: var(--card-hover) !important;
}

.top-nav-item .left-nav-link i {
    color: var(--text-secondary) !important;
}

/* 二级标题导航项 */
.section-nav-link {
    color: var(--text-color) !important;
    background-color: var(--card-hover) !important;
}

.section-nav-link:hover {
    background-color: #e2e8f0 !important;
}

.section-nav-link i {
    color: var(--text-secondary) !important;
}

/* 子菜单链接 */
.section-submenu-link {
    color: var(--text-secondary) !important;
}

.section-submenu-link:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

/* 二级导航 */
.sub-nav-link {
    color: var(--text-muted) !important;
}

.sub-nav-link:hover {
    background-color: var(--card-hover) !important;
    color: var(--text-color) !important;
}

/* 三级导航 */
.third-nav-link {
    color: var(--text-muted) !important;
}

.third-nav-link:hover {
    background-color: var(--card-hover) !important;
    color: var(--text-secondary) !important;
}

/* 主内容区 */
.main-content-wrapper {
    background-color: var(--light-bg) !important;
}

/* 页脚明亮样式 */
#footer {
    background-color: #ffffff !important;
    border-top: 1px solid var(--border-color) !important;
}

.footer-logo {
    background-color: var(--card-hover) !important;
}

.footer-logo:hover {
    background-color: #e2e8f0 !important;
}

/* 小程序图标边框 */
.miniapp-icon {
    border: 1px solid var(--border-color) !important;
}

/* 导航切换按钮 */
.nav-toggle-btn {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.nav-toggle-btn:hover {
    background-color: var(--card-hover) !important;
}

/* 用户头像容器边框 */
.user-avatar-container {
    border: 2px solid var(--border-color) !important;
}

/* 浮动按钮明亮样式 */
.float-btn,
.float-action-btn {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
    box-shadow: var(--shadow-md) !important;
}

.float-btn:hover,
.float-action-btn:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

/* 工具卡片明亮样式 */
.tool-card {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
}

.tool-card:hover {
    box-shadow: var(--shadow-md) !important;
}

/* 分类区块明亮样式 */
.category-block {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
}

.category-header {
    background-color: var(--card-hover) !important;
    color: var(--text-color) !important;
}

.tool-list {
    background-color: #ffffff !important;
}

.tool-item {
    border-bottom: 1px solid var(--border-color) !important;
}

.tool-item:hover {
    background-color: var(--card-hover) !important;
}

/* 搜索容器明亮渐变 */
.search-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* 公告栏明亮样式 */
.announcement-carousel {
    background: rgba(99, 102, 241, 0.08) !important;
    border: 1px solid rgba(99, 102, 241, 0.15) !important;
}

.announcement-icon {
    color: var(--primary-color) !important;
}

.announcement-item a {
    color: var(--text-color) !important;
}

/* 特色区块箭头 */
.featured-scroll-arrow,
.category-scroll-arrow {
    background-color: #ffffff !important;
    color: var(--text-color) !important;
    box-shadow: var(--shadow-md) !important;
}

.featured-scroll-arrow:hover,
.category-scroll-arrow:hover {
    background-color: var(--card-hover) !important;
}

/* 移动端导航按钮 */
.sidebar-toggle .icon-bar,
.mobile-nav-btn .icon-bar {
    background-color: var(--text-color) !important;
}

/* 移动端遮罩 */
.mobile-overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* 面板样式 */
.panel-default {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
}

.panel-default > .panel-heading {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.panel-default > .panel-heading .panel-title {
    color: var(--text-color) !important;
}

/* 文章列表 */
.article-list {
    background-color: #ffffff !important;
}

.article-list .article-item {
    border-bottom: 1px solid var(--border-color) !important;
}

.article-list .article-title a {
    color: var(--text-color) !important;
}

.article-list .article-title a:hover {
    color: var(--primary-color) !important;
}

/* 标签样式 */
.tag {
    background-color: #e0e7ff !important;
    color: var(--primary-color) !important;
}

.tag:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* 分页样式 */
.pager li > a,
.pager li > span {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.pager li > a:hover {
    background-color: var(--card-hover) !important;
    color: var(--primary-color) !important;
}

/* 侧边栏样式 */
.sidenav {
    background-color: #ffffff !important;
}

.sidenav .list-group-item {
    background-color: transparent !important;
}

.sidenav .list-group-item:hover {
    background-color: var(--card-hover) !important;
}

.sidenav .list-group-item.active {
    border-left-color: var(--primary-color) !important;
    background-color: var(--card-hover) !important;
}

.sidenav .list-group-item > a {
    color: var(--text-color) !important;
}

.sidenav .list-group-item.active > a {
    color: var(--primary-color) !important;
}

/* 表单控件 */
.form-control {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

/* 筛选面板 */
.tabs-wrapper {
    background-color: #ffffff !important;
}

.tabs-wrapper .tabs-group .title {
    color: var(--text-secondary) !important;
}

.tabs-wrapper .tabs-group .content > li > a {
    color: var(--text-secondary) !important;
}

.tabs-wrapper .tabs-group .content > li.active > a,
.tabs-wrapper .tabs-group .content > li:hover > a {
    color: var(--primary-color) !important;
}

.tabs-multiple .tabs-group .content > li.active > a {
    background-color: #e0e7ff !important;
    color: var(--primary-color) !important;
}

/* 频道列表 */
.channel-list h3 {
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.inner-list li {
    border-bottom: 1px solid var(--border-color) !important;
}

.inner-list li a {
    color: var(--text-color) !important;
}

.inner-list li a:hover {
    color: var(--primary-color) !important;
}

/* 分类标题 */
.category-title {
    color: var(--text-color) !important;
}

/* 排序链接 */
.category-order li a {
    color: var(--text-secondary) !important;
}

.category-order li a.active,
.category-order li a:hover {
    color: var(--primary-color) !important;
}

/* 加载更多 */
.loadmore-line {
    color: var(--text-muted) !important;
}

/* 工具区块标题 */
.section-title {
    color: var(--text-color) !important;
}

.section-more {
    color: var(--text-secondary) !important;
}

.section-more:hover {
    color: var(--primary-color) !important;
}

/* 标签云 */
.tag-cloud .tag-item {
    background-color: var(--card-hover) !important;
    color: var(--text-secondary) !important;
}

.tag-cloud .tag-item:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}