/* ══════════════════════════════════════════════════════════════════════
   HOME SCREEN THEME VARIANTS  —  home-themes.css
   #home-screen · .home-screen  ×  5 themes
   不改 HTML / JS，纯 CSS 增强
═══════════════════════════════════════════════════════════════════════ */

/* ── 基础覆盖：让 ::before/::after 可用 ── */
.home-screen {
  overflow: hidden;
  /* position: fixed 由 styles.css 保持，不覆盖 */
}

/* ── 星河仪轨背景视频 ── */
.hs-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 缩小到 70%，分辨率不变但显示密度更高，更清晰 */
  width: 70%;
  height: 70%;
  object-fit: cover;
  border-radius: 24px;
  z-index: 0;
  opacity: 0.55;
  /* 边缘径向淡出，与 CSS 背景自然融合 */
  -webkit-mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
  mask-image:         radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);
  pointer-events: none;
}

/* ── 共享动画关键帧 ── */

/* Logo 漂浮 */
@keyframes hs-logo-float {
  0%,100% { transform: translateY(0) rotate(0deg); }
  40%     { transform: translateY(-9px) rotate(1.5deg); }
  70%     { transform: translateY(-4px) rotate(-1deg); }
}

/* 光晕呼吸 */
@keyframes hs-glow-breathe {
  0%,100% { opacity: 0.60; transform: scale(1); }
  50%     { opacity: 1.00; transform: scale(1.12); }
}

/* 背景粒子漂移 */
@keyframes hs-particle-drift {
  from { background-position: 0 0, 40px 60px, 80px 20px; }
  to   { background-position: 60px 30px, 100px 90px, 140px 50px; }
}

/* 卡片闪光扫 */
@keyframes hs-card-shimmer {
  from { background-position: -200% center; }
  to   { background-position: 200% center; }
}

/* 卡片入场 */
@keyframes hs-card-rise {
  from { opacity:0; transform:translateY(24px) scale(0.96); }
  to   { opacity:1; transform:translateY(0)    scale(1);    }
}

/* ══════════════════════════════════════════════════════════════════════
   §1  CLASSIC — Precision Optics · 量子实验室明亮版
═══════════════════════════════════════════════════════════════════════ */

html:not([data-theme]) .home-screen {
  background:
    radial-gradient(ellipse 90% 70% at 10% 15%, rgba(59,91,219,0.13) 0%, transparent 55%),
    radial-gradient(ellipse 70% 60% at 88% 80%, rgba(124,58,237,0.10) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 55% 5%,  rgba(14,165,233,0.07) 0%, transparent 45%),
    linear-gradient(150deg, #dde5ff 0%, #edf0fc 40%, #ddeef9 100%);
}

/* 漂浮光球层 */
html:not([data-theme]) .home-screen::before {
  content:'';
  position: absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle 280px at 20% 30%, rgba(59,91,219,0.09) 0%, transparent 70%),
    radial-gradient(circle 200px at 78% 20%, rgba(14,165,233,0.07) 0%, transparent 60%),
    radial-gradient(circle 240px at 60% 85%, rgba(124,58,237,0.07) 0%, transparent 65%);
  animation: hs-glow-breathe 9s ease-in-out infinite;
}

/* 精密网格点阵 */
html:not([data-theme]) .home-screen::after {
  content:'';
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle 1px, rgba(59,91,219,0.12) 1px, transparent 1px),
    radial-gradient(circle 1.5px, rgba(59,91,219,0.06) 1.5px, transparent 1.5px);
  background-size: 48px 48px, 120px 120px;
  animation: hs-particle-drift 30s linear infinite alternate;
}

html:not([data-theme]) .hs-content { position:relative; z-index:1; }

