/* 
   背景颜色修复文件
   用于修复各页面中不当的橙色背景，确保内容区域保持白色背景
*/

/* 全局内容区域背景修复 */
body,
html,
.main,
.main-container,
.container,
.wrapper,
.content,
.content-area,
.main-content,
.page-content,
.section,
.section-content,
.panel,
.panel-body,
.card,
.card-body,
.form-container,
.form-wrapper,
.modal-content,
.modal-body,
.tab-content,
.tab-pane {
    background: #fff !important;
    background-color: #fff !important;
}

/* 特定页面内容区域修复 */
.profile-main,
.profile-container,
.profile-content,
.profile-tab-content,
.author-content,
.author-tab-content,
.wallet-container,
.wallet-main,
.bookshelf-main,
.bookshelf-container,
.library-container,
.library-main,
.rank-container,
.rank-main,
.book-detail-container,
.book-detail-main {
    background: #fff !important;
    background-color: #fff !important;
}

/* 表单和输入区域修复 */
.form-group,
.input-group,
.input-wrapper,
.textarea-wrapper,
.select-wrapper,
.upload-section,
.file-section,
.avatar-upload-box,
#editProfileForm,
#editProfileForm > div,
#editProfileForm > div > div {
    background: #fff !important;
    background-color: #fff !important;
}

/* 修复内联样式设置的橙色背景 */
*[style*="background:#1976d2"],
*[style*="background-color:#1976d2"],
*[style*="background: #1976d2"],
*[style*="background-color: #1976d2"],
*[style*="background:#1976d2"],
*[style*="background-color:#1976d2"],
*[style*="background: #1976d2"],
*[style*="background-color: #1976d2"],
*[style*="background:rgb(255,107,53)"],
*[style*="background-color:rgb(255,107,53)"],
*[style*="background:rgb(230,81,0)"],
*[style*="background-color:rgb(230,81,0)"] {
    background: #fff !important;
    background-color: #fff !important;
}

/* 保持某些区域的浅色背景 */
.sidebar,
.navigation,
.breadcrumb,
.pagination,
.stats-box,
.info-box,
.tip-box,
.note-box,
.bg-light,
.bg-gray,
.bg-subtle {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
}

/* 个人简介等特殊区域保持浅灰色 */
#editProfileForm > div > div[style*="faf8f8"],
.intro-section,
.signature-section {
    background: #faf8f8 !important;
    background-color: #faf8f8 !important;
}

/* 确保标签文字颜色正确但背景为白色 */
.form-group label {
    background: #fff !important;
    background-color: #fff !important;
    color: #1976d2 !important;
}

/* 保持按钮和交互元素的橙色样式 - 此处不需要覆盖，保留原有样式 */

/* 响应式修复 */
@media (max-width: 768px) {
    .mobile-content,
    .mobile-section,
    .mobile-form {
        background: #fff !important;
        background-color: #fff !important;
    }
}

/* 确保深色内容保持适当背景 - 这些区域保留原有样式 */ 

/* ========================================
   专门覆盖orange-override.css的橙色背景
   ======================================== */

/* 覆盖active、current、selected类的橙色背景，但只针对内容区域 */
.main .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.main-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.content .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.profile-content .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item):not(.profile-tab-content),
.author-content .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.author-tab-content.active,
.wallet-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.bookshelf-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.library-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.rank-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.book-detail-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 覆盖current和selected类 */
.main .current:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.main-container .current:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.container .current:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.content .current:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.main .selected:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.main-container .selected:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.container .selected:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item),
.content .selected:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.dropdown-item) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 确保表格活动行在内容区域内保持白色背景 */
.main .table-active,
.main-container .table-active,
.container .table-active,
.content .table-active {
    background: rgba(0,0,0,0.05) !important;
    background-color: rgba(0,0,0,0.05) !important;
}

/* 保持按钮和导航元素的橙色主题 - 这些元素保留原有样式 */
/* 确保所有按钮保持可见性 */
.profile-btn, button.profile-btn {
    background: #1976d2 !important;
    color: #fff !important;
    border: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 确保会员特权列表文字可见 */
#vipPrivilegeList li {
    color: #333 !important;
    font-size: 15px !important;
}

/* ========================================
   强化覆盖规则 - 针对特定页面元素
   ======================================== */

/* 强制覆盖个人中心和会员中心的active元素，但排除tab内容区域 */
.profile-main .active:not(.profile-tab-btn):not(.btn):not(.button):not(.nav-link):not(.page-link):not(.profile-tab-content),
.profile-container .active:not(.profile-tab-btn):not(.btn):not(.button):not(.nav-link):not(.page-link):not(.profile-tab-content),
.profile-content .active:not(.profile-tab-btn):not(.btn):not(.button):not(.nav-link):not(.page-link):not(.profile-tab-content) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖作者中心的active元素 */
.author-container .active:not(.nav-item):not(.btn):not(.button):not(.nav-link):not(.page-link),
.author-content .active:not(.nav-item):not(.btn):not(.button):not(.nav-link):not(.page-link),
.author-tab-content.active {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖钱包页面的active元素 */
.wallet-main .active:not(.btn):not(.button):not(.nav-link):not(.page-link),
.wallet-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖书架页面的active元素 */
.bookshelf-main .active:not(.btn):not(.button):not(.nav-link):not(.page-link),
.bookshelf-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖书城页面的active元素 */
.library-main .active:not(.btn):not(.button):not(.nav-link):not(.page-link),
.library-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖排行榜页面的active元素 */
.rank-main .active:not(.btn):not(.button):not(.nav-link):not(.page-link),
.rank-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 强制覆盖书籍详情页面的active元素 */
.book-detail-main .active:not(.btn):not(.button):not(.nav-link):not(.page-link),
.book-detail-container .active:not(.btn):not(.button):not(.nav-link):not(.page-link) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* 确保所有内容区域的div、section、article元素背景为白色 */
.main div.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.main-container div.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.container div.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.content div.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.main section.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.main-container section.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.container section.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn),
.content section.active:not(.btn):not(.button):not(.nav-link):not(.page-link):not(.nav-item):not(.profile-tab-btn) {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}