/* 黄色主题覆盖样式 - 恒星云爆文 */
/* 此文件用于覆盖所有页面的默认蓝色/橙色主题，统一替换为黄色系 */

/* ======================== 全局覆盖 ======================== */

/* 强制覆盖主色调为黄色 */
.text-primary, .text-info, .text-danger {
    color: #F57F17 !important;
}

.bg-primary, .bg-info, .bg-danger {
    background-color: #F57F17 !important;
}

.border-primary, .border-info, .border-danger {
    border-color: #F57F17 !important;
}

/* ======================== 导航栏 ======================== */

/* 导航栏背景 */
.navbar, header, .site-header {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
}

/* 导航链接 */
.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* ======================== 按钮 ======================== */

/* 主要按钮 */
.btn-primary, .btn-danger, .btn-info {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    border-color: #F57F17 !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-danger:hover, .btn-info:hover {
    background: linear-gradient(135deg, #E65100, #F57F17) !important;
    box-shadow: 0 4px 12px rgba(245, 127, 23, 0.3) !important;
}

/* 警告按钮 */
.btn-warning {
    background-color: #FFCA28 !important;
    border-color: #FFCA28 !important;
    color: #333 !important;
}

/* 次要按钮 */
.btn-secondary {
    background-color: #FBC02D !important;
    border-color: #FBC02D !important;
    color: #333 !important;
}

.btn-secondary:hover {
    background-color: #F57F17 !important;
    border-color: #F57F17 !important;
    color: #fff !important;
}

/* 轮廓按钮 */
.btn-outline-primary, .btn-outline-danger, .btn-outline-info {
    color: #F57F17 !important;
    border-color: #F57F17 !important;
}

.btn-outline-primary:hover, .btn-outline-danger:hover, .btn-outline-info:hover {
    background-color: #F57F17 !important;
    color: #fff !important;
}

/* ======================== 链接 ======================== */

/* 全局链接颜色 */
a {
    color: #F57F17 !important;
}

a:hover {
    color: #E65100 !important;
}

/* ======================== 表单元素 ======================== */

/* 输入框焦点 */
input:focus, textarea:focus, select:focus,
.form-control:focus, .form-select:focus {
    border-color: #F57F17 !important;
    box-shadow: 0 0 0 0.2rem rgba(245, 127, 23, 0.25) !important;
}

/* 复选框和单选框 */
.form-check-input:checked {
    background-color: #F57F17 !important;
    border-color: #F57F17 !important;
}

/* 开关 */
.form-switch .form-check-input:checked {
    background-color: #F57F17 !important;
}

/* ======================== 徽章和标签 ======================== */

/* 徽章 */
.badge-primary, .badge-danger, .badge-info {
    background-color: #F57F17 !important;
}

.badge-warning {
    background-color: #FFCA28 !important;
    color: #333 !important;
}

.badge-secondary {
    background-color: #FBC02D !important;
    color: #333 !important;
}

/* ======================== 分页 ======================== */

/* 分页按钮 */
.pagination .page-link {
    color: #F57F17 !important;
}

.pagination .page-link:hover {
    background-color: #F57F17 !important;
    border-color: #F57F17 !important;
    color: #fff !important;
}

.pagination .page-item.active .page-link {
    background-color: #F57F17 !important;
    border-color: #F57F17 !important;
}

/* ======================== 进度条 ======================== */

/* 进度条 */
.progress-bar, .progress-bar-striped {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
}

/* ======================== 警告框 ======================== */

/* 警告框 */
.alert-primary, .alert-danger, .alert-info {
    background-color: rgba(245, 127, 23, 0.1) !important;
    border-color: #F57F17 !important;
    color: #E65100 !important;
}

.alert-warning {
    background-color: rgba(255, 202, 40, 0.1) !important;
    border-color: #FFCA28 !important;
    color: #F57F17 !important;
}

/* ======================== 表格 ======================== */

/* 表格活动行 */
.table-active {
    background-color: rgba(245, 127, 23, 0.1) !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 241, 225, 0.5) !important;
}

/* 表格边框 */
.table-primary, .table-danger, .table-info {
    background-color: rgba(245, 127, 23, 0.1) !important;
    border-color: #F57F17 !important;
}

/* ======================== 下拉菜单 ======================== */

/* 下拉菜单活动项 */
.dropdown-item.active, .dropdown-item:active {
    background-color: #F57F17 !important;
    color: #fff !important;
}

.dropdown-item:hover {
    background-color: rgba(245, 127, 23, 0.1) !important;
    color: #F57F17 !important;
}

/* ======================== 标签页 ======================== */

/* Nav Tabs */
.nav-tabs .nav-link.active {
    color: #F57F17 !important;
    border-color: #F57F17 #F57F17 #fff !important;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #F57F17 !important;
}

.nav-pills .nav-link:hover {
    background-color: rgba(245, 127, 23, 0.1) !important;
}

/* ======================== 模态框 ======================== */

/* 模态框头部 */
.modal-header {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    color: #fff !important;
}

.modal-header .btn-close {
    filter: brightness(0) invert(1);
}

/* ======================== 卡片 ======================== */

/* 卡片头部 */
.card-header {
    background-color: rgba(245, 127, 23, 0.1) !important;
    border-bottom-color: #F57F17 !important;
}

/* 卡片悬停 */
.card:hover {
    box-shadow: 0 4px 12px rgba(245, 127, 23, 0.3) !important;
    border-color: #F57F17 !important;
}

