/**
 * 环球智汇财经平台 - 深色主题全局样式
 * 统一整站深色背景风格
 */

/* ===== 全局深色主题变量 ===== */
:root {
    --dark-bg-primary: #1a1a2e;
    --dark-bg-secondary: #16213e;
    --dark-bg-tertiary: #0f0f23;
    --dark-bg-card: #1e1e3f;
    --dark-bg-hover: #2a2a4a;
    
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b8b8d0;
    --dark-text-muted: #8888a0;
    
    --accent-gold: #ffc107;
    --accent-gold-hover: #ffca2c;
    --accent-green: #28a745;
    --accent-red: #dc3545;
    --accent-blue: #0d6efd;
    
    --border-color: #2a2a4a;
    --shadow-color: rgba(0, 0, 0, 0.3);
}

/* ===== 基础样式重置 ===== */
html, body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
    min-height: 100vh;
}

body {
    background: linear-gradient(135deg, var(--dark-bg-primary) 0%, var(--dark-bg-secondary) 50%, var(--dark-bg-tertiary) 100%) !important;
    background-attachment: fixed !important;
}

/* ===== 导航栏深色样式 ===== */
.navbar, header, nav {
    background-color: var(--dark-bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.navbar-brand, .nav-link {
    color: var(--dark-text-primary) !important;
}

.nav-link:hover {
    color: var(--accent-gold) !important;
    background-color: var(--dark-bg-hover) !important;
}

.dropdown-menu {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.dropdown-item {
    color: var(--dark-text-primary) !important;
}

.dropdown-item:hover {
    background-color: var(--dark-bg-hover) !important;
    color: var(--accent-gold) !important;
}

/* ===== 卡片和容器深色样式 ===== */
.card, .panel, .box, .content-box {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--dark-text-primary) !important;
}

.card-header, .panel-header {
    background-color: var(--dark-bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--accent-gold) !important;
}

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

.card-footer, .panel-footer {
    background-color: var(--dark-bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

/* ===== 表单元素深色样式 ===== */
.form-control, .form-select, input, textarea, select {
    background-color: var(--dark-bg-tertiary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--dark-text-primary) !important;
}

.form-control:focus, .form-select:focus, input:focus, textarea:focus, select:focus {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
    color: var(--dark-text-primary) !important;
}

.form-control::placeholder, input::placeholder, textarea::placeholder {
    color: var(--dark-text-muted) !important;
}

.form-label, label {
    color: var(--dark-text-secondary) !important;
}

/* ===== 按钮深色样式 ===== */
.btn-primary {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
    color: #000 !important;
}

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

.btn-secondary {
    background-color: var(--dark-bg-hover) !important;
    border-color: var(--border-color) !important;
    color: var(--dark-text-primary) !important;
}

.btn-outline-primary {
    border-color: var(--accent-gold) !important;
    color: var(--accent-gold) !important;
}

.btn-outline-primary:hover {
    background-color: var(--accent-gold) !important;
    color: #000 !important;
}

.btn-outline-secondary {
    border-color: var(--border-color) !important;
    color: var(--dark-text-secondary) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--dark-bg-hover) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== 表格深色样式 ===== */
.table {
    color: var(--dark-text-primary) !important;
}

.table thead th {
    background-color: var(--dark-bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--accent-gold) !important;
}

.table tbody td {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--border-color) !important;
}

.table-striped tbody tr:nth-of-type(odd) td {
    background-color: var(--dark-bg-tertiary) !important;
}

.table-hover tbody tr:hover td {
    background-color: var(--dark-bg-hover) !important;
}

/* ===== 列表深色样式 ===== */
.list-group-item {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--dark-text-primary) !important;
}

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

.list-group-item.active {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
    color: #000 !important;
}

/* ===== 模态框深色样式 ===== */
.modal-content {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.modal-header {
    background-color: var(--dark-bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.modal-header .modal-title {
    color: var(--accent-gold) !important;
}

.modal-header .btn-close {
    filter: invert(1) !important;
}

.modal-body {
    color: var(--dark-text-primary) !important;
}

.modal-footer {
    background-color: var(--dark-bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

/* ===== 警告框深色样式 ===== */
.alert {
    border: 1px solid var(--border-color) !important;
}

.alert-info {
    background-color: rgba(13, 202, 240, 0.1) !important;
    color: #0dcaf0 !important;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    color: #28a745 !important;
}

.alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
    color: #ffc107 !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
}

/* ===== 分页深色样式 ===== */
.pagination .page-link {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--dark-text-primary) !important;
}

.pagination .page-link:hover {
    background-color: var(--dark-bg-hover) !important;
    color: var(--accent-gold) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
    color: #000 !important;
}

/* ===== 徽章深色样式 ===== */
.badge {
    font-weight: 500 !important;
}

.badge.bg-primary, .badge-primary {
    background-color: var(--accent-gold) !important;
    color: #000 !important;
}

.badge.bg-secondary, .badge-secondary {
    background-color: var(--dark-bg-hover) !important;
    color: var(--dark-text-primary) !important;
}

/* ===== 页脚深色样式 ===== */
footer, .footer {
    background-color: var(--dark-bg-tertiary) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--dark-text-secondary) !important;
}

footer a, .footer a {
    color: var(--dark-text-secondary) !important;
}

footer a:hover, .footer a:hover {
    color: var(--accent-gold) !important;
}

/* ===== 链接深色样式 ===== */
a {
    color: var(--accent-gold) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--accent-gold-hover) !important;
}

/* ===== 文本颜色 ===== */
.text-muted {
    color: var(--dark-text-muted) !important;
}

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

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-text-primary) !important;
}

/* ===== 边框样式 ===== */
.border {
    border-color: var(--border-color) !important;
}

.border-top, .border-bottom, .border-left, .border-right {
    border-color: var(--border-color) !important;
}

hr {
    border-color: var(--border-color) !important;
    opacity: 0.5 !important;
}

/* ===== 滚动条深色样式 ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--dark-bg-tertiary);
}

::-webkit-scrollbar-thumb {
    background: var(--dark-bg-hover);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-gold);
}

/* ===== 选中文本样式 ===== */
::selection {
    background-color: var(--accent-gold);
    color: #000;
}

/* ===== 后台管理特殊样式 ===== */
.admin-sidebar {
    background-color: var(--dark-bg-secondary) !important;
}

.admin-content {
    background-color: var(--dark-bg-primary) !important;
}

.admin-header {
    background-color: var(--dark-bg-tertiary) !important;
}

/* ===== 图表区域样式 ===== */
.chart-container {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px;
    padding: 15px;
}

/* ===== 加载动画样式 ===== */
.spinner-border {
    color: var(--accent-gold) !important;
}

.loading-overlay {
    background-color: rgba(26, 26, 46, 0.9) !important;
}

/* ===== 工具提示样式 ===== */
.tooltip .tooltip-inner {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

/* ===== 面包屑导航 ===== */
.breadcrumb {
    background-color: transparent !important;
}

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

.breadcrumb-item.active {
    color: var(--accent-gold) !important;
}

/* ===== 进度条样式 ===== */
.progress {
    background-color: var(--dark-bg-tertiary) !important;
}

.progress-bar {
    background-color: var(--accent-gold) !important;
}

/* ===== 标签页样式 ===== */
.nav-tabs {
    border-bottom-color: var(--border-color) !important;
}

.nav-tabs .nav-link {
    color: var(--dark-text-secondary) !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link:hover {
    border-color: var(--border-color) !important;
    color: var(--accent-gold) !important;
}

.nav-tabs .nav-link.active {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--border-color) var(--border-color) var(--dark-bg-card) !important;
    color: var(--accent-gold) !important;
}

/* ===== 手风琴样式 ===== */
.accordion-item {
    background-color: var(--dark-bg-card) !important;
    border-color: var(--border-color) !important;
}

.accordion-button {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--dark-bg-hover) !important;
    color: var(--accent-gold) !important;
}

.accordion-body {
    background-color: var(--dark-bg-card) !important;
}