/* =========================================================
   海德森官网 · V0.2 主题「深空粒子流光」
   加载顺序：在 theme-dark.css / theme-v02-c.css 之后加载
   仅在 html[data-theme="deepspace"] 时生效（不影响银白/科技蓝图）
   配色：深空蓝底 + 医疗青 #14DECD + 电光蓝 #2E7BFF + 发光 #00E5FF
   质感：玻璃拟态 + 青色辉光 + 全站粒子星座网（由 #dsCanvas 承载）
   ========================================================= */

html[data-theme="deepspace"] {
  --bg:        #050A14;
  --bg-2:      #0A1326;
  --surface:   rgba(255,255,255,.045);
  --surface-2: rgba(255,255,255,.07);
  --border:    rgba(120,180,210,.18);
  --border-2:  rgba(120,180,210,.30);
  --text:      #EAF6FF;
  --muted:     #8FA8C0;
  --muted-2:   #607A93;
  --accent:    #14DECD;   /* 医疗青 */
  --accent-2:  #2E7BFF;   /* 电光蓝 */
  --accent-3:  #00E5FF;
  --glow:      rgba(20,222,205,.42);
  --glow-weak: rgba(46,123,255,.22);
  --radius:    16px;
  /* 玻璃卡片渐变 */
  --silver:      linear-gradient(135deg, rgba(20,222,205,.12) 0%, rgba(46,123,255,.10) 50%, rgba(20,222,205,.06) 100%);
  --silver-soft: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --accent-soft: rgba(20,222,205,.16);
  --nav-hover-shadow: 0 8px 22px rgba(20,222,205,.28);
  --card-shadow:        0 20px 50px rgba(0,0,0,.45);
  --card-hover-shadow:  0 0 40px rgba(20,222,205,.30);
  --home-bg-tint: rgba(5,10,20,.55);
  /* 粒子配色（深空：青点 + 蓝线） */
  --pt-dot:  rgba(20,222,205,.55);
  --pt-line: rgba(46,123,255,.30);
}

/* ---------- 深空背景：极光光团 + 深空渐变 ---------- */
html[data-theme="deepspace"] body {
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(20,222,205,.10), transparent 55%),
    radial-gradient(1000px 640px at 100% 0%, rgba(46,123,255,.14), transparent 55%),
    radial-gradient(900px 900px at 50% 120%, rgba(0,229,255,.08), transparent 60%),
    linear-gradient(180deg, #050A14 0%, #07101f 100%);
  background-attachment: fixed;
  color: var(--text);
}
html[data-theme="deepspace"] #dsCanvas {
  display: block;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;            /* 位于内容层（z-index:1）之下，作为固定背景 */
  pointer-events: none;  /* 不拦截鼠标，保证交互 */
}

/* 让内容层位于粒子画布之上（仅深空主题） */
html[data-theme="deepspace"] .header,
html[data-theme="deepspace"] #top,
html[data-theme="deepspace"] #main,
html[data-theme="deepspace"] .di-bu,
html[data-theme="deepspace"] .foot-bot { position: relative; z-index: 1; }

