/* 夜间模式：由 html[data-theme="dark"] 控制，配合 theme-toggle.js + head 内联脚本 */

html[data-theme="dark"] {
  color-scheme: dark;
  /* 偏灰背景，避免纯黑；正文与黑色标题对比更清晰 */
  background: #2d3238 !important;
  background-image: none !important;
  --dm-bg: #2d3238;
  --dm-surface: #363c44;
  --dm-elevated: #3f464f;
  --dm-text: #e8eaed;
  --dm-muted: #9aa0a6;
  --dm-link: #8ab4f8;
  --dm-border: #4a5159;
}

/* 背景与主内容区 */
html[data-theme="dark"] body {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .gnBodyWrapper {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #content {
  color: var(--dm-text);
}

html[data-theme="dark"] body.layout-tw {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

/* 新版 Vpn 桌面 header（内联 style 在 dark-mode.css 之后加载，需 !important） */
html[data-theme="dark"] .header .right .nav li a {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .header .logo img {
  filter: brightness(1.08) contrast(1.05);
}

html[data-theme="dark"] .header .right .lang span,
html[data-theme="dark"] .header .right .user span {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .header .right .personal,
html[data-theme="dark"] .header .right .langs {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .header .right .personal p a,
html[data-theme="dark"] .header .right .langs p {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .header .right .personal p.logout {
  border-top-color: var(--dm-border) !important;
}

/* 新版 header 底部 footer 略调，与夜间主区协调 */
html[data-theme="dark"] .footer_bg {
  background: #252a30 !important;
}

html[data-theme="dark"] .copyright_bg {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .footer-app-stores-bar {
  border-top-color: var(--dm-border) !important;
}

/* Xray / gnHeader */
html[data-theme="dark"] #gnHeader #gnNav li a {
  color: #c9d1d9 !important;
}

html[data-theme="dark"] #gnHeader #gnNav li a:hover,
html[data-theme="dark"] #gnHeader #gnNav li a.current_a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #gnHeader #gnLogin #gnLoggedIn li#cpHome div#cpList div {
  background-color: var(--dm-elevated) !important;
}

html[data-theme="dark"] #gnHeader #gnLogin #gnLoggedIn li#cpHome div#cpList div h4 {
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #gnHeader #gnLogin #gnLoggedIn li#cpHome div#cpList div ul li a {
  color: var(--dm-link) !important;
}

/* 链接 */
html[data-theme="dark"] body a:not(.header .login button):not(.theme-toggle-btn) {
  color: var(--dm-link);
}

html[data-theme="dark"] body a:visited {
  color: #79aefc;
}

/* 表格与表单 */
html[data-theme="dark"] table,
html[data-theme="dark"] .table {
  background-color: var(--dm-surface) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] th,
html[data-theme="dark"] td {
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background-color: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

/* 移动版 */
html[data-theme="dark"] body .wrap {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] body header {
  background: #1a0505 !important;
}

/* 移动版顶栏 div.header：夜间下汉堡图标可见 + 侧栏遮罩盖住主内容（避免 z-index 过低被页面挡住） */
html[data-theme="dark"] body .header {
  position: relative;
  z-index: 10003;
}

html[data-theme="dark"] .header .nav_btn img {
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.sidebar_bg {
  z-index: 10050;
}

.sidebar_bg .sidebar {
  z-index: 10051;
}

html[data-theme="dark"] .sidebar_bg .sidebar .close img {
  filter: brightness(0) invert(1);
  opacity: 0.88;
}

html[data-theme="dark"] .index {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .sidebar_bg .sidebar {
  background: var(--dm-surface) !important;
}

html[data-theme="dark"] .sidebar_bg .sidebar .nav li a,
html[data-theme="dark"] .sidebar_bg .sidebar .user .login a,
html[data-theme="dark"] .sidebar_bg .sidebar .user .personal .username span {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .sidebar_bg .sidebar .user .personal p a {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] nav {
  background: rgba(0, 0, 0, 0.88) !important;
}

html[data-theme="dark"] #search_form input {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

/* 下载页等内联白底卡片 */
html[data-theme="dark"] #download_app .apps {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #download_app .apps .windows {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #download_app .title,
html[data-theme="dark"] #download_app .apps .name,
html[data-theme="dark"] #download_app .apps .windows .app .left .name2,
html[data-theme="dark"] #download_app .apps .windows .app .left .name2,
html[data-theme="dark"] #download_app .apps .windows .app .left .name {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #download_app .desc,
html[data-theme="dark"] #download_app .apps .windows .desc2 {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #download_app .apps .windows .downloads p {
  color: var(--dm-text) !important;
}

/* 截图弹层相册（已在组件内浅色，夜间加深） */
html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-dialog {
  background: var(--dm-surface) !important;
  border: 1px solid var(--dm-border);
}

html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-header {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-header h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-tab {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-tab.is-active {
  background: #1f6feb !important;
  border-color: #1f6feb !important;
  color: #fff !important;
}

html[data-theme="dark"] .screenshot-gallery-modal .screenshot-gallery-grid button {
  background: var(--dm-elevated) !important;
}

/* 主题切换按钮 */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background: #f2f4f7;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1;
  font-size: 18px;
  transition: background 0.2s, border-color 0.2s;
}

.theme-toggle-btn:hover {
  background: #e8ecf0;
}

.theme-toggle-btn .theme-toggle-icon::before {
  content: '\1F319';
}

html[data-theme="dark"] .theme-toggle-btn {
  background: var(--dm-elevated);
  border-color: var(--dm-border);
}

html[data-theme="dark"] .theme-toggle-btn:hover {
  background: #4a525c !important;
}

html[data-theme="dark"] .theme-toggle-btn .theme-toggle-icon::before {
  content: '\2600\FE0F';
}

.theme-toggle-btn--mobile {
  width: 34px;
  height: 34px;
  font-size: 16px;
}

/* Xray 顶栏内按钮位置 */
#gnLogin .theme-toggle-btn {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

/* 新闻详情页：正文区与侧栏 */
html[data-theme="dark"] #instructions h1 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #instructions .broder_z,
html[data-theme="dark"] #instructions .broder_z h1,
html[data-theme="dark"] #instructions .broder_z h2,
html[data-theme="dark"] #instructions .broder_z h3,
html[data-theme="dark"] #instructions .broder_z h4,
html[data-theme="dark"] #instructions .broder_z p,
html[data-theme="dark"] #instructions .broder_z li,
html[data-theme="dark"] #instructions .broder_z div {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #instructions select {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] .how_setup_detail,
html[data-theme="dark"] .how_setup_detail h2,
html[data-theme="dark"] .how_setup_detail div {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .news-mobile-prev-list {
  background: var(--dm-surface);
  border: 1px solid var(--dm-border);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

html[data-theme="dark"] .news-mobile-prev-title {
  color: var(--dm-muted) !important;
  font-size: 13px;
  margin: 0 0 8px 0;
}

html[data-theme="dark"] .news-mobile-prev-list ul {
  margin: 0;
  padding-left: 1.1em;
}

html[data-theme="dark"] .news-mobile-prev-list li {
  margin-bottom: 6px;
}

html[data-theme="dark"] .news-mobile-prev-list a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .sidebar_bg .sidebar .sidebar-lang-theme-row {
  border-top-color: var(--dm-border) !important;
}

/* 新闻等页左侧「笔记本」侧栏 → 深色表面 */
html[data-theme="dark"] div#sidecol div#sidebar-nav {
  background: var(--dm-surface) !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid var(--dm-border);
  border-radius: 10px;
}

html[data-theme="dark"] div#sidecol span.top {
  background: none !important;
  height: 10px;
}

html[data-theme="dark"] div#sidecol div#sidebar-nav h3 {
  background: none !important;
  color: var(--dm-text) !important;
  padding-left: 14px;
}

html[data-theme="dark"] div#sidecol ul#tut-nav li a {
  border-top-color: var(--dm-border) !important;
  color: var(--dm-link) !important;
}

html[data-theme="dark"] div#sidecol ul#tut-nav li a.current-page {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #tut-nav a {
  color: var(--dm-link) !important;
}

/* FAQ 侧栏价目卡（#gn-plan-selector） */
html[data-theme="dark"] div#gn-plan-selector p.main-message {
  background: var(--dm-elevated) !important;
  background-image: none !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list {
  background: var(--dm-surface) !important;
  background-image: none !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block,
html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#silver-plan.plan-block {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block:hover,
html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#silver-plan.plan-block:hover {
  background: var(--dm-elevated) !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#platinum-plan.plan-block a span.name,
html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#silver-plan.plan-block a span.name {
  color: var(--dm-text) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li.plan-block a span.price-block span.price {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li.plan-block a span.feature {
  border-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] div#gn-plan-selector ul#plan-list li#silver-plan.plan-block {
  border-top-color: var(--dm-border) !important;
}

/* 计划页 plan.html / plan_mobile 内联样式 */
html[data-theme="dark"] .plan_bg {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .plan_bg .plans .title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .plan_bg .plans .tags p {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .plan_bg .plans .tags p span {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .duration {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .price {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .price span:nth-child(3) {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .billed {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .billed span:nth-child(1) {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .billed span:nth-child(2) {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .value-desc {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .discount {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .get_plan {
  background: #243a5c !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .get_plan.popular {
  background: #c41e3b !important;
}

html[data-theme="dark"] .plan_bg .plans .list .plan .get_plan.best {
  background: #106c58 !important;
}

html[data-theme="dark"] .plan_bg .tips {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .plan_bg .tips .title {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .plan_bg .tips .left .name,
html[data-theme="dark"] .plan_bg .tips .right .name {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .plan_bg .tips .left .desc,
html[data-theme="dark"] .plan_bg .tips .right .desc,
html[data-theme="dark"] .plan_bg .tips .right .tip {
  color: var(--dm-muted) !important;
}

/* 常见问题页 */
html[data-theme="dark"] #maincol h1 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #maincol .broder_z {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .faq .question {
  color: var(--dm-link) !important;
}

/* 侧栏「最新消息」日期块 */
html[data-theme="dark"] ul.rnews li div.rn-date {
  background-color: rgba(234, 179, 8, 0.2) !important;
  border-color: rgba(234, 179, 8, 0.4) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] ul.rnews li.old div.rn-date {
  background-color: var(--dm-elevated) !important;
}

html[data-theme="dark"] #sidecol ul.rnews li a {
  color: var(--dm-link) !important;
}

/* 购买流程订单摘要 */
html[data-theme="dark"] div.sum-treatment,
html[data-theme="dark"] div.sum-treatment2 {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] table#order-sum-table tr td.acct-type-col {
  color: var(--dm-text) !important;
  text-shadow: none !important;
  border-right-color: var(--dm-border) !important;
}

.how_setup_detail .news-mobile-prev-list {
  text-align: left;
}

.how_setup_detail .news-mobile-prev-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  color: #555;
}

/* 登录 / 注册（桌面 login.css + 移动 style.css） */
html[data-theme="dark"] #gnLoginPage #gnLoginBox {
  background: var(--dm-surface) !important;
  background-image: none !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox h1,
html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn a {
  color: var(--dm-text) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #joinColumn p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn form #cp-auth > div > label {
  color: var(--dm-muted) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn form #cp-auth > div.cp-auth-row--lostpwd-type > span.lostpwd-type-heading,
html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn form #cp-auth > div.cp-auth-row--lostpwd-type .lostpwd-opt {
  color: var(--dm-muted) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn form #cp-auth > div > input[type="text"],
html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn form #cp-auth > div > input[type="password"] {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn {
  border-right-color: var(--dm-border) !important;
}

html[data-theme="dark"] .login {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .login h2,
html[data-theme="dark"] .login h3,
html[data-theme="dark"] .login p {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .login input {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .login .con .wj_password,
html[data-theme="dark"] .login .free {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .password,
html[data-theme="dark"] .reg {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .reg .con h3,
html[data-theme="dark"] .reg .con h2,
html[data-theme="dark"] .reg .con i {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .password .con p,
html[data-theme="dark"] .reg .con p {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .password .con p span,
html[data-theme="dark"] .reg .con p span {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .reg .con .cue,
html[data-theme="dark"] .reg .wrong,
html[data-theme="dark"] .reg .correct {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .password .con input,
html[data-theme="dark"] .reg .con input {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .reg .free {
  color: var(--dm-link) !important;
}

/* 侧栏退出链接 */
.sidebar_bg .sidebar .sidebar-logout-link {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
}

html[data-theme="dark"] .sidebar_bg .sidebar .sidebar-logout-link img {
  opacity: 0.95;
}

/* 截图灯箱箭头在夜间模式下保持可见 */
html[data-theme="dark"] .screenshot-lightbox .screenshot-lightbox-nav {
  background: rgba(255, 255, 255, 0.18) !important;
}

/* 关于我们（about_us 内联样式字色较深，需覆盖以保证夜间可读） */
html[data-theme="dark"] .about-wrap {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .about-wrap .about-section h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .about-wrap .about-section p,
html[data-theme="dark"] .about-wrap .about-section li {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .about-wrap .about-section strong {
  color: #f1f3f4 !important;
}

html[data-theme="dark"] .about-wrap .about-note {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .about-wrap .about-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .about-wrap .about-card h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .about-wrap .about-card p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .about-wrap .about-table-wrap {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .about-wrap .about-table th {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .about-wrap .about-table td {
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .about-wrap .about-team-disclaimer {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .about-wrap .about-team-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .about-wrap .about-team-card h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .about-wrap .about-team-role {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .about-wrap .about-team-card p:last-child {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .about-wrap .about-team-photo-wrap {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .about-wrap .about-cta .ghost {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* 隐私政策 / 服务条款等法律页（.legal-wrap 内联浅色样式，夜间统一） */
html[data-theme="dark"] .legal-wrap {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .legal-wrap .legal-hero {
  background: linear-gradient(145deg, #1a2332 0%, #252f3f 50%, #1e2838 100%) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  border: 1px solid var(--dm-border);
}

html[data-theme="dark"] .legal-wrap .legal-hero h1 {
  color: #fff !important;
}

html[data-theme="dark"] .legal-wrap .legal-section h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .legal-wrap .legal-section h3 {
  color: #c9d1d9 !important;
}

html[data-theme="dark"] .legal-wrap .legal-section p,
html[data-theme="dark"] .legal-wrap .legal-section li {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .legal-wrap .legal-section strong {
  color: #f1f3f4 !important;
}

html[data-theme="dark"] .legal-wrap .legal-section a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .legal-wrap .legal-cross {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .legal-wrap .legal-cross a {
  color: var(--dm-link) !important;
  font-weight: 600;
}

html[data-theme="dark"] .legal-wrap .legal-footer-note {
  color: var(--dm-muted) !important;
  border-top-color: var(--dm-border) !important;
}

/* ========== /user 账户中心 panel ========== */
html[data-theme="dark"] #mainBody.vpn-user-panel #maincol h1 {
  color: var(--dm-text) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #cpDashboard,
html[data-theme="dark"] #mainBody.vpn-user-panel .cpDashboard {
  background: var(--dm-surface) !important;
  background-image: none !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #cpDashboardDividers {
  background: none !important;
}

/* 下半区白底容器（含流量表 +「第一次使用？」），需与仪表板统一深色 */
html[data-theme="dark"] #mainBody.vpn-user-panel #cpBody {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #cpDashboardContent .dashboardSection h2 {
  color: var(--dm-muted) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #invoice th,
html[data-theme="dark"] #mainBody.vpn-user-panel .dashboardSection table th {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #invoice td,
html[data-theme="dark"] #mainBody.vpn-user-panel .dashboardSection table td {
  border-top-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #invoice font,
html[data-theme="dark"] #mainBody.vpn-user-panel table font {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel font[color="#666666"],
html[data-theme="dark"] #mainBody.vpn-user-panel font[color='#666666'] {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #gnNewToUsenet {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #gnNewToUsenet h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #gnNewToUsenet p {
  color: var(--dm-muted) !important;
  background-color: transparent !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel .required {
  color: #f28b82 !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel hr {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel #sidecol #sidebar h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel div#cpanel h4 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel div#cpanel ul li a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #mainBody.vpn-user-panel div#cpanel .field {
  color: var(--dm-muted) !important;
}

/* panel 移动版 .console */
html[data-theme="dark"] .console.vpn-user-panel-mobile {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .top {
  background: var(--dm-surface) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account,
html[data-theme="dark"] .console.vpn-user-panel-mobile .first_used {
  background: var(--dm-surface) !important;
  border: 1px solid var(--dm-border);
  border-radius: 8px;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account h2,
html[data-theme="dark"] .console.vpn-user-panel-mobile .first_used h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account i {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account ul li {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account ul li span {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account table {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account table td {
  color: var(--dm-muted) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .console.vpn-user-panel-mobile .my_account .l_ul li {
  color: var(--dm-muted) !important;
}

/* ========== 工单页 .vpn-ticket-page（桌面 + 移动） ========== */
html[data-theme="dark"] .vpn-ticket-page {
  background: var(--dm-bg) !important;
  color: var(--dm-text);
}

html[data-theme="dark"] .vpn-ticket-page .con .left h1,
html[data-theme="dark"] .vpn-ticket-page .work_list h1 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .new_q {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .vpn-ticket-page .con .left #form label,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .con .left #form input,
html[data-theme="dark"] .vpn-ticket-page .con .left #form select,
html[data-theme="dark"] .vpn-ticket-page .con .left #form textarea,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q input,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q select,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q textarea {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .con .left #form .file_con,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q .file_con,
html[data-theme="dark"] .vpn-ticket-page .reply_con .file_con,
html[data-theme="dark"] .vpn-ticket-page #form_s .file_con {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-ticket-page .con .left #form #submit,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q #submit {
  background: #1e8e5a !important;
  color: #fff !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_list .list li,
html[data-theme="dark"] .vpn-ticket-page .work_con .problem,
html[data-theme="dark"] .vpn-ticket-page .work_con .reply {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_list .list .title a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_list .list .title span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_list .list .title_con {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_list .list .label {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .problem h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .problem .date,
html[data-theme="dark"] .vpn-ticket-page .work_con .problem label {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .problem p {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .problem .date span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .repair-detail-nav {
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .repair-detail-nav a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .vpn-ticket-page .repair-detail-nav-sep {
  color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-ticket-page .repair-detail-nav-current {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .reply .text {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .reply.onw .text {
  background: #8b2f2f !important;
  color: #fff !important;
}

html[data-theme="dark"] .vpn-ticket-page .reply .file {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-ticket-page .reply .file span {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .reply .username {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .status,
html[data-theme="dark"] .vpn-ticket-page .work_con .date2 {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply .hf b {
  color: #81c995 !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply .hf i {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply .hf span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply_con textarea {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply_con input[type="submit"],
html[data-theme="dark"] .vpn-ticket-page .work_con .reply_con input#submit {
  background: #1e8e5a !important;
  color: #fff !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .reply_con a {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page #goTop {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--dm-text) !important;
}

/* 移动：工单列表 .list.vpn-ticket-page */
html[data-theme="dark"] .vpn-ticket-page.list {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list h1 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list ul li {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list ul .title a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list ul .title span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list ul .title_con {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page.list ul .label {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

/* 移动：工单详情 #hf_con.vpn-ticket-page */
html[data-theme="dark"] #hf_con.vpn-ticket-page {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .repair-detail-nav a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .repair-detail-nav-current {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .question,
html[data-theme="dark"] #hf_con.vpn-ticket-page .reply {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .question h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .question .date {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .question .date span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .question p {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .reply .hf b {
  color: #81c995 !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .reply .hf span {
  background: var(--dm-elevated) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .reply_con textarea {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .reply_con input,
html[data-theme="dark"] #hf_con.vpn-ticket-page .reply_con a {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .reply_con input[type="submit"] {
  background: #1e8e5a !important;
  color: #fff !important;
}

html[data-theme="dark"] .vpn-ticket-page.problem {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .vpn-ticket-page.problem h2 {
  color: var(--dm-text) !important;
}

/* ========== /invitation 邀请注册 ========== */
html[data-theme="dark"] #mainBody.vpn-invitation-page #content,
html[data-theme="dark"] #mainBody.vpn-invitation-page #maincol {
  color: var(--dm-text);
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent {
  background: var(--dm-surface) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent p[style*="background-color"] {
  background: var(--dm-elevated) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page div#TB_ajaxContent a {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page div#TB_ajaxContent a[style*="#a0a0a0"] {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page .broder_z {
  background: transparent !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page .broder_z,
html[data-theme="dark"] #mainBody.vpn-invitation-page .broder_z p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent input[type="text"] {
  background: var(--dm-elevated) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent button {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent button.clipboard {
  background: #1a5a8a !important;
  color: #fff !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-invitation-page #TB_ajaxContent hr {
  border-color: var(--dm-border) !important;
}

/* 邀请注册 移动版 #code_ma */
html[data-theme="dark"] #code_ma.vpn-invitation-page {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page #tab p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page #tab .tabList li {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page #tab .tabList li.cur {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont li {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont #copy_code {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont #copy_btn,
html[data-theme="dark"] #code_ma.vpn-invitation-page .clipboard {
  background: #1a5a8a !important;
  color: #fff !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page #tab .code_btn {
  background: #1a5a8a !important;
  color: #fff !important;
}

html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont li h3,
html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont li h4,
html[data-theme="dark"] #code_ma.vpn-invitation-page .tabcont li span.time {
  color: var(--dm-muted) !important;
}

/* ========== 购买流程 signup.css：/buy /buy2 /buy2_1 /buy3 ========== */
html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav {
  background: var(--dm-surface) !important;
  background-image: none !important;
  border: 1px solid var(--dm-border);
  border-radius: 10px;
  padding: 10px 6px 6px;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li {
  background-image: none !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li#su-steps-nav-1-current,
html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li#su-steps-nav-2-current,
html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li#su-steps-nav-3-current,
html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li#su-steps-nav-4-current {
  background: var(--dm-elevated) !important;
  border-radius: 8px;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li span.plan-desc,
html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li a {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #su-steps-nav li span.plan-desc-current {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow h1,
html[data-theme="dark"] #mainBody.vpn-buy-flow h2,
html[data-theme="dark"] #mainBody.vpn-buy-flow h3,
html[data-theme="dark"] #mainBody.vpn-buy-flow legend {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.acct-type-col,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.acct-type-col2 {
  color: var(--dm-text) !important;
  text-shadow: none !important;
  border-right-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.includes-col,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.includes-col2,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.mo-price-col,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.mo-price-col2,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.promo-col,
html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.promo-col2 {
  border-left-color: var(--dm-border) !important;
  border-right-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr#heading-row td h3 {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table ul#planIncludes li {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table select,
html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset select,
html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset input.text,
html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset textarea {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset label {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow div.form-block-head {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset .agree-text,
html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset #multiple,
html[data-theme="dark"] #mainBody.vpn-buy-flow fieldset p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow .radio-block label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow table#order-sum-table tr td.promo-col strong {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #pay_form label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #pay_form center {
  color: var(--dm-muted);
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #pay_form a {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow p[style*="#d9534f"] {
  color: #f6aea9 !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #code,
html[data-theme="dark"] #mainBody.vpn-buy-flow #use_code {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow div#plan_details {
  background: transparent !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow div#plan_details h3 {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-buy-flow #su-side-col h4 {
  color: #f28b82 !important;
}

/* ========== /xray_config Xray（Trojan）协议配置 ========== */
html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z ul,
html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z li {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z input[type="text"] {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z button {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z p[style*="#555"] {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z strong {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #mainBody.vpn-xray-page #maincol .broder_z hr {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .promotion_plan.vpn-xray-page {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .promotion_plan.vpn-xray-page h2,
html[data-theme="dark"] .promotion_plan.vpn-xray-page h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .promotion_plan.vpn-xray-page input[type="text"] {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .promotion_plan.vpn-xray-page p {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .promotion_plan.vpn-xray-page a.button,
html[data-theme="dark"] .promotion_plan.vpn-xray-page ul li a {
  background: #a85a12 !important;
  color: #fff !important;
  border: 1px solid var(--dm-border) !important;
}

/* /support 联络页 */
html[data-theme="dark"] .vpn-support-page .support-hero h1 {
  color: #fff !important;
}

/* 避免全局 #maincol .broder_z 在夜间套一层灰底，与页面背景冲突 */
html[data-theme="dark"] .vpn-support-page #maincol .broder_z {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .vpn-support-page .support-page {
  --support-card-bg: var(--dm-surface);
  --support-card-border: var(--dm-border);
  --support-text: var(--dm-text);
  --support-muted: var(--dm-muted);
}

html[data-theme="dark"] .vpn-support-page .support-hero {
  box-shadow: 0 14px 48px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .vpn-support-page .support-eyebrow {
  color: rgba(232, 200, 120, 0.95) !important;
}

html[data-theme="dark"] .vpn-support-page .support-lead {
  color: rgba(240, 244, 248, 0.9) !important;
}

html[data-theme="dark"] .vpn-support-page .support-hero-links,
html[data-theme="dark"] .vpn-support-page .support-hero-links a {
  color: #e8d48a !important;
}

html[data-theme="dark"] .vpn-support-page .support-hero-links a {
  border-bottom-color: rgba(232, 212, 138, 0.45) !important;
}

html[data-theme="dark"] .vpn-support-page .support-hero-links a:hover {
  color: #fff4cc !important;
  border-bottom-color: rgba(255, 244, 204, 0.55) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card--featured {
  background: linear-gradient(180deg, var(--dm-elevated) 0%, var(--dm-surface) 45%) !important;
  border-color: rgba(201, 162, 39, 0.42) !important;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card-badge {
  color: #2a2210 !important;
  background: linear-gradient(180deg, #e8d48a, #b8941f) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card h3,
html[data-theme="dark"] .vpn-support-page .support-tips h3,
html[data-theme="dark"] .vpn-support-page .support-legacy:not(.support-legacy--other) h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-support-page .support-legacy--other h3 {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card > p,
html[data-theme="dark"] .vpn-support-page .support-card-list,
html[data-theme="dark"] .vpn-support-page .support-card-list li,
html[data-theme="dark"] .vpn-support-page .support-card-foot,
html[data-theme="dark"] .vpn-support-page .support-legacy p,
html[data-theme="dark"] .vpn-support-page .support-tips ul {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card-foot {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-support-page .support-legacy {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .vpn-support-page .support-legacy--other {
  background: linear-gradient(180deg, var(--dm-elevated) 0%, var(--dm-surface) 100%) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .vpn-support-page .support-tips {
  background: rgba(201, 162, 39, 0.12) !important;
  border-left-color: #d4a82a !important;
}

html[data-theme="dark"] .vpn-support-page .support-card-foot a,
html[data-theme="dark"] .vpn-support-page .support-email {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .vpn-support-page .support-card-foot a:hover {
  color: #c5d9fc !important;
}

html[data-theme="dark"] .vpn-support-page .support-btn {
  color: #1a1508 !important;
  box-shadow: 0 2px 12px rgba(201, 162, 39, 0.35) !important;
}

html[data-theme="dark"] .vpn-support-page .support-btn:hover {
  filter: brightness(1.08) !important;
}

html[data-theme="dark"] .vpn-support-page .support-btn--secondary {
  box-shadow: 0 2px 14px rgba(61, 126, 184, 0.35) !important;
}

/* 移动版 contact_us：覆盖 style.css 里 .contact_us .con p 的浅灰，避免在深色卡片上发灰发脏 */
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card > p,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card-foot,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card-list,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-legacy p,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-tips ul,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-tips li {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card h3,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-legacy:not(.support-legacy--other) h3,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-tips h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-legacy--other h3 {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-hero .support-lead {
  color: rgba(240, 244, 248, 0.9) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-hero .support-hero-links,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-hero .support-hero-links a {
  color: #e8d48a !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-hero .support-eyebrow {
  color: rgba(232, 200, 120, 0.95) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card-foot a,
html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-email {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] .contact_us.vpn-support-page .support-page .support-card-foot a:hover {
  color: #c5d9fc !important;
}