/* ======================== 列表组 ======================== */

/* 列表组活动项 */
.list-group-item.active {
    background-color: #F57F17 !important;
    border-color: #F57F17 !important;
}

.list-group-item:hover {
    background-color: rgba(245, 127, 23, 0.05) !important;
}

/* ======================== 加载动画 ======================== */

/* 旋转加载器 */
.spinner-border, .spinner-grow {
    color: #F57F17 !important;
}

/* ======================== Toast 通知 ======================== */

/* Toast 头部 */
.toast-header {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    color: #fff !important;
}

/* ======================== 滚动条 ======================== */

/* 滚动条样式 - Webkit */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #E65100, #F57F17) !important;
}

/* ======================== 小说网站特有元素 ======================== */

/* 书籍卡片 */
.novel-card, .book-card {
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.novel-card:hover, .book-card:hover {
    box-shadow: 0 4px 12px rgba(245, 127, 23, 0.3) !important;
    border-color: #F57F17 !important;
    transform: translateY(-2px);
}

/* VIP标识 */
.vip-badge, .vip-tag {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    color: #fff !important;
}

/* 热门标签 */
.hot-tag, .hot-badge {
    background-color: #FFEB3B !important;
    color: #333 !important;
}

/* 新书标签 */
.new-tag, .new-badge {
    background-color: #FFF176 !important;
    color: #333 !important;
}

/* 推荐标签 */
.recommend-tag, .recommend-badge {
    background-color: #F57F17 !important;
    color: #fff !important;
}

/* 分类标签 */
.category-tag, .genre-tag {
    background-color: #FBC02D !important;
    color: #333 !important;
}

.category-tag:hover, .genre-tag:hover {
    background-color: #F57F17 !important;
    color: #fff !important;
}

/* ======================== 阅读器 ======================== */

/* 章节列表活动项 */
.chapter-item.active {
    background-color: rgba(245, 127, 23, 0.1) !important;
    color: #F57F17 !important;
    border-left: 3px solid #F57F17 !important;
}

/* ======================== 用户中心 ======================== */

/* 侧边栏菜单 */
.sidebar-menu .menu-item.active {
    background-color: rgba(245, 127, 23, 0.1) !important;
    color: #F57F17 !important;
    border-left: 3px solid #F57F17 !important;
}

.sidebar-menu .menu-item:hover {
    background-color: rgba(245, 127, 23, 0.05) !important;
}

/* ======================== 等级和徽章 ======================== */

/* 用户等级 */
.user-level {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    color: #fff !important;
}

/* 作者认证 */
.author-verified, .verified-badge {
    color: #F57F17 !important;
}

/* ======================== 评分和点赞 ======================== */

/* 星级评分 */
.star-rating .star.active,
.star-rating .star.filled {
    color: #FFEB3B !important;
}

/* 点赞按钮 */
.like-btn.active,
.thumbs-up.active {
    color: #F57F17 !important;
}

/* 收藏按钮 */
.bookmark-btn.active,
.favorite-btn.active {
    color: #FFEB3B !important;
}

/* ======================== 排行榜 ======================== */

/* 排行榜前三名 */
.rank-1 {
    color: #F57F17 !important;
    font-weight: bold;
}

.rank-2 {
    color: #FBC02D !important;
    font-weight: bold;
}

.rank-3 {
    color: #FFCA28 !important;
    font-weight: bold;
}

/* 排行榜卡片 */
.rank-card:hover {
    box-shadow: 0 4px 12px rgba(245, 127, 23, 0.3) !important;
    border-color: #F57F17 !important;
}

/* ======================== 充值和会员 ======================== */

/* 充值按钮 */
.recharge-btn, .pay-btn {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    border-color: #F57F17 !important;
    color: #fff !important;
}

.recharge-btn:hover, .pay-btn:hover {
    background: linear-gradient(135deg, #E65100, #F57F17) !important;
    box-shadow: 0 4px 12px rgba(245, 127, 23, 0.3) !important;
}

/* VIP会员卡 */
.vip-card {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    color: #fff !important;
}

/* ======================== 消息通知 ======================== */

/* 未读消息标记 */
.unread-badge, .notification-badge {
    background-color: #FFEB3B !important;
    color: #333 !important;
}

/* 消息提示点 */
.notification-dot {
    background-color: #F57F17 !important;
}

/* ======================== 搜索框 ======================== */

/* 搜索按钮 */
.search-btn {
    background: linear-gradient(135deg, #F57F17, #FBC02D) !important;
    border-color: #F57F17 !important;
    color: #fff !important;
}

/* ======================== 页脚 ======================== */

/* 页脚链接 */
.footer a {
    color: #F57F17 !important;
}

.footer a:hover {
    color: #E65100 !important;
}

/* 页脚标题 */
.footer h3, .footer-column h3 {
    color: #F57F17 !important;
}

/* ======================== 响应式覆盖 ======================== */

@media (max-width: 768px) {
    /* 移动端导航栏 */
    .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }
}

/* ======================== 高优先级覆盖 ======================== */

/* 确保Bootstrap的primary颜色被完全覆盖 */
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active {
    background-color: #E65100 !important;
    border-color: #E65100 !important;
}

/* 焦点状态 */
.btn-primary:focus,
.btn-danger:focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 127, 23, 0.5) !important;
}

/* ======================== 结束 ======================== */