/* dark-theme.css — 观众端公开站深黑主题覆盖
 * 加在所有 dist/*.min.css 后面，靠书写顺序优先级覆盖浅色规则。
 * 调色：背景 #0a0a0a / 卡片 #141414 / 边框 #2a2a2a / 文字 #e5e5e5。
 * 视频区原本就是 #000，保留不动；只翻浅色背景。
 */

/* ===== 全局基底 ===== */
html,
body {
    background: #0a0a0a !important;
    color: #e5e5e5 !important;
}

/* ===== Header ===== */
.header-wrapper.solid,
.header-wrapper.solid .header-left,
.header-wrapper.solid .header-menu > ul > li,
.header-wrapper.solid .header-divider {
    background: #141414 !important;
    color: #e5e5e5 !important;
}
.header-wrapper.solid .header-divider {
    background: #2a2a2a !important;
}
.header-wrapper.solid .user-avatar-sm {
    border-color: #2a2a2a !important;
}

/* 下拉/子菜单 */
.live-submenu ul,
.user-dropdown {
    background: #1a1a1a !important;
    box-shadow: 0 4px 16px #000a !important;
    color: #e5e5e5 !important;
}
.live-submenu ul:before {
    border-bottom-color: #1a1a1a !important;
}
.live-submenu li {
    color: #cfcfcf !important;
}
.live-submenu li:hover {
    background: #262626 !important;
    color: #fff !important;
}
.user-dropdown-item {
    color: #e5e5e5 !important;
}
.user-dropdown-item:hover {
    background: #262626 !important;
}

/* ===== 通用容器 ===== */
.inner,
.section,
.section-wrapper,
.main-container,
.content-wrapper,
.page-wrapper,
.living-room,
.appointment-section,
.recommend-section,
.hot-grid,
.live-list-wrapper,
.swiper-container {
    background: transparent !important;
    color: #e5e5e5 !important;
}

/* 卡片 */
.live-card,
.recommend-grid .live-card,
.appointment-section .swiper-btn,
.card,
.panel,
.module-box,
.room-item {
    background: #141414 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}
.live-card:hover,
.room-item:hover {
    background: #1c1c1c !important;
}

/* room-list 区原本就是黑色蒙层，保留 */
.room-list {
    background: rgba(0, 0, 0, 0.85) !important;
}

/* ===== 文字 ===== */
.card-title,
.card-desc,
.live-card .title,
.section-title,
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th {
    color: #e5e5e5;
}
.text-secondary,
.text-muted,
.sub-title,
.desc {
    color: #9ca3af !important;
}

/* a 链接保留主色，悬停高亮 */
a {
    color: inherit;
}
a:hover {
    color: #fff !important;
}

/* ===== 分割线 / 边框 ===== */
hr,
.divider,
.border-bottom,
.border-top {
    border-color: #2a2a2a !important;
    background: #2a2a2a !important;
}

/* ===== 表单 ===== */
input,
textarea,
select {
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
    border: 1px solid #2a2a2a !important;
}
input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
}
input:focus,
textarea:focus {
    border-color: #6BB3FA !important;
    outline: none !important;
}

/* 按钮：保留主色按钮，二级按钮翻深 */
button,
.btn,
.button {
    background: #1f1f1f;
    color: #e5e5e5;
    border-color: #2a2a2a;
}
button:hover,
.btn:hover,
.button:hover {
    background: #2a2a2a;
}
.btn-primary,
.button-primary {
    background: var(--color-primary, #6BB3FA) !important;
    color: #fff !important;
}

/* ===== Footer ===== */
.footer-wrapper,
.footer,
footer {
    background: #0a0a0a !important;
    color: #9ca3af !important;
    border-top: 1px solid #2a2a2a !important;
}

/* ===== Room 页（直播间）特定覆盖 ===== */
.room-info,
.room-chat,
.chat-wrapper,
.chat-list,
.chat-input-bar,
.room-tabs,
.room-anchor-info {
    background: #141414 !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}
.chat-list .chat-item {
    background: transparent !important;
    color: #e5e5e5 !important;
}
.chat-list .chat-item:hover {
    background: #1c1c1c !important;
}
.room-notice {
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}

/* ===== 弹窗 / 模态框 ===== */
.modal,
.modal-content,
.dialog,
.dialog-content,
.popup,
.popup-content {
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}
.modal-mask,
.dialog-mask {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ===== 表格 ===== */
table {
    background: #141414 !important;
    color: #e5e5e5 !important;
}
table thead,
table th {
    background: #1a1a1a !important;
    color: #e5e5e5 !important;
    border-color: #2a2a2a !important;
}
table tbody tr {
    border-color: #2a2a2a !important;
}
table tbody tr:hover {
    background: #1c1c1c !important;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a;
}