/* ---------- 导航（暗色玻璃） ---------- */
html[data-theme="deepspace"] .header-nav {
  background: rgba(8,16,30,.72);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(20,222,205,.18);
  box-shadow: 0 4px 24px rgba(0,0,0,.5);
}
html[data-theme="deepspace"] .header .nav li a { color: #EAF6FF; }
html[data-theme="deepspace"] .header .nav li a.active { color: #14DECD; }
html[data-theme="deepspace"] .header .nav li a.active::after { background: #14DECD; }
html[data-theme="deepspace"] .header .nav>li:hover {
  background: linear-gradient(135deg, rgba(20,222,205,.92), rgba(46,123,255,.92));
  box-shadow: 0 0 24px rgba(20,222,205,.42);
}
html[data-theme="deepspace"] .header .nav li .second-nav,
html[data-theme="deepspace"] .header .nav li .second-nav .third-nav,
html[data-theme="deepspace"] .header .nav li .third-nav .forth-nav {
  background: rgba(8,16,30,.94); border-color: rgba(20,222,205,.22);
}
html[data-theme="deepspace"] .header .nav li .second-nav li a { color: #EAF6FF; }

/* ---------- 卡片（玻璃 + 青色辉光） ---------- */
html[data-theme="deepspace"] .intro-card,
html[data-theme="deepspace"] .keshi .father-slide .keshi-img,
html[data-theme="deepspace"] .image_articles ul li,
html[data-theme="deepspace"] .ci-item {
  background: var(--silver);
  border: 1px solid rgba(20,222,205,.28);
  box-shadow: 0 0 30px rgba(20,222,205,.10);
  backdrop-filter: blur(8px);
  color: var(--text);
}
html[data-theme="deepspace"] .intro-card:hover,
html[data-theme="deepspace"] .keshi .father-slide .keshi-img:hover,
html[data-theme="deepspace"] .image_articles ul li:hover {
  border-color: #14DECD;
  box-shadow: 0 0 44px rgba(20,222,205,.35);
}
html[data-theme="deepspace"] .intro-card h2,
html[data-theme="deepspace"] .intro-card p { color: var(--text); }
html[data-theme="deepspace"] .intro-card p { color: var(--muted); }

/* 银色扫光在深色上也成立（白光掠过玻璃） */
html[data-theme="deepspace"] .intro-card::after,
html[data-theme="deepspace"] .keshi .father-slide .keshi-img::after,
html[data-theme="deepspace"] .ci-item::after,
html[data-theme="deepspace"] .qr-card::after {
  background: linear-gradient(100deg, transparent, rgba(180,240,255,.30), transparent);
}

/* ---------- 区块底色（暗化） ---------- */
html[data-theme="deepspace"] .home-intro {
  background: linear-gradient(var(--home-bg-tint), var(--home-bg-tint)), rgba(8,16,30,.6);
  border-top: 1px solid rgba(20,222,205,.16);
  border-bottom: 1px solid rgba(20,222,205,.16);
}
html[data-theme="deepspace"] .di-bu,
html[data-theme="deepspace"] .foot-bot,
html[data-theme="deepspace"] .news,
html[data-theme="deepspace"] .v02-stats,
html[data-theme="deepspace"] .partners-marquee {
  background-color: rgba(8,16,30,.7);
  border-color: rgba(20,222,205,.14);
}
html[data-theme="deepspace"] .partners-marquee::before { background: linear-gradient(90deg, rgba(8,16,30,.9), transparent); }
html[data-theme="deepspace"] .partners-marquee::after  { background: linear-gradient(270deg, rgba(8,16,30,.9), transparent); }
html[data-theme="deepspace"] .partners-track img { filter: grayscale(1) brightness(.7) opacity(.7); }
html[data-theme="deepspace"] .partners-track img:hover { filter: none; opacity: 1; }

/* ---------- 统计带数字色 ---------- */
html[data-theme="deepspace"] .v02-stat-num {
  background: linear-gradient(120deg, #14DECD, #2E7BFF);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="deepspace"] .v02-stat-lbl { color: var(--muted); }

/* ---------- 联系我们 展示卡（深空玻璃） ---------- */
html[data-theme="deepspace"] .contact-showcase {
  position: relative;
  background: linear-gradient(135deg, rgba(20,222,205,.12), rgba(46,123,255,.10));
  border: 1px solid rgba(20,222,205,.30);
  border-radius: var(--radius);
  box-shadow: 0 0 50px rgba(20,222,205,.18);
  overflow: hidden;
  backdrop-filter: blur(8px);
}
html[data-theme="deepspace"] .contact-showcase::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(420px 220px at 50% -10%, rgba(0,229,255,.16), transparent 70%);
}
html[data-theme="deepspace"] .contact-info-panel,
html[data-theme="deepspace"] .contact-main-title { color: #EAF6FF; }
html[data-theme="deepspace"] .contact-subtitle,
html[data-theme="deepspace"] .contact-item small { color: var(--muted); }
html[data-theme="deepspace"] .contact-item {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(20,222,205,.22);
  color: var(--text);
}
html[data-theme="deepspace"] .contact-item strong { color: #EAF6FF; }
html[data-theme="deepspace"] .contact-item:hover {
  border-color: rgba(20,222,205,.55);
  box-shadow: 0 0 22px rgba(20,222,205,.28);
}
html[data-theme="deepspace"] .contact-icon {
  background: var(--accent-soft); color: #14DECD;
}
html[data-theme="deepspace"] .qr-card {
  background: rgba(8,16,30,.85); border: 1px solid rgba(20,222,205,.25);
  box-shadow: 0 0 26px rgba(20,222,205,.20);
}
html[data-theme="deepspace"] .qr-card p { color: var(--muted); }

/* ---------- 表单 / 输入（暗色玻璃） ---------- */
html[data-theme="deepspace"] .foot-center .ipt input,
html[data-theme="deepspace"] .foot-center .ipt textarea,
html[data-theme="deepspace"] .message li input,
html[data-theme="deepspace"] .message li.contentb textarea {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(120,180,210,.30);
  color: var(--text);
}
html[data-theme="deepspace"] .foot-center .ipt input::placeholder,
html[data-theme="deepspace"] .foot-center .ipt textarea::placeholder { color: var(--muted-2); }

/* ---------- 滚动条 ---------- */
html[data-theme="deepspace"] ::-webkit-scrollbar-track { background: #0A1326; }
html[data-theme="deepspace"] ::-webkit-scrollbar-thumb { background: rgba(20,222,205,.40); }
html[data-theme="deepspace"] ::-webkit-scrollbar-thumb:hover { background: #14DECD; }

/* ---------- 按钮（青蓝渐变 + 辉光） ---------- */
html[data-theme="deepspace"] .intro-card .intro-cta,
html[data-theme="deepspace"] .foot-center form button,
html[data-theme="deepspace"] .tijiao,
html[data-theme="deepspace"] .tijiao-an {
  background: linear-gradient(120deg, #14DECD, #2E7BFF);
  color: #04121a; font-weight: 700;
  box-shadow: 0 0 26px rgba(20,222,205,.45); border: none;
}
html[data-theme="deepspace"] .intro-card .intro-cta:hover,
html[data-theme="deepspace"] .foot-center form button:hover { box-shadow: 0 0 34px rgba(20,222,205,.6); }

html[data-theme="deepspace"] .pro-title span,
html[data-theme="deepspace"] .jx-more a,
html[data-theme="deepspace"] .xw-tab ul li.selected,
html[data-theme="deepspace"] .list-tab>ul>li.selected {
  background: linear-gradient(120deg, #14DECD, #2E7BFF);
}

/* 返回顶部（深色描边） */
html[data-theme="deepspace"] #gotoTop {
  background: rgba(8,16,30,.8); border-color: rgba(20,222,205,.35);
}
html[data-theme="deepspace"] #gotoTop:hover { border-color: #14DECD; box-shadow: 0 0 20px rgba(20,222,205,.35); }
html[data-theme="deepspace"] #gotoTop img { filter: brightness(0) saturate(100%) invert(78%) sepia(60%) saturate(700%) hue-rotate(130deg); }

/* 灯箱遮罩通用，深空下保持一致 */
html[data-theme="deepspace"] .lightbox-mask { background: rgba(3,7,14,.92); }

/* ---------- 移动端适配（深空主题专属：避免蓝条导航 / 浅色卡片） ---------- */
@media only screen and (max-width: 768px) {
  html[data-theme="deepspace"] .header-nav { background: rgba(8,16,32,.96); }
  html[data-theme="deepspace"] .header .nav li { border-bottom-color: rgba(20,222,205,.18); }
  html[data-theme="deepspace"] .header .nav li .second-nav,
  html[data-theme="deepspace"] .header .nav li .second-nav .third-nav { background: rgba(20,222,205,.16); }
  html[data-theme="deepspace"] .header .nav li a { color: #EAF6FF; }
  html[data-theme="deepspace"] .contact-showcase {
    background:
      linear-gradient(135deg, rgba(8,18,34,.92) 0%, rgba(10,30,52,.88) 55%, rgba(8,18,34,.92) 100%);
    box-shadow: 0 18px 50px rgba(0,0,0,.5);
  }
  html[data-theme="deepspace"] #gotoTop { right: 16px; bottom: 84px; }
}

/* ---------- 疗效分享卡片：深空下用玻璃卡（仅改背景+边框，不动 h3/p） ----------
   关键：白底文字面板 .list-img-text 保持 #fff + 深色字（来自 css.css），
   因此这里**不覆盖** h3 / p 颜色（深空 --text=#EAF6FF 在白底上不可读）。 */
html[data-theme="deepspace"] .list-images ul.list-img-cn li {
  background: var(--surface);
  border-color: var(--border);
}
html[data-theme="deepspace"] .list-images ul.list-img-cn li:hover { box-shadow: var(--card-hover-shadow); }