/* ============================================================
   DARK THEME STYLES - 暗色主题全局样式
   配色方案：纯暗色朦胧渐变（无紫色）
   设计原则：统一、简洁、优雅
============================================================ */

/* ============================================================
   1. 核心色彩变量 - 纯暗色系（无紫色）
============================================================ */
:root {
    /* 背景色系 - 深灰蓝黑（无紫） */
    --dark-bg-deep: #0a0f14;
    --dark-bg-base: #0d1318;
    --dark-bg-light: #111820;
    --dark-bg-card: #141c24;
    --dark-bg-elevated: #1a242e;

    /* 主色调 - 青蓝色（替代紫色） */
    --color-primary: #3b82f6;
    --color-primary-light: #60a5fa;
    --color-primary-dark: #2563eb;
    --color-primary-muted: rgba(59, 130, 246, 0.5);

    /* 强调色 */
    --color-accent: #38bdf8;
    --color-accent-light: #7dd3fc;

    /* 文字色 - 统一层级 */
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-disabled: #475569;

    /* 边框色 - 使用白色透明度（无紫） */
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-default: rgba(255, 255, 255, 0.1);
    --border-hover: rgba(255, 255, 255, 0.15);
    --border-active: rgba(59, 130, 246, 0.4);

    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.15);

    /* 渐变 */
    --gradient-bg: linear-gradient(180deg, var(--dark-bg-deep) 0%, var(--dark-bg-base) 50%, var(--dark-bg-light) 100%);
    --gradient-card: linear-gradient(135deg, var(--dark-bg-card) 0%, var(--dark-bg-elevated) 100%);
    --gradient-button: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);

    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
}

/* ============================================================
   2. 全局背景 - 朦胧暗色渐变
============================================================ */
body {
    background: var(--dark-bg-deep) !important;
    background-image:
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(30, 41, 59, 0.4) 0%, transparent 60%),
        radial-gradient(ellipse 80% 60% at 100% 100%, rgba(15, 23, 42, 0.3) 0%, transparent 50%),
        linear-gradient(180deg, var(--dark-bg-deep) 0%, var(--dark-bg-base) 100%) !important;
    background-attachment: fixed !important;
    color: var(--text-primary) !important;
    position: relative;
    min-height: 100vh;
}

/* 朦胧纹理层 */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.01) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.008) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

/* 移除网格纹理，保持纯净 */
body::after {
    display: none;
}

/* ============================================================
   3. Section 背景 - 奇偶透明度区分
============================================================ */
section {
    position: relative;
    z-index: 1;
    background-color: transparent;
    color: var(--text-primary);
}

/* 奇数 section - 基础透明 */
section:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.01);
}

/* 偶数 section - 略深 */
section:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.15);
}

/* 特殊背景类覆盖 - 全部透明 */
.bg-light,
.bg-white,
.bg-gray,
.bg-grey,
.bg-primary,
section.bg-light,
section.bg-white,
section.bg-primary {
    background-color: transparent !important;
}

/* 页面标题区域 */
.page-title-section {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* ============================================================
   4. 统一文字样式
============================================================ */
/* 标题 - 统一亮白 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--text-primary) !important;
    font-weight: 700;
}

/* 正文 - 统一次要色 */
p, li, td, th, span, div {
    color: var(--text-secondary);
}

/* 小字/说明文字 */
small, .small, .text-muted, .text-secondary {
    color: var(--text-muted) !important;
}

/* 强调文字 */
strong, b, .fw-bold, .font-weight-bold, .font-weight-700, .font-weight-800 {
    color: var(--text-primary);
}

/* 亮色文字类 */
.text-dark, .text-black {
    color: var(--text-primary) !important;
}

.text-white {
    color: var(--text-primary) !important;
}

.text-primary, .text-primary-hover:hover {
    color: #34da89 !important;
}

/* 内联样式覆盖 */
[style*="color: #2c3e50"],
[style*="color: #1a1a2e"],
[style*="color: #1a202c"],
[style*="color: #333"],
[style*="color: #000"] {
    color: var(--text-primary) !important;
}

[style*="color: #5a6c7d"],
[style*="color: #4a5568"],
[style*="color: #6b7280"],
[style*="color: #666"],
[style*="color: #777"] {
    color: var(--text-secondary) !important;
}

/* ============================================================
   5. 统一链接样式
============================================================ */
a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-accent-light);
}

