/* ============================================================ 官网深色模式 由 theme.js.php 在 上设置 data-theme="dark" 时生效 ============================================================ */ :root[data-theme="dark"] { --fu-blue: #5b96f7 !important; --fu-blue-soft: rgba(59, 130, 246, .16) !important; --fu-ink: #d8e1ee !important; --fu-muted: #8b98ab !important; --fu-line: #2b3a55 !important; --fu-page: #0b1220 !important; --fu-hero-title: #e6edf7 !important; --fu-hero-sub: #9aa8bc !important; --fu-nav-bg: rgba(11, 18, 32, .92) !important; --fu-primary: #5b96f7 !important; --fu-primary-dark: #3b82f6 !important; --fu-primary-light: #7aabf9 !important; --fu-bg: #0b1220 !important; --fu-bg-gray: #0e1726 !important; --fu-text: #d8e1ee !important; --fu-text-secondary: #8b98ab !important; --fu-border: #2b3a55 !important; } /* ---- 基础 ---- */ html[data-theme="dark"] body.fu-site { background: #0b1220 !important; color: #d8e1ee; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: #e6edf7; } html[data-theme="dark"] a { color: var(--fu-blue); } /* ---- 顶栏 ---- */ html[data-theme="dark"] .fu-site-header { border-bottom-color: #26334a !important; box-shadow: 0 1px 0 #26334a !important; } html[data-theme="dark"] .fu-site-header.fu-nav-blur { background: rgba(11, 18, 32, .72) !important; } html[data-theme="dark"] .fu-menu-link { color: #d8e1ee; } html[data-theme="dark"] .fu-menu-link:hover { color: var(--fu-blue); background: var(--fu-blue-soft); } html[data-theme="dark"] .fu-top-actions .fu-link, html[data-theme="dark"] .fu-top-actions .fu-extra-links a, html[data-theme="dark"] .fu-top-actions .fu-icon-link { color: #b6c2d4; } html[data-theme="dark"] .fu-top-actions .fu-link:hover, html[data-theme="dark"] .fu-top-actions .fu-extra-links a:hover { color: var(--fu-blue); } /* ---- 下拉菜单 ---- */ html[data-theme="dark"] .fu-dropdown { background: #141e2e !important; border: 1px solid #26334a !important; } html[data-theme="dark"] .fu-dropdown-title { color: #e6edf7; } html[data-theme="dark"] .fu-dropdown a { color: #b6c2d4; } html[data-theme="dark"] .fu-dropdown a:hover { color: var(--fu-blue); background: rgba(255, 255, 255, .05); } html[data-theme="dark"] .fu-drop-group-link { color: #b6c2d4; } /* ---- 搜索 ---- */ html[data-theme="dark"] .fu-search { background: #0e1726 !important; border-color: #2b3a55 !important; } html[data-theme="dark"] .fu-search input { color: #d8e1ee; } html[data-theme="dark"] .fu-hot-searches { background: #141e2e !important; border-color: #26334a !important; } /* ---- 公告 ---- */ html[data-theme="dark"] .fu-announce { background: rgba(59, 130, 246, .16) !important; color: #93c5fd !important; } /* ---- 卡片 / 特性 ---- */ html[data-theme="dark"] .fu-feature-card { background: #141e2e !important; border-color: #26334a !important; box-shadow: 0 4px 16px rgba(0, 0, 0, .25) !important; } html[data-theme="dark"] .fu-feature-title { color: #e6edf7; } html[data-theme="dark"] .fu-block-title, html[data-theme="dark"] .fu-block-head .fu-block-title { color: #e6edf7; } html[data-theme="dark"] .fu-block-sub { color: #8b98ab; } /* ---- 首页产品 / 解决方案 / 优势 / FAQ 卡片（fu-home.css 写死白底） ---- */ html[data-theme="dark"] .fu-prod-card, html[data-theme="dark"] .fu-sol-card, html[data-theme="dark"] .fu-why-card, html[data-theme="dark"] .fu-faq-item { background: #141e2e !important; border-color: #26334a !important; color: #d8e1ee !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .25) !important; } html[data-theme="dark"] .fu-prod-card:hover, html[data-theme="dark"] .fu-sol-card:hover, html[data-theme="dark"] .fu-why-card:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, .35) !important; } html[data-theme="dark"] .fu-prod-card h4, html[data-theme="dark"] .fu-sol-card h4, html[data-theme="dark"] .fu-why-card h4, html[data-theme="dark"] .fu-faq-item summary { color: #e6edf7; } html[data-theme="dark"] .fu-faq-item .fu-faq-a { color: #b6c2d4; } html[data-theme="dark"] .fu-faq-item .fu-faq-a:hover { color: var(--fu-blue); } html[data-theme="dark"] .fu-prod-tag { color: #e6edf7; } /* 首页"为什么选择我们"整块白底渐变区 */ html[data-theme="dark"] .fu-why { background: linear-gradient(180deg, #0b1220 0%, #0e1726 100%) !important; } html[data-theme="dark"] .fu-block-title, html[data-theme="dark"] .fu-block-head h2 { color: #e6edf7; } /* ---- 内容页组件 ---- */ html[data-theme="dark"] .fu-page-hero { color: #d8e1ee; } html[data-theme="dark"] .fu-page-hero h1, html[data-theme="dark"] .fu-page-hero-badge { color: #e6edf7; } html[data-theme="dark"] .fu-page-hero-sub { color: #9aa8bc; } html[data-theme="dark"] .fu-page-sec, html[data-theme="dark"] .fu-page-sec-head h2, html[data-theme="dark"] .fu-page-sec-tag { color: #e6edf7; } html[data-theme="dark"] .fu-problem-card, html[data-theme="dark"] .fu-partner-item { background: #141e2e !important; border-color: #26334a !important; color: #d8e1ee; } html[data-theme="dark"] .fu-page-content-inner { color: #c3cedd; } /* ---- 通用组件（官网内容区也可能出现） ---- */ html[data-theme="dark"] .fu-card, html[data-theme="dark"] .card { background-color: #141e2e !important; border-color: #26334a !important; color: #d8e1ee; } html[data-theme="dark"] .table { color: #d8e1ee; } html[data-theme="dark"] .table thead th, html[data-theme="dark"] .table th { background-color: #111a29 !important; color: #a9b7cc; border-color: #26334a !important; } html[data-theme="dark"] .table td, html[data-theme="dark"] .table tbody tr { border-color: #26334a !important; } html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .03) !important; } html[data-theme="dark"] .form-control, html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] textarea, html[data-theme="dark"] select.form-control { background-color: #0e1726 !important; border-color: #2b3a55 !important; color: #d8e1ee !important; } html[data-theme="dark"] .dropdown-menu { background-color: #141e2e !important; border-color: #26334a !important; } html[data-theme="dark"] .dropdown-item { color: #d8e1ee; } html[data-theme="dark"] .dropdown-item:hover { background-color: #1a2637 !important; color: #fff !important; } html[data-theme="dark"] .modal-content { background-color: #141e2e !important; border-color: #26334a !important; color: #d8e1ee; } html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { border-color: #26334a !important; } html[data-theme="dark"] .breadcrumb { background: transparent; } html[data-theme="dark"] .pagination .page-link { background-color: #141e2e !important; border-color: #26334a !important; color: #a9b7cc; } html[data-theme="dark"] .pagination .page-item.active .page-link { background-color: var(--fu-blue) !important; color: #fff !important; } html[data-theme="dark"] .list-group-item { background-color: #141e2e !important; border-color: #26334a !important; color: #d8e1ee; } /* ---- FAQ / CTA ---- */ html[data-theme="dark"] .fu-faq-item { border-color: #26334a !important; } html[data-theme="dark"] .fu-faq-a { color: #b6c2d4; } /* ---- 移动端导航面板 ---- */ html[data-theme="dark"] .fu-mnav-panel, html[data-theme="dark"] .fu-mnav-right { background: #0e1726 !important; } html[data-theme="dark"] .fu-mnav-right-head, html[data-theme="dark"] .fu-mnav-right-body { color: #d8e1ee; } html[data-theme="dark"] .fu-mnav-home { background: rgba(255, 255, 255, .06) !important; color: #d8e1ee !important; } /* ---- 滚动条 ---- */ html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0b1220; } html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #2c3b55; border-radius: 6px; } /* ---- 深浅色切换按钮图标 ---- */ html[data-theme="dark"] .fu-dark-icon-sun { display: none !important; } html[data-theme="dark"] .fu-dark-icon-moon { display: inline-block !important; }