/* Logo 圆环 */
html:not([data-theme]) .hs-logo-ring {
  background: linear-gradient(135deg, #3b5bdb 0%, #7c3aed 100%);
  box-shadow:
    0 0 0 6px rgba(59,91,219,0.12),
    0 0 0 12px rgba(59,91,219,0.06),
    0 12px 36px rgba(59,91,219,0.28);
  animation: hs-logo-float 5s ease-in-out infinite;
}

html:not([data-theme]) .hs-title {
  background: linear-gradient(135deg, #1e2a3a 0%, #3b5bdb 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif;
  font-weight: 800;
}

html:not([data-theme]) .hs-tagline { color: #3b5bdb; font-weight: 600; }
html:not([data-theme]) .hs-desc    { color: #475569; }
html:not([data-theme]) .hs-section-title { color: #64748b; }

/* 实验卡片 — 玻璃质感 */
html:not([data-theme]) .hs-exp-card {
  background: rgba(255,255,255,0.82);
  border: 1.5px solid rgba(59,91,219,0.12);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(59,91,219,0.08), inset 0 1px 0 rgba(255,255,255,0.9);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s;
  position: relative; overflow: hidden;
}

/* 顶部彩色条纹 */
html:not([data-theme]) .hs-exp-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:4px;
  border-radius:16px 16px 0 0;
  background: linear-gradient(90deg, var(--hs-c1,#3b5bdb), var(--hs-c2,#748ffc));
}

html:not([data-theme]) .hs-exp-card:hover {
  transform: translateY(-7px) scale(1.02);
  box-shadow: 0 16px 40px rgba(59,91,219,0.18), 0 0 0 1.5px rgba(59,91,219,0.22),
              inset 0 1px 0 rgba(255,255,255,0.9);
}

/* 各卡片色条 */
html:not([data-theme]) .hs-exp-bell   { --hs-c1:#1d4ed8; --hs-c2:#3b82f6; }
html:not([data-theme]) .hs-exp-ghz    { --hs-c1:#7c3aed; --hs-c2:#a855f7; }
html:not([data-theme]) .hs-exp-qft    { --hs-c1:#0891b2; --hs-c2:#22d3ee; }
html:not([data-theme]) .hs-exp-grover { --hs-c1:#b45309; --hs-c2:#f59e0b; }
html:not([data-theme]) .hs-exp-blank  { --hs-c1:#64748b; --hs-c2:#94a3b8; border-style:dashed; }

html:not([data-theme]) .hs-exp-bell:hover   { box-shadow:0 16px 40px rgba(29,78,216,0.22), inset 0 1px 0 rgba(255,255,255,0.9); }
html:not([data-theme]) .hs-exp-ghz:hover    { box-shadow:0 16px 40px rgba(124,58,237,0.22), inset 0 1px 0 rgba(255,255,255,0.9); }
html:not([data-theme]) .hs-exp-qft:hover    { box-shadow:0 16px 40px rgba(8,145,178,0.22),  inset 0 1px 0 rgba(255,255,255,0.9); }
html:not([data-theme]) .hs-exp-grover:hover { box-shadow:0 16px 40px rgba(180,83,9,0.22),   inset 0 1px 0 rgba(255,255,255,0.9); }
html:not([data-theme]) .hs-exp-blank:hover  { box-shadow:0 16px 40px rgba(100,116,139,0.14),inset 0 1px 0 rgba(255,255,255,0.9); border-style:solid; }

/* 卡片内符号色 */
html:not([data-theme]) .hs-exp-bell   .hs-exp-sym { color:#1d4ed8; }
html:not([data-theme]) .hs-exp-ghz    .hs-exp-sym { color:#7c3aed; }
html:not([data-theme]) .hs-exp-qft    .hs-exp-sym { color:#0891b2; }
html:not([data-theme]) .hs-exp-grover .hs-exp-sym { color:#b45309; }
html:not([data-theme]) .hs-exp-blank  .hs-exp-sym { color:#64748b; }

html:not([data-theme]) .hs-exp-name { color:#0f172a; font-family:'Plus Jakarta Sans','Inter',sans-serif; }
html:not([data-theme]) .hs-exp-info { color:#64748b; }

/* 跳过按钮 */
html:not([data-theme]) .hs-skip-btn {
  border-color: rgba(59,91,219,0.30);
  color: #3b5bdb;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.5);
  transition: all 0.18s;
}
html:not([data-theme]) .hs-skip-btn:hover {
  background: rgba(255,255,255,0.85);
  border-color: #3b5bdb;
  box-shadow: 0 4px 16px rgba(59,91,219,0.18);
  transform: translateY(-1px);
}

/* 卡片交错入场 */
html:not([data-theme]) .hs-exp-card:nth-child(1) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .20s both; }
html:not([data-theme]) .hs-exp-card:nth-child(2) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .28s both; }
html:not([data-theme]) .hs-exp-card:nth-child(3) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .36s both; }
html:not([data-theme]) .hs-exp-card:nth-child(4) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .44s both; }
html:not([data-theme]) .hs-exp-card:nth-child(5) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .52s both; }


/* ══════════════════════════════════════════════════════════════════════
   §2  DARK — Mission Control · 深蓝暗夜
═══════════════════════════════════════════════════════════════════════ */

[data-theme="dark"] .home-screen {
  background:
    radial-gradient(ellipse 80% 60% at 20% 25%,  rgba(42,102,200,0.22) 0%, transparent 55%),
    radial-gradient(ellipse 60% 55% at 80% 75%,  rgba(155,127,212,0.16) 0%, transparent 50%),
    linear-gradient(160deg, #05091a 0%, #080e1e 50%, #0a0a22 100%);
}

/* 脉冲光晕 */
[data-theme="dark"] .home-screen::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle 320px at 25% 35%, rgba(42,102,200,0.18) 0%, transparent 65%),
    radial-gradient(circle 220px at 75% 20%, rgba(74,134,232,0.12) 0%, transparent 55%),
    radial-gradient(circle 280px at 65% 80%, rgba(155,127,212,0.14) 0%, transparent 60%);
  animation: hs-glow-breathe 8s ease-in-out infinite;
}

/* 星点粒子场 */
[data-theme="dark"] .home-screen::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle 1px,   rgba(74,134,232,0.70) 1px, transparent 1px),
    radial-gradient(circle 1px,   rgba(255,255,255,0.25) 1px, transparent 1px),
    radial-gradient(circle 1.5px, rgba(74,134,232,0.35) 1.5px, transparent 1.5px);
  background-size: 90px 90px, 140px 140px, 200px 200px;
  background-position: 0 0, 45px 70px, 100px 30px;
  animation: hs-particle-drift 40s linear infinite alternate;
}

[data-theme="dark"] .hs-content { position:relative; z-index:1; }

[data-theme="dark"] .hs-logo-ring {
  background: linear-gradient(135deg, #2A66C8 0%, #9B7FD4 100%);
  box-shadow:
    0 0 0 6px rgba(42,102,200,0.18),
    0 0 0 14px rgba(42,102,200,0.08),
    0 0 40px rgba(42,102,200,0.40),
    0 12px 36px rgba(10,10,34,0.6);
  animation: hs-logo-float 5.5s ease-in-out infinite;
}

[data-theme="dark"] .hs-title {
  background: linear-gradient(135deg, #cbd5e1 0%, #4A86E8 60%, #9B7FD4 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
[data-theme="dark"] .hs-tagline { color:#4A86E8; text-shadow:0 0 20px rgba(74,134,232,0.5); }
[data-theme="dark"] .hs-desc    { color:#94A3B8; }
[data-theme="dark"] .hs-section-title { color:#64748b; }

[data-theme="dark"] .hs-exp-card {
  background: rgba(30,41,59,0.80);
  border: 1px solid rgba(74,134,232,0.20);
  backdrop-filter: blur(16px);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.06);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s, border-color 0.22s;
  position: relative; overflow: hidden;
}

[data-theme="dark"] .hs-exp-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--hs-c1,#2A66C8), var(--hs-c2,#9B7FD4));
  border-radius:16px 16px 0 0;
}
/* 扫光效果 */
[data-theme="dark"] .hs-exp-card::after {
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.04) 50%, transparent 70%);
  background-size:200% 100%;
  animation: hs-card-shimmer 4s ease-in-out infinite;
}

[data-theme="dark"] .hs-exp-card:hover {
  transform: translateY(-7px) scale(1.02);
  border-color: rgba(74,134,232,0.45);
  box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(74,134,232,0.35),
              0 0 30px rgba(74,134,232,0.15), inset 0 1px 0 rgba(255,255,255,0.08);
}

[data-theme="dark"] .hs-exp-bell   { --hs-c1:#2A66C8; --hs-c2:#60A5FA; }
[data-theme="dark"] .hs-exp-ghz    { --hs-c1:#9B7FD4; --hs-c2:#C084FC; }
[data-theme="dark"] .hs-exp-qft    { --hs-c1:#14B8A6; --hs-c2:#34D399; }
[data-theme="dark"] .hs-exp-grover { --hs-c1:#F59E0B; --hs-c2:#FCD34D; }
[data-theme="dark"] .hs-exp-blank  { --hs-c1:#475569; --hs-c2:#64748B; border-style:dashed; border-color:rgba(255,255,255,0.10); }

[data-theme="dark"] .hs-exp-bell:hover   { box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(42,102,200,0.30),0 0 0 1px rgba(42,102,200,0.40); }
[data-theme="dark"] .hs-exp-ghz:hover    { box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(155,127,212,0.30),0 0 0 1px rgba(155,127,212,0.40); }
[data-theme="dark"] .hs-exp-qft:hover    { box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(20,184,166,0.30),0 0 0 1px rgba(20,184,166,0.40); }
[data-theme="dark"] .hs-exp-grover:hover { box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(245,158,11,0.30),0 0 0 1px rgba(245,158,11,0.40); }

[data-theme="dark"] .hs-exp-bell .hs-exp-sym   { color:#60A5FA; text-shadow:0 0 12px rgba(96,165,250,0.5); }
[data-theme="dark"] .hs-exp-ghz .hs-exp-sym    { color:#C084FC; text-shadow:0 0 12px rgba(192,132,252,0.5); }
[data-theme="dark"] .hs-exp-qft .hs-exp-sym    { color:#34D399; text-shadow:0 0 12px rgba(52,211,153,0.5); }
[data-theme="dark"] .hs-exp-grover .hs-exp-sym { color:#FCD34D; text-shadow:0 0 12px rgba(252,211,77,0.5); }
[data-theme="dark"] .hs-exp-blank .hs-exp-sym  { color:#94A3B8; }

[data-theme="dark"] .hs-exp-name { color:#E2E8F0; font-weight:700; }
[data-theme="dark"] .hs-exp-info { color:#64748B; }

[data-theme="dark"] .hs-skip-btn {
  border-color:rgba(74,134,232,0.30);
  color:#94A3B8;
  background:rgba(30,41,59,0.60);
  backdrop-filter:blur(8px);
}
[data-theme="dark"] .hs-skip-btn:hover {
  border-color:rgba(74,134,232,0.55);
  color:#CBD5E1;
  background:rgba(42,102,200,0.15);
  box-shadow:0 0 20px rgba(42,102,200,0.20);
}

[data-theme="dark"] .hs-exp-card:nth-child(1) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .20s both; }
[data-theme="dark"] .hs-exp-card:nth-child(2) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .28s both; }
[data-theme="dark"] .hs-exp-card:nth-child(3) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .36s both; }
[data-theme="dark"] .hs-exp-card:nth-child(4) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .44s both; }
[data-theme="dark"] .hs-exp-card:nth-child(5) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .52s both; }


/* ══════════════════════════════════════════════════════════════════════
   §3  AURORA — Quantum Violet · 幻紫星云
═══════════════════════════════════════════════════════════════════════ */

[data-theme="aurora"] .home-screen {
  background:
    radial-gradient(ellipse 80% 60% at 15% 20%, rgba(155,127,255,0.25) 0%, transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 70%, rgba(232,121,249,0.18) 0%, transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 10%, rgba(34,211,238,0.10) 0%, transparent 45%),
    linear-gradient(160deg, #06011a 0%, #0c0720 55%, #10043a 100%);
}

[data-theme="aurora"] .home-screen::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle 350px at 20% 40%, rgba(155,127,255,0.20) 0%, transparent 65%),
    radial-gradient(circle 250px at 80% 15%, rgba(232,121,249,0.15) 0%, transparent 55%),
    radial-gradient(circle 300px at 65% 85%, rgba(34,211,238,0.12) 0%, transparent 60%);
  animation: hs-glow-breathe 10s ease-in-out infinite;
}

[data-theme="aurora"] .home-screen::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle 1px,   rgba(155,127,255,0.65) 1px, transparent 1px),
    radial-gradient(circle 1px,   rgba(232,121,249,0.40) 1px, transparent 1px),
    radial-gradient(circle 2px,   rgba(155,127,255,0.20) 2px, transparent 2px);
  background-size: 80px 80px, 130px 130px, 210px 210px;
  background-position: 0 0, 40px 65px, 110px 25px;
  animation: hs-particle-drift 35s linear infinite alternate;
}

[data-theme="aurora"] .hs-content { position:relative; z-index:1; }

[data-theme="aurora"] .hs-logo-ring {
  background: linear-gradient(135deg, #9B7FFF 0%, #E879F9 100%);
  box-shadow:
    0 0 0 6px rgba(155,127,255,0.20),
    0 0 0 14px rgba(155,127,255,0.08),
    0 0 50px rgba(155,127,255,0.50),
    0 0 80px rgba(232,121,249,0.25);
  animation: hs-logo-float 6s ease-in-out infinite;
}

[data-theme="aurora"] .hs-title {
  background: linear-gradient(135deg, #ddd6fe 0%, #9B7FFF 50%, #E879F9 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
[data-theme="aurora"] .hs-tagline { color:#9B7FFF; text-shadow:0 0 24px rgba(155,127,255,0.55); letter-spacing:3px; }
[data-theme="aurora"] .hs-desc    { color:#A78BFA; }
[data-theme="aurora"] .hs-section-title { color:#6D28D9; }

[data-theme="aurora"] .hs-exp-card {
  background: rgba(21,13,48,0.75);
  border: 1px solid rgba(155,127,255,0.22);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  box-shadow: 0 4px 28px rgba(0,0,0,0.50), inset 0 1px 0 rgba(255,255,255,0.06);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s, border-color 0.22s;
  position: relative; overflow: hidden;
}

[data-theme="aurora"] .hs-exp-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--hs-c1,#9B7FFF), var(--hs-c2,#E879F9));
  border-radius:16px 16px 0 0;
}
[data-theme="aurora"] .hs-exp-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(155,127,255,0.05) 50%,transparent 70%);
  background-size:200% 100%;
  animation:hs-card-shimmer 5s ease-in-out infinite;
}

[data-theme="aurora"] .hs-exp-card:hover {
  transform:translateY(-7px) scale(1.02);
  border-color:rgba(155,127,255,0.50);
  box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(155,127,255,0.40),
             0 0 35px rgba(155,127,255,0.22),inset 0 1px 0 rgba(255,255,255,0.08);
}

[data-theme="aurora"] .hs-exp-bell   { --hs-c1:#818CF8; --hs-c2:#60A5FA; }
[data-theme="aurora"] .hs-exp-ghz    { --hs-c1:#9B7FFF; --hs-c2:#E879F9; }
[data-theme="aurora"] .hs-exp-qft    { --hs-c1:#22D3EE; --hs-c2:#6EE7B7; }
[data-theme="aurora"] .hs-exp-grover { --hs-c1:#FB923C; --hs-c2:#FCD34D; }
[data-theme="aurora"] .hs-exp-blank  { --hs-c1:#4C1D95; --hs-c2:#6D28D9; border-style:dashed; border-color:rgba(155,127,255,0.15); }

[data-theme="aurora"] .hs-exp-bell:hover   { box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 35px rgba(129,140,248,0.35),0 0 0 1px rgba(129,140,248,0.45); }
[data-theme="aurora"] .hs-exp-ghz:hover    { box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 35px rgba(232,121,249,0.35),0 0 0 1px rgba(232,121,249,0.45); }
[data-theme="aurora"] .hs-exp-qft:hover    { box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 35px rgba(34,211,238,0.30),0 0 0 1px rgba(34,211,238,0.40); }
[data-theme="aurora"] .hs-exp-grover:hover { box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 35px rgba(251,146,60,0.28),0 0 0 1px rgba(251,146,60,0.38); }

[data-theme="aurora"] .hs-exp-bell .hs-exp-sym   { color:#818CF8; text-shadow:0 0 14px rgba(129,140,248,0.6); }
[data-theme="aurora"] .hs-exp-ghz .hs-exp-sym    { color:#E879F9; text-shadow:0 0 14px rgba(232,121,249,0.6); }
[data-theme="aurora"] .hs-exp-qft .hs-exp-sym    { color:#22D3EE; text-shadow:0 0 14px rgba(34,211,238,0.5); }
[data-theme="aurora"] .hs-exp-grover .hs-exp-sym { color:#FB923C; text-shadow:0 0 14px rgba(251,146,60,0.5); }
[data-theme="aurora"] .hs-exp-blank .hs-exp-sym  { color:#7C3AED; }

[data-theme="aurora"] .hs-exp-name { color:#EDE9FE; font-weight:700; }
[data-theme="aurora"] .hs-exp-info { color:#7C3AED; }

[data-theme="aurora"] .hs-skip-btn {
  border-color:rgba(155,127,255,0.30);
  color:#A78BFA;
  background:rgba(21,13,48,0.55);
  backdrop-filter:blur(8px);
}
[data-theme="aurora"] .hs-skip-btn:hover {
  border-color:rgba(155,127,255,0.55);
  color:#DDD6FE;
  background:rgba(155,127,255,0.12);
  box-shadow:0 0 24px rgba(155,127,255,0.22);
}

[data-theme="aurora"] .hs-exp-card:nth-child(1) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .20s both; }
[data-theme="aurora"] .hs-exp-card:nth-child(2) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .28s both; }
[data-theme="aurora"] .hs-exp-card:nth-child(3) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .36s both; }
[data-theme="aurora"] .hs-exp-card:nth-child(4) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .44s both; }
[data-theme="aurora"] .hs-exp-card:nth-child(5) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .52s both; }


/* ══════════════════════════════════════════════════════════════════════
   §4  AMBER — Dark Gold Console · 暗金控制台
═══════════════════════════════════════════════════════════════════════ */

@keyframes hs-amber-scan {
  from { background-position: 0 0; }
  to   { background-position: 0 100%; }
}

[data-theme="amber"] .home-screen {
  background:
    radial-gradient(ellipse 70% 50% at 20% 30%, rgba(232,130,12,0.14) 0%, transparent 55%),
    radial-gradient(ellipse 50% 45% at 80% 70%, rgba(255,176,92,0.10) 0%, transparent 50%),
    linear-gradient(160deg, #08090c 0%, #0d0f14 50%, #110d08 100%);
}

[data-theme="amber"] .home-screen::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle 300px at 25% 40%, rgba(232,130,12,0.16) 0%, transparent 60%),
    radial-gradient(circle 200px at 75% 25%, rgba(255,176,92,0.10) 0%, transparent 55%),
    radial-gradient(circle 250px at 60% 80%, rgba(200,100,0,0.10) 0%, transparent 60%);
  animation: hs-glow-breathe 7s ease-in-out infinite;
}

/* 控制台扫描线 */
[data-theme="amber"] .home-screen::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,176,92,0.015) 3px, rgba(255,176,92,0.015) 4px),
    radial-gradient(circle 1px, rgba(255,176,92,0.45) 1px, transparent 1px),
    radial-gradient(circle 1.5px, rgba(232,130,12,0.25) 1.5px, transparent 1.5px);
  background-size: 100% 4px, 100px 100px, 160px 160px;
  background-position: 0 0, 0 0, 50px 50px;
  animation: hs-particle-drift 45s linear infinite alternate;
}

[data-theme="amber"] .hs-content { position:relative; z-index:1; }

[data-theme="amber"] .hs-logo-ring {
  background: linear-gradient(135deg, #c46e00 0%, #e8820c 40%, #FFB05C 100%);
  box-shadow:
    0 0 0 6px rgba(232,130,12,0.18),
    0 0 0 14px rgba(232,130,12,0.08),
    0 0 45px rgba(232,130,12,0.55),
    0 0 80px rgba(255,176,92,0.25);
  animation: hs-logo-float 4.5s ease-in-out infinite;
}

[data-theme="amber"] .hs-title {
  background: linear-gradient(135deg, #fde68a 0%, #FFB05C 50%, #e8820c 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
[data-theme="amber"] .hs-tagline { color:#FFB05C; text-shadow:0 0 20px rgba(255,176,92,0.55); letter-spacing:3px; }
[data-theme="amber"] .hs-desc    { color:#92400E; }
[data-theme="amber"] .hs-section-title { color:#78350F; letter-spacing:4px; }

[data-theme="amber"] .hs-exp-card {
  background: rgba(24,27,35,0.85);
  border: 1px solid rgba(255,176,92,0.20);
  backdrop-filter: blur(16px);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,176,92,0.06);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s, border-color 0.22s;
  position:relative; overflow:hidden;
}

[data-theme="amber"] .hs-exp-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--hs-c1,#e8820c), var(--hs-c2,#FFB05C));
  border-radius:16px 16px 0 0;
}
[data-theme="amber"] .hs-exp-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,176,92,0.04) 50%,transparent 70%);
  background-size:200% 100%;
  animation:hs-card-shimmer 4.5s ease-in-out infinite;
}

[data-theme="amber"] .hs-exp-card:hover {
  transform:translateY(-7px) scale(1.02);
  border-color:rgba(255,176,92,0.45);
  box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,176,92,0.40),
             0 0 35px rgba(232,130,12,0.25),inset 0 1px 0 rgba(255,176,92,0.08);
}

[data-theme="amber"] .hs-exp-bell   { --hs-c1:#b45309; --hs-c2:#FFB05C; }
[data-theme="amber"] .hs-exp-ghz    { --hs-c1:#e8820c; --hs-c2:#fbbf24; }
[data-theme="amber"] .hs-exp-qft    { --hs-c1:#d97706; --hs-c2:#fcd34d; }
[data-theme="amber"] .hs-exp-grover { --hs-c1:#92400e; --hs-c2:#b45309; }
[data-theme="amber"] .hs-exp-blank  { --hs-c1:#374151; --hs-c2:#4b5563; border-style:dashed; border-color:rgba(255,176,92,0.12); }

[data-theme="amber"] .hs-exp-bell:hover   { box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 35px rgba(180,83,9,0.35),0 0 0 1px rgba(255,176,92,0.45); }
[data-theme="amber"] .hs-exp-ghz:hover    { box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 35px rgba(232,130,12,0.35),0 0 0 1px rgba(255,176,92,0.45); }
[data-theme="amber"] .hs-exp-qft:hover    { box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 35px rgba(217,119,6,0.35),0 0 0 1px rgba(255,176,92,0.45); }
[data-theme="amber"] .hs-exp-grover:hover { box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 35px rgba(146,64,14,0.35),0 0 0 1px rgba(255,176,92,0.45); }

[data-theme="amber"] .hs-exp-bell .hs-exp-sym   { color:#FFB05C; text-shadow:0 0 14px rgba(255,176,92,0.65); }
[data-theme="amber"] .hs-exp-ghz .hs-exp-sym    { color:#fbbf24; text-shadow:0 0 14px rgba(251,191,36,0.60); }
[data-theme="amber"] .hs-exp-qft .hs-exp-sym    { color:#fcd34d; text-shadow:0 0 14px rgba(252,211,77,0.55); }
[data-theme="amber"] .hs-exp-grover .hs-exp-sym { color:#d97706; text-shadow:0 0 14px rgba(217,119,6,0.55); }
[data-theme="amber"] .hs-exp-blank .hs-exp-sym  { color:#6B7280; }

[data-theme="amber"] .hs-exp-name { color:#FDE68A; font-weight:700; }
[data-theme="amber"] .hs-exp-info { color:#92400E; }

[data-theme="amber"] .hs-skip-btn {
  border-color:rgba(255,176,92,0.25);
  color:#92400E;
  background:rgba(24,27,35,0.60);
  backdrop-filter:blur(8px);
}
[data-theme="amber"] .hs-skip-btn:hover {
  border-color:rgba(255,176,92,0.50);
  color:#FFB05C;
  background:rgba(232,130,12,0.12);
  box-shadow:0 0 22px rgba(232,130,12,0.22);
}

[data-theme="amber"] .hs-exp-card:nth-child(1) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .20s both; }
[data-theme="amber"] .hs-exp-card:nth-child(2) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .28s both; }
[data-theme="amber"] .hs-exp-card:nth-child(3) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .36s both; }
[data-theme="amber"] .hs-exp-card:nth-child(4) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .44s both; }
[data-theme="amber"] .hs-exp-card:nth-child(5) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .52s both; }


/* ══════════════════════════════════════════════════════════════════════
   §5  SPACE — Deep Space Quantum · 深空量子
═══════════════════════════════════════════════════════════════════════ */

@keyframes hs-space-star-pulse {
  0%,100% { opacity: 0.4; }
  50%     { opacity: 1.0; }
}

@keyframes hs-space-orbit {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes hs-space-logo-glow {
  0%,100% {
    box-shadow: 0 0 0 6px rgba(0,212,255,0.18),0 0 0 14px rgba(0,212,255,0.07),
                0 0 40px rgba(0,212,255,0.45),0 0 80px rgba(123,97,255,0.20);
    transform: translateY(0);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(0,212,255,0.25),0 0 0 18px rgba(0,212,255,0.10),
                0 0 60px rgba(0,212,255,0.60),0 0 100px rgba(123,97,255,0.30);
    transform: translateY(-8px);
  }
}

[data-theme="space"] .home-screen {
  background:
    radial-gradient(ellipse 80% 60% at 15% 25%, rgba(0,212,255,0.14) 0%, transparent 55%),
    radial-gradient(ellipse 65% 55% at 85% 70%, rgba(123,97,255,0.14) 0%, transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 5%,  rgba(0,180,255,0.08) 0%, transparent 45%),
    linear-gradient(160deg, #03050d 0%, #06080f 50%, #080614 100%);
}

/* 星云光晕层 */
[data-theme="space"] .home-screen::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle 380px at 20% 35%, rgba(0,212,255,0.14) 0%, transparent 65%),
    radial-gradient(circle 250px at 78% 15%, rgba(0,180,255,0.10) 0%, transparent 55%),
    radial-gradient(circle 320px at 65% 82%, rgba(123,97,255,0.14) 0%, transparent 62%),
    radial-gradient(circle 180px at 40% 60%, rgba(0,212,255,0.06) 0%, transparent 50%);
  animation: hs-glow-breathe 8s ease-in-out infinite;
}

/* 星场 — 三层密度不同的点阵 */
[data-theme="space"] .home-screen::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(circle .8px, rgba(255,255,255,0.75) .8px, transparent .8px),
    radial-gradient(circle 1.2px, rgba(0,212,255,0.55) 1.2px, transparent 1.2px),
    radial-gradient(circle 1.5px, rgba(255,255,255,0.30) 1.5px, transparent 1.5px),
    radial-gradient(circle 2px,   rgba(0,212,255,0.20) 2px, transparent 2px);
  background-size: 60px 60px, 110px 110px, 170px 170px, 250px 250px;
  background-position: 10px 20px, 55px 85px, 30px 45px, 130px 180px;
  animation: hs-particle-drift 50s linear infinite alternate;
}

[data-theme="space"] .hs-content { position:relative; z-index:1; }

[data-theme="space"] .hs-logo-ring {
  background: linear-gradient(135deg, #00d4ff 0%, #0099cc 40%, #7b61ff 100%);
  animation: hs-space-logo-glow 4s ease-in-out infinite;
  position: relative;
}

/* 外环轨道 */
[data-theme="space"] .hs-logo-ring::before {
  content:'';
  position:absolute; inset:-10px;
  border-radius:50%;
  border:1px solid rgba(0,212,255,0.20);
  border-top-color:rgba(0,212,255,0.60);
  animation:hs-space-orbit 4s linear infinite;
  pointer-events:none;
}

[data-theme="space"] .hs-title {
  background: linear-gradient(135deg, #e0f8ff 0%, #00d4ff 50%, #7b61ff 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
[data-theme="space"] .hs-tagline {
  color:#00d4ff;
  text-shadow:0 0 28px rgba(0,212,255,0.65);
  letter-spacing:4px;
}
[data-theme="space"] .hs-desc { color:#64748B; }
[data-theme="space"] .hs-section-title { color:#0f4c6b; letter-spacing:5px; }

[data-theme="space"] .hs-exp-card {
  background: rgba(20,26,46,0.82);
  border: 1px solid rgba(0,212,255,0.22);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  box-shadow: 0 4px 28px rgba(0,0,0,0.60), inset 0 1px 0 rgba(0,212,255,0.08);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.22s, border-color 0.22s;
  position:relative; overflow:hidden;
}

[data-theme="space"] .hs-exp-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, var(--hs-c1,#00d4ff), var(--hs-c2,#7b61ff));
  border-radius:16px 16px 0 0;
  box-shadow:0 0 12px var(--hs-c1,#00d4ff);
}
[data-theme="space"] .hs-exp-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(0,212,255,0.04) 50%,transparent 70%);
  background-size:200% 100%;
  animation:hs-card-shimmer 3.5s ease-in-out infinite;
}

/* 卡片闲置时的青蓝呼吸 */
@keyframes hs-space-card-breathe {
  0%,100% { box-shadow:0 4px 28px rgba(0,0,0,.60),inset 0 1px 0 rgba(0,212,255,.08); border-color:rgba(0,212,255,.18); }
  50%     { box-shadow:0 4px 28px rgba(0,0,0,.60),0 0 16px rgba(0,212,255,.12),inset 0 1px 0 rgba(0,212,255,.10); border-color:rgba(0,212,255,.28); }
}
[data-theme="space"] .hs-exp-card { animation:hs-space-card-breathe 4s ease-in-out infinite; }

[data-theme="space"] .hs-exp-card:hover {
  transform:translateY(-8px) scale(1.02);
  border-color:rgba(0,212,255,0.55) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 0 1px rgba(0,212,255,0.45),
             0 0 40px rgba(0,212,255,0.22),inset 0 1px 0 rgba(0,212,255,0.10) !important;
  animation:none;
}

[data-theme="space"] .hs-exp-bell   { --hs-c1:#00d4ff; --hs-c2:#38bdf8; }
[data-theme="space"] .hs-exp-ghz    { --hs-c1:#7b61ff; --hs-c2:#a78bfa; }
[data-theme="space"] .hs-exp-qft    { --hs-c1:#00ffcc; --hs-c2:#06b6d4; }
[data-theme="space"] .hs-exp-grover { --hs-c1:#ff6b6b; --hs-c2:#ffa500; }
[data-theme="space"] .hs-exp-blank  { --hs-c1:#1e3a5f; --hs-c2:#2d5986; border-style:dashed; border-color:rgba(0,212,255,0.15); }

[data-theme="space"] .hs-exp-bell:hover   { box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 45px rgba(0,212,255,0.35),0 0 0 1px rgba(0,212,255,0.55) !important; }
[data-theme="space"] .hs-exp-ghz:hover    { box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 45px rgba(123,97,255,0.35),0 0 0 1px rgba(123,97,255,0.55) !important; }
[data-theme="space"] .hs-exp-qft:hover    { box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 45px rgba(0,255,204,0.30),0 0 0 1px rgba(0,255,204,0.45) !important; }
[data-theme="space"] .hs-exp-grover:hover { box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 45px rgba(255,107,107,0.28),0 0 0 1px rgba(255,107,107,0.42) !important; }
[data-theme="space"] .hs-exp-blank:hover  { box-shadow:0 24px 55px rgba(0,0,0,.65),0 0 20px rgba(0,212,255,0.12),0 0 0 1px rgba(0,212,255,0.25) !important; }

[data-theme="space"] .hs-exp-bell .hs-exp-sym   { color:#00d4ff; text-shadow:0 0 18px rgba(0,212,255,0.80); }
[data-theme="space"] .hs-exp-ghz .hs-exp-sym    { color:#a78bfa; text-shadow:0 0 18px rgba(167,139,250,0.75); }
[data-theme="space"] .hs-exp-qft .hs-exp-sym    { color:#00ffcc; text-shadow:0 0 18px rgba(0,255,204,0.70); }
[data-theme="space"] .hs-exp-grover .hs-exp-sym { color:#ff9500; text-shadow:0 0 18px rgba(255,149,0,0.70); }
[data-theme="space"] .hs-exp-blank .hs-exp-sym  { color:#1e6091; }

[data-theme="space"] .hs-exp-name { color:#e0f8ff; font-weight:700; }
[data-theme="space"] .hs-exp-info { color:#0f4c6b; }

[data-theme="space"] .hs-skip-btn {
  border-color:rgba(0,212,255,0.25);
  color:#0f4c6b;
  background:rgba(20,26,46,0.60);
  backdrop-filter:blur(8px);
}
[data-theme="space"] .hs-skip-btn:hover {
  border-color:rgba(0,212,255,0.55);
  color:#00d4ff;
  background:rgba(0,212,255,0.10);
  box-shadow:0 0 28px rgba(0,212,255,0.25);
  text-shadow:0 0 12px rgba(0,212,255,0.5);
}

/* space 主题卡片入场带额外发光 */
[data-theme="space"] .hs-exp-card:nth-child(1) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .20s both, hs-space-card-breathe 4s .75s ease-in-out infinite; }
[data-theme="space"] .hs-exp-card:nth-child(2) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .28s both, hs-space-card-breathe 4s .9s  ease-in-out infinite; }
[data-theme="space"] .hs-exp-card:nth-child(3) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .36s both, hs-space-card-breathe 4s 1.1s ease-in-out infinite; }
[data-theme="space"] .hs-exp-card:nth-child(4) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .44s both, hs-space-card-breathe 4s 1.3s ease-in-out infinite; }
[data-theme="space"] .hs-exp-card:nth-child(5) { animation:hs-card-rise .55s cubic-bezier(0.22,1,0.36,1) .52s both, hs-space-card-breathe 4s 1.5s ease-in-out infinite; }

/* ── Canvas 主题：隐藏视频背景，Canvas 自己接管 ── */
[data-theme="space"] .hs-bg-video,
[data-theme="amber"] .hs-bg-video { display: none; }

/* ── Canvas 背景覆盖 CSS 背景（space/amber 用 canvas，其余保留 CSS） ── */
[data-theme="space"] .home-screen::before,
[data-theme="space"] .home-screen::after,
[data-theme="amber"] .home-screen::before,
[data-theme="amber"] .home-screen::after { opacity: 0; }