/* theme-b.css — 暗黑霓虹科技终端 (Neon Terminal). 受众: sms/crypto/vpn/esim 技术隐私买家.
   设计令牌全用 var(), 站级子变体可覆盖 --accent/--bg/--font-head 给同主题不同指纹. 2026-06-16 */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');

.theme-b{
  --bg:#07090E;
  --surface:#0d1019;
  --surface-2:#11141f;
  --card-bg:#0b0e16;
  --text:#e8ecf5;
  --muted:#7e879d;
  --border:#1c2233;
  --accent:#22e3d6;          /* 霓虹青 (子变体可换品红/翠绿/琥珀) */
  --accent2:#7c5cff;
  --on-accent:#04141a;
  --ok:#39d98a;
  --warn:#f5a524;
  --radius:10px;
  --maxw:1180px;
  --head-weight:700;
  --font-head:'Chakra Petch',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --glow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent),0 0 22px -6px var(--accent);
  --glow-hover:0 0 0 1px var(--accent),0 0 32px -4px var(--accent);
  --card-shadow:0 1px 0 rgba(255,255,255,.02);
  --card-shadow-hover:0 0 30px -10px color-mix(in srgb,var(--accent) 60%,transparent);
  --header-bg:rgba(7,9,14,.72);
}

/* 霓虹背景网格 + 光晕 */
.theme-b body{background:
  radial-gradient(900px 480px at 78% -8%, color-mix(in srgb,var(--accent) 12%,transparent), transparent 60%),
  radial-gradient(700px 420px at 8% 8%, color-mix(in srgb,var(--accent2) 10%,transparent), transparent 55%),
  linear-gradient(var(--bg),var(--bg));
  background-attachment:fixed}
.theme-b .hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:42px 42px;mask:radial-gradient(60% 60% at 70% 20%,#000,transparent 75%)}

.theme-b .hero-title{letter-spacing:-.01em;
  text-shadow:0 0 30px color-mix(in srgb,var(--accent) 22%,transparent)}
.theme-b .hero-title em,.theme-b .accent{color:var(--accent);font-style:normal}
.theme-b .brand-name{letter-spacing:.02em}
.theme-b .section-title{letter-spacing:-.01em}

/* 玻璃拟态卡片 */
.theme-b .product-card,.theme-b .terminal,.theme-b .order-modal{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)) , var(--card-bg);
  backdrop-filter:blur(6px)}
.theme-b .product-badge{box-shadow:var(--glow)}
.theme-b .hero-eyebrow{padding:5px 12px;border:1px solid var(--border);border-radius:999px;
  background:color-mix(in srgb,var(--accent) 6%,transparent)}

/* 终端面板高亮 */
.theme-b .terminal-bar span:first-child{background:#ff5f57}
.theme-b .terminal-bar span:nth-child(2){background:#febc2e}
.theme-b .terminal-bar span:nth-child(3){background:#28c840}

/* 选中态 */
.theme-b ::selection{background:var(--accent);color:var(--on-accent)}