/* ===== 确保主背景渐变 ===== */
html {
    background: #0d2847 !important;
}

body {
    background: linear-gradient(180deg, #0d2847 0%, #15324f 50%, #0d2847 100%) !important;
    background-color: #0d2847 !important;
    min-height: 100vh;
}
/* ============================================================
   深空航空主题 (Deep Space Aviation)
   深色背景 + 霓虹蓝/青色发光 + 玻璃拟态
   ============================================================ */

/* 全局重置 */
* {
    box-sizing: border-box;
}

body {`n    background: linear-gradient(180deg, #0d2847 0%, #15324f 50%, #0d2847 100%) !important;`n    color: #ffffff;
    font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* 链接 */
a {
    color: #66d9ff !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #99e6ff !important;
    text-shadow: 0 0 10px rgba(102, 217, 255, 0.5);
}

/* 导航栏 */
.navbar {
    background: linear-gradient(135deg, #0a1f3d 0%, #122b4d 100%) !important;
    border-bottom: 2px solid rgba(102, 217, 255, 0.4) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4) !important;
    padding: 0.6rem 1rem !important;
    flex-wrap: nowrap !important;
}

.navbar .container {
    flex-wrap: nowrap !important;
}

.navbar-brand {
    color: #66d9ff !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 0 15px rgba(102, 217, 255, 0.5) !important;
    letter-spacing: 0.5px;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.navbar-nav {
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.navbar-nav .nav-item {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0.4rem 0.7rem !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    white-space: nowrap !important;
    font-size: 0.9rem !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #66d9ff !important;
    background: rgba(102, 217, 255, 0.15) !important;
    text-shadow: 0 0 10px rgba(102, 217, 255, 0.5);
}

/* 导航栏右侧文字 */
.navbar .text-light,
.navbar span,
.navbar .dropdown-toggle {
    color: #ffffff !important;
}

/* 下拉菜单 */
.dropdown-menu {
    background: rgba(10, 31, 61, 0.98) !important;
    border: 1px solid rgba(102, 217, 255, 0.4) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(102, 217, 255, 0.15) !important;
    backdrop-filter: blur(20px);
    padding: 0.5rem 0 !important;
}

.dropdown-item {
    color: #ffffff !important;
    padding: 0.6rem 1.2rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
    white-space: nowrap !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: rgba(102, 217, 255, 0.2) !important;
    color: #66d9ff !important;
}

.dropdown-divider {
    border-color: rgba(102, 217, 255, 0.2) !important;
}

/* 按钮 */
.btn {
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 0.6rem 1.5rem !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.btn-primary {
    background: linear-gradient(135deg, #66d9ff 0%, #33c2ff 100%) !important;
    color: #0a1f3d !important;
    box-shadow: 0 4px 15px rgba(102, 217, 255, 0.4) !important;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(102, 217, 255, 0.6) !important;
    color: #0a1f3d !important;
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

.btn-success {
    background: linear-gradient(135deg, #00e676 0%, #00c853 100%) !important;
    color: #0a1f3d !important;
    box-shadow: 0 4px 15px rgba(0, 230, 118, 0.4) !important;
}

.btn-danger {
    background: linear-gradient(135deg, #ff5252 0%, #ff1744 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 82, 82, 0.4) !important;
}

.btn-warning {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
    color: #0a1f3d !important;
}

.btn-info {
    background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    background: transparent !important;
    color: #66d9ff !important;
    border: 2px solid #66d9ff !important;
}

.btn-outline-primary:hover {
    background: #66d9ff !important;
    color: #0a1f3d !important;
    box-shadow: 0 0 20px rgba(102, 217, 255, 0.5) !important;
}

.btn-light {
    background: transparent !important;
    color: #0a1f3d !important;
}

.btn-light:hover {
    background: #e0f7ff !important;
    color: #0a1f3d !important;
}

/* 卡片 */
.card {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(102, 217, 255, 0.25) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px);
    overflow: hidden;
    color: #ffffff !important;
}

.card-header {
    background: rgba(102, 217, 255, 0.15) !important;
    border-bottom: 1px solid rgba(102, 217, 255, 0.3) !important;
    color: #66d9ff !important;
    font-weight: 700 !important;
    padding: 1rem 1.25rem !important;
}

.card-body {
    color: #ffffff !important;
    padding: 1.25rem !important;
}

.card-footer {
    background: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid rgba(102, 217, 255, 0.15) !important;
    color: #ffffff !important;
}

/* 表格 */
.table {
    color: #ffffff !important;
    margin-bottom: 0 !important;
}

.table thead th {
    background: rgba(102, 217, 255, 0.2) !important;
    color: #66d9ff !important;
    border-bottom: 2px solid rgba(102, 217, 255, 0.4) !important;
    font-weight: 700 !important;
    padding: 0.8rem !important;
    white-space: nowrap;
}

.table tbody td {
    border-color: rgba(102, 217, 255, 0.12) !important;
    padding: 0.7rem !important;
    vertical-align: middle;
    color: #ffffff !important;
}

.table tbody tr {
    transition: all 0.2s ease;
}

.table tbody tr:hover {
    background: rgba(102, 217, 255, 0.1) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* 表单 */
.form-control,
.form-select {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(102, 217, 255, 0.3) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    padding: 0.6rem 0.9rem !important;
    transition: all 0.3s ease;
}

.form-control:focus,
.form-select:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #66d9ff !important;
    box-shadow: 0 0 0 0.2rem rgba(102, 217, 255, 0.2) !important;
    color: #ffffff !important;
}

.form-control::placeholder {
    color: #a0c4d9 !important;
}

.form-label {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 0.4rem !important;
}

.form-text {
    color: #a0c4d9 !important;
}

/* 输入组 */
.input-group-text {
    background: rgba(102, 217, 255, 0.15) !important;
    border: 1px solid rgba(102, 217, 255, 0.3) !important;
    color: #66d9ff !important;
    border-radius: 10px 0 0 10px !important;
}

/* 徽章 */
.badge {
    padding: 0.4em 0.8em !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
}

.bg-primary { background: linear-gradient(135deg, #66d9ff, #33c2ff) !important; color: #0a0e1a !important; }
.bg-success { background: linear-gradient(135deg, #00e676, #00c853) !important; color: #0a0e1a !important; }
.bg-danger { background: linear-gradient(135deg, #ff5252, #ff1744) !important; color: #ffffff !important; }
.bg-warning { background: linear-gradient(135deg, #ffc107, #ff9800) !important; color: #0a0e1a !important; }
.bg-info { background: linear-gradient(135deg, #00bcd4, #0097a7) !important; color: #ffffff !important; }
.bg-secondary { background: rgba(255,255,255,0.15) !important; color: #ffffff !important; }

/* 警告框 */
.alert {
    border-radius: 12px !important;
    border: none !important;
    padding: 1rem 1.25rem !important;
    font-weight: 500 !important;
}

.alert-primary {
    background: rgba(0, 212, 255, 0.1) !important;
    color: #66d9ff !important;
    border-left: 4px solid #66d9ff !important;
}

.alert-success {
    background: rgba(0, 230, 118, 0.1) !important;
    color: #00e676 !important;
    border-left: 4px solid #00e676 !important;
}

.alert-danger {
    background: rgba(255, 82, 82, 0.1) !important;
    color: #ff5252 !important;
    border-left: 4px solid #ff5252 !important;
}

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

.alert-info {
    background: rgba(0, 188, 212, 0.1) !important;
    color: #00bcd4 !important;
    border-left: 4px solid #00bcd4 !important;
}

/* 分页 */
.pagination .page-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    margin: 0 2px;
    transition: all 0.2s ease;
}

.pagination .page-link:hover {
    background: rgba(0, 212, 255, 0.15) !important;
    color: #66d9ff !important;
    border-color: #66d9ff !important;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #66d9ff, #33c2ff) !important;
    color: #0a0e1a !important;
    border-color: #66d9ff !important;
    font-weight: 700;
}

.pagination .page-item.disabled .page-link {
    background: rgba(255, 255, 255, 0.02) !important;
    color: #80a0b8 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* 模态框 */
.modal-content {
    background: rgba(13, 27, 42, 0.98) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 212, 255, 0.1) !important;
    backdrop-filter: blur(20px);
}

.modal-header {
    border-bottom: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #66d9ff !important;
    padding: 1.25rem !important;
}

.modal-title {
    color: #66d9ff !important;
    font-weight: 700 !important;
}

.modal-body {
    color: #ffffff !important;
    padding: 1.25rem !important;
}

.modal-footer {
    border-top: 1px solid rgba(0, 212, 255, 0.2) !important;
    padding: 1rem 1.25rem !important;
}

.btn-close {
    filter: invert(1) brightness(1.5) !important;
}

/* 进度条 */
.progress {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    height: 12px !important;
    overflow: hidden;
}

.progress-bar {
    background: linear-gradient(90deg, #66d9ff, #33c2ff) !important;
    border-radius: 50px !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
}

/* 列表组 */
.list-group-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 0.8rem 1rem !important;
    transition: all 0.2s ease;
}

.list-group-item:hover {
    background: rgba(0, 212, 255, 0.08) !important;
    border-color: rgba(0, 212, 255, 0.3) !important;
}

.list-group-item.active {
    background: rgba(0, 212, 255, 0.15) !important;
    border-color: #66d9ff !important;
    color: #66d9ff !important;
}

/* 导航标签 */
.nav-tabs {
    border-bottom: 2px solid rgba(0, 212, 255, 0.2) !important;
}

.nav-tabs .nav-link {
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 0.7rem 1.2rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
    background: rgba(0, 212, 255, 0.08) !important;
    color: #66d9ff !important;
    border: none !important;
}

.nav-tabs .nav-link.active {
    background: rgba(0, 212, 255, 0.15) !important;
    color: #66d9ff !important;
    border: none !important;
    border-bottom: 2px solid #66d9ff !important;
    margin-bottom: -2px;
}

/* 面包屑 */
.breadcrumb {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 10px !important;
    padding: 0.7rem 1rem !important;
}

.breadcrumb-item {
    color: #a0c4d9 !important;
}

.breadcrumb-item.active {
    color: #66d9ff !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #80a0b8 !important;
}

/* 页脚 */
footer {
    background: linear-gradient(135deg, #0a1f3d 0%, #122b4d 100%) !important;
    border-top: 2px solid rgba(102, 217, 255, 0.4) !important;
    color: #ffffff !important;
    padding: 2rem 0 !important;
}

footer h5 {
    color: #66d9ff !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

footer p {
    color: #c0d8e8 !important;
    margin-bottom: 0.3rem !important;
}

footer a {
    color: #66d9ff !important;
}

/* 标题颜色 */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 文本辅助类 */
.text-muted { color: #a0c4d9 !important; }
.text-primary { color: #66d9ff !important; }
.text-success { color: #00e676 !important; }
.text-danger { color: #ff5252 !important; }
.text-warning { color: #ffc107 !important; }
.text-info { color: #00bcd4 !important; }
.text-white { color: #ffffff !important; }
.text-light { color: #ffffff !important; }
.text-dark { color: #0a1f3d !important; }

/* 背景辅助类 */
.bg-light { background: rgba(255, 255, 255, 0.05) !important; }
.bg-dark { background: #0a1f3d !important; }
.bg-white { background: transparent !important; }

/* 容器 */
.container {
    color: #ffffff !important;
}

/* 主内容区域 */
main, .main-content {
    flex: 1;
    color: #ffffff !important;
}

/* 普通段落文字 */




/* 响应式 */
@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.1rem !important;
    }
    
    .card {
        border-radius: 12px !important;
    }
    
    .btn {
        padding: 0.5rem 1rem !important;
        font-size: 0.9rem !important;
    }
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(102, 217, 255, 0.4);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 217, 255, 0.6);
}

/* 选中文字 */
::selection {
    background: rgba(102, 217, 255, 0.3);
    color: #ffffff;
}

/* ===== 白色背景元素深色文字修复 ===== */
.bg-white, .bg-white * {
    color: #1a1a1a !important;
}

.bg-light, .bg-light * {
    color: #1a1a1a !important;
}

/* 白色背景卡片 */
.card:not([style*="background"]):not([class*="bg-"]) {
    color: #ffffff !important;
}

/* 模态框内文字 */
.modal-content,
.modal-content p,
.modal-content span,
.modal-content div,
.modal-content li,
.modal-content label {
    color: #ffffff !important;
}

.modal-content .text-muted {
    color: #a0c4d9 !important;
}

/* 模态框内白色背景区域 */
.modal-content .bg-white,
.modal-content .bg-white * {
    color: #1a1a1a !important;
}

/* 图片上传/裁剪预览区 */
.img-preview,
.crop-area,
.upload-area,
.image-container {
    color: #1a1a1a !important;
}

.img-preview *,
.crop-area *,
.upload-area *,
.image-container * {
    color: #1a1a1a !important;
}

/* 白色背景的表单区域 */
.form-area.bg-white,
.form-section.bg-white {
    color: #1a1a1a !important;
}

/* 确保下拉菜单在白色背景上文字可见 */
.dropdown-menu.bg-white,
.dropdown-menu.bg-white .dropdown-item {
    color: #1a1a1a !important;
}

/* 表格内白色背景 */
.table .bg-white,
.table .bg-white * {
    color: #1a1a1a !important;
}

/* 徽章在白色背景上 */
.bg-white .badge,
.bg-light .badge {
    color: #ffffff !important;
}

/* ===== 更通用的白色背景深色文字修复 ===== */
/* 内联样式白色背景 */
[style*="background: #fff"],
[style*="background: #ffffff"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"],
[style*="background-color: white"] {
    color: #1a1a1a !important;
}

[style*="background: #fff"] *,
[style*="background: #ffffff"] *,
[style*="background: white"] *,
[style*="background-color: #fff"] *,
[style*="background-color: #ffffff"] *,
[style*="background-color: white"] * {
    color: #1a1a1a !important;
}

/* 常见白色容器 */
.preview-box,
.preview-area,
.preview-container,
.logo-preview,
.avatar-preview,
.image-preview,
.crop-box,
.crop-container,
.crop-wrapper,
.upload-box,
.upload-container,
.upload-preview,
.drop-zone,
.dropzone,
.file-preview {
    background: transparent !important;
    color: #1a1a1a !important;
}

.preview-box *,
.preview-area *,
.preview-container *,
.logo-preview *,
.avatar-preview *,
.image-preview *,
.crop-box *,
.crop-container *,
.crop-wrapper *,
.upload-box *,
.upload-container *,
.upload-preview *,
.drop-zone *,
.dropzone *,
.file-preview * {
    color: #1a1a1a !important;
}

/* 表单控件内文字 */
.form-control,
.form-select,
input,
textarea,
select {
    color: #ffffff !important;
}

.form-control option,
.form-select option,
select option {
    color: #1a1a1a !important;
    background: transparent !important;
}

/* 白色背景上的表单标签 */
.bg-white .form-label,
.bg-light .form-label,
[style*="background: #fff"] .form-label,
[style*="background: #ffffff"] .form-label {
    color: #1a1a1a !important;
}

/* 确保主要内容区文字为白色 */
.container,
.container-fluid,
main,
.content,
.page-content {
    color: #ffffff;
}

/* 深色背景卡片强制白色文字 */
.card {
    color: #ffffff !important;
}

.card p,
.card span,
.card div,
.card li,
.card td,
.card th {
    color: inherit !important;
}

/* ===== 全局白色背景强制透明 ===== */

/* 覆盖所有白色背景类 */
.bg-white,
.bg-light,
.white-bg,
.light-bg {
    background: transparent !important;
    background-color: transparent !important;
}

/* 覆盖内联样式白色背景 */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* 下拉选项背景 */
option {
    background: #15324f !important;
    color: #ffffff !important;
}

/* 表格白色背景覆盖 */
.table,
.table tbody tr,
.table thead th {
    background-color: transparent !important;
}

/* 模态框内容区白色背景覆盖 */
.modal-body,
.modal-header,
.modal-footer {
    background-color: transparent !important;
}

/* 确保所有文字在透明背景上为白色 */
body,
p,
span,
div,
li,
td,
th,
label,
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* 链接保持亮蓝色 */
a {
    color: #66d9ff !important;
}

/* ===== 表格白色背景去除 ===== */
.table,
.table tbody,
.table tbody tr,
.table tbody td,
.table tbody th,
.table thead,
.table thead tr,
.table thead th {
    background: transparent !important;
    background-color: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
    background: transparent !important;
    background-color: transparent !important;
}

.table-hover tbody tr:hover {
    background: rgba(102, 217, 255, 0.1) !important;
}

/* ===== 所有卡片白色背景去除 ===== */
.card,
.card-body,
.card-header,
.card-footer,
[class*="card"],
[class*="-card"] {
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ===== 列表/网格项白色背景去除 ===== */
.list-group-item,
[class*="list-item"],
[class*="grid-item"],
[class*="member-item"],
[class*="pilot-item"],
[class*="airline-item"] {
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(102, 217, 255, 0.2) !important;
}

/* ===== 内容区域白色背景去除 ===== */
.content,
.main-content,
.page-content,
[class*="content-area"],
[class*="section"],
[class*="panel"],
[class*="box"],
[class*="container-inner"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===== 确保所有文字白色 ===== */
.table td,
.table th,
.card,
.card p,
.card span,
.card div,
.card li,
.list-group-item,
[class*="card"] *,
[class*="list-item"] *,
[class*="grid-item"] *,
[class*="member-item"] *,
[class*="pilot-item"] *,
[class*="airline-item"] * {
    color: #ffffff !important;
}

/* 次要文字 */
.text-muted,
.text-secondary,
small,
.muted {
    color: #a0c4d9 !important;
}

/* ===== 所有表格行背景完全透明 ===== */
table,
thead,
tbody,
tfoot,
tr,
td,
th,
.table,
.table *,
.table thead *,
.table tbody *,
.table tfoot * {
    background: transparent !important;
    background-color: transparent !important;
}

/* 强制覆盖Bootstrap表格样式 */
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(even),
.table-striped > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(even) {
    background: transparent !important;
    background-color: transparent !important;
}

/* hover时只有轻微高亮，默认完全透明 */
.table-hover > tbody > tr:hover {
    background: rgba(102, 217, 255, 0.08) !important;
    background-color: rgba(102, 217, 255, 0.08) !important;
}

/* 表格边框保留 */
.table td,
.table th {
    border-color: rgba(102, 217, 255, 0.15) !important;
}

/* 表头文字亮蓝色 */
.table thead th {
    color: #66d9ff !important;
    font-weight: 700 !important;
}

/* 表格内容文字白色 */
.table tbody td {
    color: #ffffff !important;
}

/* ===== 好友/用户卡片白色背景去除 ===== */
[class*="friend"],
[class*="Friend"],
[class*="user-card"],
[class*="UserCard"],
[class*="user-item"],
[class*="contact"],
[class*="Contact"],
[class*="profile-card"],
[class*="ProfileCard"],
[class*="member-card"],
[class*="MemberCard"],
[class*="player-card"],
[class*="PlayerCard"],
[class*="pilot-card"],
[class*="PilotCard"] {
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(102, 217, 255, 0.2) !important;
}

[class*="friend"] *,
[class*="Friend"] *,
[class*="user-card"] *,
[class*="UserCard"] *,
[class*="user-item"] *,
[class*="contact"] *,
[class*="Contact"] *,
[class*="profile-card"] *,
[class*="ProfileCard"] *,
[class*="member-card"] *,
[class*="MemberCard"] *,
[class*="player-card"] *,
[class*="PlayerCard"] *,
[class*="pilot-card"] *,
[class*="PilotCard"] * {
    color: #ffffff !important;
}

/* 好友卡片内的按钮 */
[class*="friend"] .btn,
[class*="Friend"] .btn,
[class*="user-card"] .btn,
[class*="contact"] .btn {
    color: #66d9ff !important;
    border-color: #66d9ff !important;
}

[class*="friend"] .btn:hover,
[class*="Friend"] .btn:hover,
[class*="user-card"] .btn:hover,
[class*="contact"] .btn:hover {
    background: #66d9ff !important;
    color: #0d2847 !important;
}

/* 好友名字 */
[class*="friend"] .name,
[class*="friend"] .username,
[class*="friend"] .nickname,
[class*="Friend"] .name,
[class*="Friend"] .username {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 好友ID/号码 */
[class*="friend"] .id,
[class*="friend"] .uid,
[class*="friend"] .number,
[class*="friend"] .code {
    color: #a0c4d9 !important;
}

/* 删除按钮文字 */
[class*="friend"] .delete,
[class*="friend"] .remove,
[class*="friend"] .btn-danger,
[class*="Friend"] .delete,
[class*="Friend"] .remove {
    color: #ff6b6b !important;
}

/* ===== 所有内容容器白色背景去除 ===== */
pre, code, blockquote, samp, kbd, var {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

[class*="update"],
[class*="Update"],
[class*="changelog"],
[class*="ChangeLog"],
[class*="log"],
[class*="Log"],
[class*="description"],
[class*="Description"],
[class*="content"],
[class*="Content"],
[class*="info"],
[class*="Info"],
[class*="detail"],
[class*="Detail"],
[class*="text"],
[class*="Text"],
[class*="body"],
[class*="Body"],
[class*="note"],
[class*="Note"],
[class*="remark"],
[class*="Remark"],
[class*="comment"],
[class*="Comment"],
[class*="message"],
[class*="Message"],
[class*="notice"],
[class*="Notice"],
[class*="announcement"],
[class*="Announcement"],
[class*="news"],
[class*="News"],
[class*="article"],
[class*="Article"],
[class*="post"],
[class*="Post"],
[class*="entry"],
[class*="Entry"],
[class*="item"],
[class*="Item"],
[class*="row"],
[class*="Row"],
[class*="col"],
[class*="Col"] {
    background-color: transparent !important;
}

/* 确保这些容器内文字白色 */
[class*="update"] *,
[class*="changelog"] *,
[class*="log"] *,
[class*="description"] *,
[class*="content"] *,
[class*="info"] *,
[class*="detail"] *,
[class*="text"] *,
[class*="body"] *,
[class*="note"] *,
[class*="remark"] *,
[class*="comment"] *,
[class*="message"] *,
[class*="notice"] *,
[class*="announcement"] *,
[class*="news"] *,
[class*="article"] *,
[class*="post"] *,
[class*="entry"] *,
[class*="item"] * {
    color: #ffffff !important;
}

/* 内联样式白色背景终极覆盖 */
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"] {
    background: transparent !important;
    background-color: transparent !important;
}

[style*="background-color:#fff"] *,
[style*="background-color: #fff"] *,
[style*="background-color:#ffffff"] *,
[style*="background-color: #ffffff"] *,
[style*="background-color:white"] *,
[style*="background-color: white"] *,
[style*="background:#fff"] *,
[style*="background: #fff"] *,
[style*="background:#ffffff"] *,
[style*="background: #ffffff"] *,
[style*="background:white"] *,
[style*="background: white"] * {
    color: #ffffff !important;
}

/* ===== 终极方案：全局背景透明，仅保留必要元素背景 ===== */
/* 所有元素默认背景透明 */
html * {
    background-color: transparent !important;
}

/* 明确需要背景的元素重新设置 */

/* 导航栏 */
.navbar,
.navbar * {
    background-color: transparent !important;
}
.navbar {
    background: linear-gradient(135deg, #0a1f3d 0%, #122b4d 100%) !important;
}

/* 页脚 */
footer {
    background: linear-gradient(135deg, #0a1f3d 0%, #122b4d 100%) !important;
}

/* 按钮 */
.btn {
    background-color: transparent !important;
}
.btn-primary {
    background: linear-gradient(135deg, #66d9ff 0%, #33c2ff 100%) !important;
}
.btn-secondary {
    background: rgba(255, 255, 255, 0.15) !important;
}
.btn-success {
    background: linear-gradient(135deg, #00e676 0%, #00c853 100%) !important;
}
.btn-danger {
    background: linear-gradient(135deg, #ff5252 0%, #ff1744 100%) !important;
}
.btn-warning {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
}
.btn-info {
    background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%) !important;
}
.btn-light {
    background: #ffffff !important;
}
.btn-outline-primary {
    background: transparent !important;
}

/* 表单输入框 */
.form-control,
.form-select,
input,
textarea,
select {
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 下拉选项 */
option {
    background: #15324f !important;
    background-color: #15324f !important;
}

/* 徽章 */
.badge {
    background-color: transparent !important;
}
.bg-primary { background: linear-gradient(135deg, #66d9ff, #33c2ff) !important; }
.bg-success { background: linear-gradient(135deg, #00e676, #00c853) !important; }
.bg-danger { background: linear-gradient(135deg, #ff5252, #ff1744) !important; }
.bg-warning { background: linear-gradient(135deg, #ffc107, #ff9800) !important; }
.bg-info { background: linear-gradient(135deg, #00bcd4, #0097a7) !important; }
.bg-secondary { background: rgba(255,255,255,0.15) !important; }

/* 卡片 - 半透明背景 */
.card,
[class*="card"],
[class*="-card"] {
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* 模态框 */
.modal-content {
    background: rgba(10, 31, 61, 0.98) !important;
    background-color: rgba(10, 31, 61, 0.98) !important;
}

/* 下拉菜单 */
.dropdown-menu {
    background: rgba(10, 31, 61, 0.98) !important;
    background-color: rgba(10, 31, 61, 0.98) !important;
}

/* 进度条 */
.progress {
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.progress-bar {
    background: linear-gradient(90deg, #66d9ff, #33c2ff) !important;
}

/* 分页 */
.page-link {
    background: rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.page-item.active .page-link {
    background: linear-gradient(135deg, #66d9ff, #33c2ff) !important;
}

/* 警告框 */
.alert-primary { background: rgba(102, 217, 255, 0.1) !important; }
.alert-success { background: rgba(0, 230, 118, 0.1) !important; }
.alert-danger { background: rgba(255, 82, 82, 0.1) !important; }
.alert-warning { background: rgba(255, 193, 7, 0.1) !important; }
.alert-info { background: rgba(0, 188, 212, 0.1) !important; }

/* 所有文字默认白色 */
html body,
html body p,
html body span,
html body div,
html body li,
html body td,
html body th,
html body label,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
    color: #ffffff !important;
}

/* 链接亮蓝色 */
html body a {
    color: #66d9ff !important;
}

/* 次要文字 */
html body .text-muted,
html body .text-secondary,
html body small,
html body .muted {
    color: #a0c4d9 !important;
}

/* ===== 导航栏顶部空格修复 ===== */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 导航栏顶部无空格 */
.navbar {
    margin-top: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 0 !important;
}

/* 导航栏前的所有元素不占空间 */
body > *:first-child:not(nav):not(header) {
    margin-top: 0 !important;
}

/* IE提示隐藏时不占空间 */
#ie-warning {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 桌面端导航栏全宽无间距 */
@media (min-width: 992px) {
    .navbar {
        margin-top: 0 !important;
        border-radius: 0 !important;
    }
    
    .navbar > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}