/* 夜间模式：html[data-theme="dark"] 为实际呈现；html[data-theme-pref] 为 auto|light|dark，配合 theme-boot.js + theme-toggle.js */

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.18) contrast(1.08);
}

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;
}

html[data-theme="dark"] .header .right .register button {
  border-color: #f87171 !important;
  color: #fecaca !important;
  background: transparent !important;
}

html[data-theme="dark"] .sidebar_bg .sidebar .user .login-register-row .login-register-sep {
  color: var(--dm-muted) !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-dropdown-trigger) {
  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;
}

/* 首页 index_new / index_mobile_new：内联浅色标题与卡片；勿覆盖 .top_bg 内标题与副标题（铺在 top_bg 浅色底图上） */
html[data-theme="dark"] .introduction .title,
html[data-theme="dark"] .introduction_2 .list .explain .left .name,
html[data-theme="dark"] .introduction_1 .list .function .name,
html[data-theme="dark"] .secure_life .left .title,
html[data-theme="dark"] .bg2 .introduction_3 .list .feature .name,
html[data-theme="dark"] .news .title,
html[data-theme="dark"] .news .list .new .name,
html[data-theme="dark"] .news .list .new .desc2,
html[data-theme="dark"] .start .title,
html[data-theme="dark"] .secure_life .left .secures > div p span {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .introduction .desc,
html[data-theme="dark"] .introduction_1 .list .function .desc2,
html[data-theme="dark"] .introduction_2 .list .explain .left .desc2,
html[data-theme="dark"] .secure_life .left .secures > div p,
html[data-theme="dark"] .bg2 .introduction_3 .list .feature .desc2,
html[data-theme="dark"] .news .desc,
html[data-theme="dark"] .news .list .new .date {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .introduction_2 .list .explain .left .small_name {
  color: #f87171 !important;
}

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

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

html[data-theme="dark"] .bg2 .introduction_3 .list .feature {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
}

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

html[data-theme="dark"] .news .title {
  border-bottom-color: var(--dm-border) !important;
}

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

html[data-theme="dark"] .faqs .list .faq2 .faq_con {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .faqs .list .faq2 .faq_con p,
html[data-theme="dark"] .faqs .list .faq2 .faq_con li {
  color: var(--dm-muted) !important;
}

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

html[data-theme="dark"] .faqs .list .faq2 .name {
  color: #cfe1ff !important;
}

html[data-theme="dark"] .faqs .list .faq2 .name::after {
  border-top-color: rgba(232, 234, 237, 0.78) !important;
}

html[data-theme="dark"] .news .desc .more {
  color: #f87171 !important;
}

/* 页底 CTA 区：次要按钮在深色背景上改用卡片样式，避免「白块」刺眼 */
html[data-theme="dark"] .start .btns .plan button {
  background: var(--dm-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !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;
}

/* 语言/下拉箭头 PNG：夜间在深色顶栏上提亮 */
html[data-theme="dark"] .header .right .lang img.header-nav-ico,
html[data-theme="dark"] .header .right .theme-dd-chevron.header-nav-ico,
html[data-theme="dark"] .header .right .user img,
html[data-theme="dark"] .sidebar_bg .sidebar .lang img.header-nav-ico,
html[data-theme="dark"] #gnHeader .header-nav-ico,
html[data-theme="dark"] header .header-nav-ico {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

/* 主题：下拉（图标 + 文字） */
.theme-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.theme-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px 0 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  background: #f2f4f7;
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  font-size: 14px;
  color: #001d30;
  line-height: 1;
  white-space: nowrap;
  max-width: 220px;
  transition: background 0.2s, border-color 0.2s;
}

.theme-dropdown-trigger:hover {
  background: #e8ecf0;
}

.theme-dd-label {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 132px;
}

.theme-dd-chevron {
  flex-shrink: 0;
  opacity: 0.72;
  vertical-align: middle;
}

.theme-dropdown-panel {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 232px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 6px 0;
  z-index: 10060;
}

.sidebar_bg .sidebar .theme-dropdown-panel {
  top: auto;
  bottom: calc(100% + 6px);
  right: 0;
}

.theme-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 16px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  color: #334155;
  text-align: left;
  box-sizing: border-box;
}

.theme-menu-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

.theme-menu-item.is-active {
  background: rgba(229, 35, 34, 0.08);
  color: #b91c1c;
  font-weight: 600;
}

.theme-dd-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35em;
  flex-shrink: 0;
  line-height: 1;
  font-size: 1.05em;
}

.theme-dd-ico--auto::before {
  content: '\1F504';
}

.theme-dd-ico--light::before {
  content: '\1F319';
}

.theme-dd-ico--dark::before {
  content: '\2600\FE0F';
}

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

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

html[data-theme="dark"] .theme-dropdown-panel,
html[data-theme="dark"] .sidebar_bg .sidebar .theme-dropdown-panel {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

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

html[data-theme="dark"] .theme-menu-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .theme-menu-item.is-active {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fecaca !important;
}

/* Xray 顶栏内主题下拉 */
#gnHeader .theme-dropdown {
  margin-right: 10px;
}

#gnHeader .theme-dropdown-trigger {
  max-width: 200px;
}

.theme-dropdown--xray-mobile {
  position: absolute;
  right: 1.4rem;
  top: 0.35rem;
  z-index: 5;
  max-width: calc(100% - 5rem);
}

.theme-dropdown--xray-mobile .theme-dropdown-trigger {
  height: 0.72rem;
  font-size: 0.26rem;
  padding: 0 0.2rem;
  max-width: 3.6rem;
}

.theme-dropdown--xray-mobile .theme-dd-label {
  max-width: 2rem;
}

.theme-dropdown--xray-mobile .theme-dropdown-panel {
  min-width: 2.8rem;
  font-size: 0.26rem;
}

.theme-dropdown--xray-mobile .theme-menu-item {
  font-size: 0.26rem;
  padding: 0.14rem 0.22rem;
}

/* 新闻详情页：正文区与侧栏 */
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"] .how_setup_detail p.news-published-time {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .how_setup_detail .news-lang-switch .news-lang-hint,
html[data-theme="dark"] .how_setup_detail .news-lang-switch .news-lang-links {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .how_setup_detail .news-lang-switch a.news-lang-link {
  color: var(--dm-link, #6ea8fe) !important;
}

html[data-theme="dark"] .how_setup_detail .news-lang-switch .news-lang-current {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .how_setup_detail .news-lang-switch .news-lang-sep {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] div#instructions .news-lang-switch .news-lang-hint,
html[data-theme="dark"] div#instructions .news-lang-switch .news-lang-links {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] div#instructions .news-lang-switch a.news-lang-link {
  color: var(--dm-link, #6ea8fe) !important;
}

html[data-theme="dark"] div#instructions .news-lang-switch .news-lang-current {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] div#instructions .news-lang-switch .news-lang-sep {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] div#instructions .news-published-time {
  color: var(--dm-muted) !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;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.how_setup_detail .news-mobile-prev-list ul {
  margin: 0;
  padding-left: 1.2em;
}

.how_setup_detail .news-mobile-prev-list li {
  margin-bottom: 8px;
  line-height: 1.45;
}

.how_setup_detail .news-mobile-prev-list a {
  color: #08c;
  text-decoration: none;
}

.how_setup_detail .news-mobile-prev-list a:hover {
  text-decoration: underline;
}

.how_setup_detail .news-mobile-prev-title {
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 10px 0;
  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 #loginColumn .register-app-cta {
  background: var(--dm-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn .register-form-intro {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn a.register-app-download,
html[data-theme="dark"] #gnLoginPage #gnLoginBox #loginColumn a.register-app-download:visited {
  color: #fff !important;
  background: #b91c1c !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"] .reg .con .register-app-cta {
  background: var(--dm-elevated) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] .reg .con .register-app-cta-text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .reg .con .register-form-intro {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .reg .con .register-app-download {
  background: #b91c1c !important;
  color: #fff !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,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .vpn-ticket-page.problem #form_q label span,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q label span {
  color: #fa1515 !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,
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.problem #form_q #desc label,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q #desc label {
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page.problem #form_q #file,
html[data-theme="dark"] .vpn-ticket-page .problem #form_q #file {
  background: transparent !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 .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,
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 {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}

html[data-theme="dark"] .vpn-ticket-page .work_con .left .repair-detail-nav + .problem {
  border-top: none !important;
}

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

html[data-theme="dark"] .vpn-ticket-page .repair-detail-nav a.repair-detail-nav-new {
  color: #fff !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:not(.repair-detail-nav-new) {
  color: var(--dm-link) !important;
}

html[data-theme="dark"] #hf_con.vpn-ticket-page .repair-detail-nav a.repair-detail-nav-new {
  color: #fff !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;
}