/* 导航链接 */
.nav-link,
.navbar-nav a,
.menu a {
    color: var(--text-primary) !important;
    transition: color var(--transition-fast);
}

.nav-link:hover,
.navbar-nav a:hover,
.menu a:hover {
    color: var(--color-accent) !important;
}

/* 当前/激活链接 */
.nav-link.active,
.navbar-nav .current > a,
.navbar-nav .active > a,
.menu .current > a {
    color: var(--color-accent) !important;
}

/* 卡片内链接 */
.card a,
article a {
    color: var(--text-primary);
    transition: color var(--transition-fast);
}

.card a:hover,
article a:hover {
    color: var(--color-accent);
}

/* ============================================================
   6. 统一按钮样式
============================================================ */
/* 主要按钮 - 实心蓝 */
.btn,
.btn-primary,
.btn-default,
button[type="submit"],
input[type="submit"],
a.btn,
.butn,
.butn-style1,
.butn-style1.fill,
.butn-style1.fill.secondary,
.btn-hero-primary,
.btn-cta-primary,
.btn-adv-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    background: var(--color-primary) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all var(--transition-normal) !important;
    text-decoration: none !important;
    box-shadow: var(--shadow-sm) !important;
}

.btn:hover,
.btn-primary:hover,
.btn-default:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
a.btn:hover,
.butn:hover,
.butn-style1:hover,
.butn-style1.fill:hover,
.butn-style1.fill.secondary:hover,
.btn-hero-primary:hover,
.btn-cta-primary:hover,
.btn-adv-outline:hover {
    background: var(--color-primary-light) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md), var(--shadow-glow) !important;
}

/* butn-style1 内部 span 文字颜色 */
.butn-style1 span,
.butn-style1.fill span,
.butn-style1.fill.secondary span {
    color: #fff !important;
}

/* 次要按钮 - 边框透明 */
.btn-secondary,
.btn-outline,
.btn-outline-primary,
.btn-light,
.btn-hero-outline,
.btn-cta-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    background: transparent !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all var(--transition-normal) !important;
    text-decoration: none !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.btn-outline-primary:hover,
.btn-light:hover,
.btn-hero-outline:hover,
.btn-cta-outline:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--color-accent) !important;
    border-color: var(--border-hover) !important;
    transform: translateY(-2px) !important;
}

/* 文字链接按钮 */
.btn-link,
.btn-text {
    background: transparent !important;
    color: var(--color-accent) !important;
    border: none !important;
    padding: 8px 16px !important;
    box-shadow: none !important;
}

.btn-link:hover,
.btn-text:hover {
    color: var(--color-accent-light) !important;
    background: transparent !important;
    transform: none !important;
}

/* 小按钮 */
.btn-sm {
    padding: 8px 18px !important;
    font-size: 13px !important;
}

/* 大按钮 */
.btn-lg {
    padding: 16px 36px !important;
    font-size: 16px !important;
}

/* ============================================================
   7. 卡片样式
============================================================ */
.card,
.card-style01,
.card-style02,
.card-style03,
.card-style8,
article.card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-sm) !important;
    transition: all var(--transition-normal) !important;
    overflow: hidden;
}

.card:hover,
.card-style01:hover,
.card-style02:hover,
.card-style03:hover,
.card-style8:hover,
article.card:hover {
    background: var(--dark-bg-elevated) !important;
    border-color: var(--border-hover) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-3px);
}

.card-body {
    color: var(--text-primary);
    padding: 1.5rem;
}

.card-title,
.card h3,
.card h4,
.card h2 {
    color: var(--text-primary) !important;
}

.card p,
.card-text {
    color: var(--text-secondary) !important;
}

/* ============================================================
   8. 表单样式
============================================================ */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    transition: all var(--transition-fast) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    background-color: var(--dark-bg-elevated) !important;
    border-color: var(--color-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
    outline: none !important;
}

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

label {
    color: var(--text-primary) !important;
    font-weight: 500;
    margin-bottom: 8px;
}

/* ============================================================
   9. 导航菜单
============================================================ */
/* 导航栏 */
.navbar,
.navbar-default,
header {
    background-color: transparent !important;
    border-bottom: 1px solid var(--border-subtle);
}

/* 滚动后导航栏 */
header.scrollHeader .navbar-default,
.scrollHeader .navbar {
    background-color: rgba(10, 15, 20, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: var(--shadow-md) !important;
}

/* 导航链接 */
.navbar-nav > li > a,
.header-style1 .navbar-nav > li > a {
    color: var(--text-primary) !important;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.navbar-nav > li > a:hover,
.header-style1 .navbar-nav > li > a:hover {
    color: var(--color-accent) !important;
}

.navbar-nav li.current > a,
.navbar-nav li.active > a {
    color: var(--color-accent) !important;
}

/* 下拉菜单 */
.navbar-nav li > ul,
.dropdown-menu {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    box-shadow: var(--shadow-lg) !important;
    padding: 8px !important;
}

.navbar-nav li > ul li a,
.dropdown-item {
    color: var(--text-primary) !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    transition: all var(--transition-fast) !important;
}

.navbar-nav li > ul li a:hover,
.dropdown-item:hover {
    color: var(--color-accent) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 下拉箭头 */
.navbar > ul > li.has-sub > a:after {
    border-color: transparent var(--text-primary) var(--text-primary) transparent !important;
}

.navbar > ul > li.current > a:after {
    border-color: transparent var(--color-accent) var(--color-accent) transparent !important;
}

/* 属性导航 */
.attr-nav > ul > li > a {
    color: var(--text-primary) !important;
}

.attr-nav > ul > li > a:hover {
    color: var(--color-accent) !important;
}

/* ============================================================
   10. 移动端菜单
============================================================ */
@media (max-width: 991px) {
    .navbar-collapse {
        background: var(--dark-bg-card) !important;
        backdrop-filter: blur(20px) !important;
        padding: 1.5rem !important;
        border-radius: 12px !important;
        margin-top: 1rem !important;
        border: 1px solid var(--border-default) !important;
        box-shadow: var(--shadow-lg) !important;
    }

    .navbar-nav {
        background: var(--dark-bg-card) !important;
    }

    .navbar-nav li {
        border-top: 1px solid var(--border-subtle) !important;
    }

    .navbar-nav > li > a {
        padding: 12px 16px !important;
        border-radius: 8px !important;
    }

    .navbar-nav > li > a:hover {
        background: rgba(255, 255, 255, 0.05) !important;
    }

    .navbar-nav li.current > a,
    .navbar-nav li.active > a {
        background: rgba(59, 130, 246, 0.1) !important;
    }

    /* 移动端子菜单 */
    .navbar-nav ul ul,
    .navbar ul ul {
        background: var(--dark-bg-elevated) !important;
        border: 1px solid var(--border-subtle) !important;
        border-radius: 8px !important;
        margin-top: 8px !important;
        padding: 8px !important;
    }

    /* 汉堡菜单按钮 */
    .navbar-toggler {
        border-color: var(--border-default) !important;
        background: transparent !important;
    }

    .navbar-toggler-icon {
        background-color: var(--text-primary) !important;
    }

    .submenu-button:after,
    .submenu-button:before {
        background-color: var(--text-primary) !important;
    }
}

/* ============================================================
   11. 标签和徽章
============================================================ */
.badge,
.tag,
.label {
    background: rgba(59, 130, 246, 0.15) !important;
    color: var(--color-accent) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* 卡片列表标签 */
.card-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.card-list li {
    color: var(--color-accent) !important;
    background: rgba(59, 130, 246, 0.1) !important;
    padding: 5px 12px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: 1px solid rgba(59, 130, 246, 0.15) !important;
}

.card-list li:before {
    display: none !important;
}

/* ============================================================
   12. 分页
============================================================ */
.pagination {
    background: transparent !important;
}

.pagination .page-link,
.pagination li a {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    transition: all var(--transition-fast) !important;
}

.pagination .page-link:hover,
.pagination li a:hover {
    background: var(--dark-bg-elevated) !important;
    border-color: var(--border-hover) !important;
    color: var(--color-accent) !important;
}

.pagination .page-item.active .page-link,
.pagination li.active a {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
}

/* ============================================================
   13. 表格
============================================================ */
.table {
    color: var(--text-primary) !important;
}

.table thead th {
    background: var(--dark-bg-elevated) !important;
    border-color: var(--border-default) !important;
    color: var(--text-primary) !important;
}

.table td,
.table th {
    border-color: var(--border-subtle) !important;
    padding: 12px 16px !important;
}

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

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

/* ============================================================
   14. Modal / Alert / Toast
============================================================ */
.modal-content {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
}

.modal-header {
    border-bottom-color: var(--border-subtle) !important;
}

.modal-footer {
    border-top-color: var(--border-subtle) !important;
}

.alert {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    color: var(--text-primary) !important;
    border-radius: 8px !important;
}

.alert-success {
    background: rgba(34, 197, 94, 0.1) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
}

.alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
}

.alert-warning {
    background: rgba(234, 179, 8, 0.1) !important;
    border-color: rgba(234, 179, 8, 0.3) !important;
    color: #eab308 !important;
}

/* ============================================================
   15. Accordion
============================================================ */
.accordion-item {
    background: transparent !important;
    border: none !important;
}

.accordion-button {
    background: var(--dark-bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    padding: 1.25rem !important;
    transition: all var(--transition-normal) !important;
}

.accordion-button:not(.collapsed) {
    background: var(--dark-bg-elevated) !important;
    color: var(--color-accent) !important;
    border-color: var(--border-hover) !important;
    box-shadow: var(--shadow-sm) !important;
}

.accordion-button:hover {
    background: var(--dark-bg-elevated) !important;
}

.accordion-button::after {
    filter: brightness(2) !important;
}

.accordion-body {
    background: var(--dark-bg-card) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-subtle) !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    padding: 1.25rem !important;
}

/* ============================================================
   16. Tab 标签页
============================================================ */
.tab-style1 .resp-tabs-list li,
.nav-tabs .nav-link {
    background: var(--dark-bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    transition: all var(--transition-fast) !important;
}

.tab-style1 .resp-tabs-list li.resp-tab-active,
.nav-tabs .nav-link.active {
    background: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary) !important;
}

.tab-content {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
}

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

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

.breadcrumb-item.active {
    color: var(--text-muted) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-muted) !important;
}

/* ============================================================
   18. 进度条
============================================================ */
.progress {
    background: var(--dark-bg-elevated) !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.progress-bar {
    background: var(--gradient-button) !important;
}

/* ============================================================
   19. Tooltip / Popover
============================================================ */
.tooltip-inner {
    background: var(--dark-bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 6px !important;
}

.popover {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
}

.popover-header {
    background: var(--dark-bg-elevated) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-subtle) !important;
}

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

/* ============================================================
   20. 团队成员卡片
============================================================ */
.team-style01 {
    background: transparent !important;
    border: none !important;
}

.team-style01 .team-img {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: var(--shadow-md) !important;
}

.team-style01 h4 {
    color: var(--text-primary) !important;
}

.team-style01 span {
    color: var(--color-accent) !important;
}

.team-style01 p {
    color: var(--text-secondary) !important;
}

.team-style01 p strong {
    color: var(--color-accent) !important;
}

/* ============================================================
   21. 新闻/博客页面
============================================================ */
/* 侧边栏 */
.sidebar {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

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

/* 最近文章 */
.recent-post h4 a {
    color: var(--text-primary) !important;
}

.recent-post h4 a:hover {
    color: var(--color-accent) !important;
}

.recent-post .display-30 {
    color: var(--text-muted) !important;
}

/* 分类组件 */
.widget-categories .cat-item {
    border-bottom: 1px solid var(--border-subtle) !important;
}

.widget-categories .cat-item a {
    color: var(--text-primary) !important;
    padding: 12px 0 !important;
}

.widget-categories .cat-item a:hover {
    color: var(--color-accent) !important;
    padding-left: 8px !important;
}

/* 标签云 */
.tagcloud li a {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    color: var(--color-accent) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
}

.tagcloud li a:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}

/* 新闻详情页 */
.news-content {
    color: var(--text-primary) !important;
}

.news-content p {
    color: var(--text-secondary) !important;
    line-height: 1.8;
}

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

/* 新闻 Meta */
.news-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.news-meta-category {
    background: rgba(59, 130, 246, 0.1) !important;
    color: var(--color-accent) !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.news-meta-category i {
    color: var(--color-accent) !important;
}

.news-meta-date {
    color: var(--text-muted) !important;
}

.news-meta-date i {
    color: var(--color-accent) !important;
}

/* 标签和分享 */
.news-tags a {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    color: var(--color-accent) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
}

.news-tags a:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}

.news-share-icon ul li a {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    color: var(--color-accent) !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

.news-share-icon ul li a:hover {
    background: var(--color-primary) !important;
    color: #fff !important;
}

/* 上下篇导航 */
.page-navigation {
    background: transparent !important;
    border: none !important;
}

.page-navigation .prev-title,
.page-navigation .next-title {
    color: var(--text-primary) !important;
}

.page-navigation .create-date {
    color: var(--text-muted) !important;
}

.page-navigation a:hover .prev-title,
.page-navigation a:hover .next-title {
    color: var(--color-accent) !important;
}

/* ============================================================
   22. 图片和媒体
============================================================ */
.image-hover {
    overflow: hidden;
    border-radius: 8px;
}

.image-hover img {
    transition: transform var(--transition-slow);
}

.image-hover:hover img {
    transform: scale(1.05);
}

.bg-img.cover-background {
    opacity: 0.8;
}

/* ============================================================
   23. 边框工具类
============================================================ */
.border {
    border-color: var(--border-default) !important;
}

.border-top {
    border-top-color: var(--border-default) !important;
}

.border-bottom {
    border-bottom-color: var(--border-default) !important;
}

.border-color-light-black {
    border-color: var(--border-default) !important;
}

/* ============================================================
   24. 阴影工具类
============================================================ */
.shadow,
.shadow-sm,
.shadow-lg,
[class*="shadow-"] {
    box-shadow: var(--shadow-md) !important;
}

/* ============================================================
   25. 合作伙伴 Logo
============================================================ */
.partner-item img,
.trust-logo-item img {
    opacity: 0.9;
    filter: brightness(1.1) grayscale(0.2);
    transition: all var(--transition-normal);
    border-radius: 8px;
}

.partner-item:hover img,
.trust-logo-item:hover img {
    opacity: 1;
    filter: brightness(1.2) grayscale(0);
    transform: scale(1.05);
}

/* ============================================================
   26. Preloader
============================================================ */
#preloader {
    background: var(--dark-bg-deep) !important;
}

/* ============================================================
   27. 列表样式
============================================================ */
.list-style1 li,
ul.list-unstyled li {
    color: var(--text-secondary);
}

.list-style1 li:before {
    color: var(--color-primary) !important;
}

/* ============================================================
   28. 解决方案页面特定样式
============================================================ */
section[style*="linear-gradient"] {
    background: transparent !important;
}

/* ============================================================
   29. 横向新闻卡片
============================================================ */
.news-card-horizontal {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.news-card-horizontal .card-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 16px;
    background: linear-gradient(to top, rgba(10, 15, 20, 0.9) 0%, transparent 100%);
}

.news-card-horizontal .card-body h3 a {
    color: var(--text-primary) !important;
}

.news-card-horizontal .card-body h3 a:hover {
    color: var(--color-accent) !important;
}

/* ============================================================
   30. 响应式 - 移动端特定
============================================================ */
@media (max-width: 768px) {
    .team-style01 {
        background: var(--dark-bg-card) !important;
        border: 1px solid var(--border-default) !important;
        border-radius: 12px !important;
        padding: 1.5rem !important;
    }
    .m-earth-container {
        position: absolute !important;
        scale: 0.9;
        top: 260px;
    }
}

/* ============================================================
   31. 首页特定样式修复
============================================================ */
/* CTA区域按钮 */
.cta-section .btn-cta-primary,
.cta-section .btn-cta-outline {
    /* 继承统一按钮样式 */
}

/* Hero区域按钮 */
.hero-section .btn-hero-primary,
.hero-section .btn-hero-outline {
    /* 继承统一按钮样式 */
}

/* 确保首页各区域背景透明 */
.hero-section,
.capabilities-section,
.advantages-section,
.solutions-section,
.cases-section,
.news-section,
.trust-section,
.cta-section {
    background-color: transparent !important;
}

/* ============================================================
   32. 语言切换下拉菜单
============================================================ */
.lang-dropdown-menu {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--border-default) !important;
    box-shadow: var(--shadow-lg) !important;
}

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

.lang-option:hover {
    background: var(--dark-bg-elevated) !important;
    color: var(--text-primary) !important;
}

.lang-option.active {
    background: rgba(59, 130, 246, 0.15) !important;
    color: var(--color-accent-light) !important;
}

/* ============================================================
   33. 地图暗色滤镜
============================================================ */
.map,
#gmap_canvas,
iframe[src*="maps.google.com"],
iframe[src*="google.com/maps"] {
    filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(0.9);
    border-radius: 12px;
}

/* ============================================================
   34. 打印样式
============================================================ */
@media print {
    body {
        background: #fff !important;
        color: #000 !important;
    }

    .card {
        border: 1px solid #ddd !important;
    }
}