/* ==========================================================================
   模板 A · 暗夜电青 (NIGHT VOLT)
   气质：深墨底 + 电光青绿 + 极细网格 + 锐角切面
   来源：XINPOWER 品牌标志（几何 X / 闪电负空间 / #00E5C0）
   ========================================================================== */

html[data-tpl="night"]{
  color-scheme:dark;

  --bg-1:#06090a;--bg-2:#0a1012;--bg-3:#101a1c;
  --fg:#e9f5f2;--fg-strong:#ffffff;--fg-dim:#93aba6;--fg-mute:#6a817d;

  --brand:#00e5c0;--brand-2:#00b79a;--brand-3:#7cffe4;--accent:#d9bc86;
  --btn-fg:#04110e;

  --grad-1:#00e5c0;--grad-2:#00a98f;--grad-3:#d9bc86;
  --brand-grad:linear-gradient(135deg,#00e5c0 0%,#00c7a9 60%,#00a98f 100%);
  --text-grad:linear-gradient(96deg,#00e5c0 0%,#9bffec 55%,#d9bc86 100%);

  --line:rgba(0,229,192,.10);--line-2:rgba(0,229,192,.18);--line-strong:rgba(0,229,192,.45);
  --glass-bg:rgba(9,16,17,.62);--glass-border:rgba(0,229,192,.12);
  --card-blur:blur(14px);

  --radius-card:6px;--radius-btn:4px;--radius-tag:3px;
  --shadow-card:inset 0 1px 0 rgba(255,255,255,.03);
  --shadow-hover:0 18px 42px -26px rgba(0,229,192,.6),0 0 0 1px rgba(0,229,192,.16);
  --hover-lift:-3px;

  --glow-1:rgba(0,229,192,.15);--glow-2:rgba(217,188,134,.07);

  --font-display:'Inter','HarmonyOS Sans SC','PingFang SC',sans-serif;
  --heading-weight:700;--heading-tracking:-.025em;
  --tag-tracking:.08em;
}

/* ---------- 背景：网格 + 斜向光带 ---------- */
html[data-tpl="night"] .bg-stage{
  background:
    radial-gradient(ellipse 70% 55% at 10% -12%,rgba(0,229,192,.16),transparent 62%),
    radial-gradient(ellipse 45% 45% at 94% 4%,rgba(217,188,134,.08),transparent 60%),
    radial-gradient(ellipse 60% 50% at 50% 110%,rgba(0,140,120,.12),transparent 65%),
    #06090a;
}
html[data-tpl="night"] .bg-stage::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,229,192,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,192,.05) 1px,transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:radial-gradient(ellipse 100% 75% at 50% 0%,#000 12%,transparent 82%);
  mask-image:radial-gradient(ellipse 100% 75% at 50% 0%,#000 12%,transparent 82%);
}
html[data-tpl="night"] .bg-stage::after{
  content:'';position:absolute;top:-35%;left:58%;width:2px;height:170%;
  background:linear-gradient(180deg,transparent,rgba(0,229,192,.3) 42%,rgba(217,188,134,.18) 68%,transparent);
  transform:rotate(22deg);opacity:.32;filter:blur(2px);
}
html[data-tpl="night"] .blob{opacity:.14;filter:blur(120px)}
html[data-tpl="night"] .blob.p1{background:#00e5c0}
html[data-tpl="night"] .blob.b1{background:#006b5c;opacity:.22}
html[data-tpl="night"] .blob.c1{background:#d9bc86;opacity:.07}

/* ---------- 顶栏 ---------- */
html[data-tpl="night"] header.glass{
  background:rgba(6,9,10,.76);
  border-bottom-color:var(--line)!important;
}
html[data-tpl="night"] header.glass::before{
  content:'';position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,192,.5),rgba(217,188,134,.35),transparent);
}
html[data-tpl="night"] .nav-link::after{height:2px;background:var(--brand);bottom:-6px}
html[data-tpl="night"] .brand-mark{color:var(--brand)}

/* ---------- 卡片：锐角 + 角标 ---------- */
html[data-tpl="night"] .glass.rounded-2xl{border-radius:6px!important}
html[data-tpl="night"] .glass.rounded-xl{border-radius:4px!important}
html[data-tpl="night"] .glass.rounded-lg{border-radius:4px!important}
html[data-tpl="night"] section .glass.rounded-2xl::before,
html[data-tpl="night"] section .glass.rounded-xl::before{
  content:'';position:absolute;left:-1px;top:-1px;width:14px;height:14px;
  border-left:1px solid var(--brand);border-top:1px solid var(--brand);
  border-top-left-radius:6px;opacity:.45;pointer-events:none;transition:opacity .35s ease;
}
html[data-tpl="night"] section .glass.rounded-2xl:hover::before,
html[data-tpl="night"] section .glass.rounded-xl:hover::before{opacity:1}

/* ---------- 按钮 ---------- */
html[data-tpl="night"] .btn-primary{
  border-radius:4px!important;
  color:#04110e;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset;
}
html[data-tpl="night"] .btn-primary:hover{
  box-shadow:0 0 0 1px rgba(0,229,192,.55),0 10px 30px -14px rgba(0,229,192,.75);
}
html[data-tpl="night"] .btn-secondary{
  background:rgba(0,229,192,.06);border-color:var(--line-2);border-radius:4px!important;color:#cfe4e0;
}
html[data-tpl="night"] .btn-secondary:hover{background:rgba(0,229,192,.12);border-color:var(--line-strong);color:#fff}

/* ---------- 标签：方形芯片 ---------- */
html[data-tpl="night"] .tag{
  background:rgba(0,229,192,.07);
  border:1px solid rgba(0,229,192,.22);
  color:#7cffe4;
  border-radius:3px!important;
  padding:.2rem .6rem;
}
html[data-tpl="night"] .tag-pink,
html[data-tpl="night"] .tag-amber{
  background:rgba(217,188,134,.08);
  border-color:rgba(217,188,134,.3);
  color:#e6cda0;
}
html[data-tpl="night"] .tag-gray{background:rgba(147,171,166,.08);border-color:rgba(147,171,166,.25);color:#b9ccc8}
html[data-tpl="night"] .filter-tab{border-radius:3px!important;border-color:var(--line-2)}
html[data-tpl="night"] .filter-tab.active{background:rgba(0,229,192,.12);border-color:var(--line-strong);color:#7cffe4}

/* ---------- 表单 ---------- */
html[data-tpl="night"] .input-field,
html[data-tpl="night"] .select-field{
  background-color:rgba(255,255,255,.03);
  border-color:var(--line-2);
  border-radius:4px;
}
html[data-tpl="night"] .input-field:focus,
html[data-tpl="night"] .select-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,229,192,.12)}
html[data-tpl="night"] .select-field{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300e5c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .7rem center;background-size:1.1rem;
}

/* ---------- 轮播 ---------- */
html[data-tpl="night"] .hero-slide-mask{
  background:linear-gradient(100deg,rgba(6,9,10,.95) 0%,rgba(6,9,10,.82) 42%,rgba(6,9,10,.42) 78%,rgba(6,9,10,.55) 100%);
}
html[data-tpl="night"] #hero::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(180deg,transparent,var(--bg-1));pointer-events:none;z-index:5;
}
html[data-tpl="night"] .hero-dot{background:rgba(255,255,255,.25);border-radius:1px}
html[data-tpl="night"] .hero-dot.active{background:var(--brand);width:26px;border-radius:1px}

/* ---------- 数据/标题细节 ---------- */
html[data-tpl="night"] .counter{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
html[data-tpl="night"] .partner-logo-box{border-radius:2px;background:rgba(9,16,17,.7)}

/* 案例/内容大图占位：避免大面积高饱和绿 */
html[data-tpl="night"] .gradient-bg.h-40,
html[data-tpl="night"] .gradient-bg.h-44{
  background:linear-gradient(135deg,rgba(0,229,192,.16) 0%,rgba(0,150,130,.06) 55%,rgba(9,16,17,.9) 100%)!important;
  border-bottom:1px solid var(--line);
}
html[data-tpl="night"] .gradient-bg.h-40 .text-white\/30,
html[data-tpl="night"] .gradient-bg.h-44 .text-white\/30{color:rgba(0,229,192,.32)!important}
/* 合作伙伴卡片 Logo 条：避免整条高饱和绿 */
html[data-tpl="night"] .gradient-bg.opacity-90{
  background:linear-gradient(135deg,rgba(0,229,192,.20) 0%,rgba(0,120,105,.12) 45%,rgba(6,14,15,.95) 100%)!important;
}

/* ---------- Tailwind 工具类对齐 ---------- */
html[data-tpl="night"] .text-gray-300{color:#c2d6d2!important}
html[data-tpl="night"] .text-gray-400{color:var(--fg-dim)!important}
html[data-tpl="night"] .text-gray-500{color:var(--fg-mute)!important}
html[data-tpl="night"] .text-cyan-400{color:var(--brand)!important}
html[data-tpl="night"] .text-purple-400{color:var(--brand-2)!important}
html[data-tpl="night"] .bg-cyan-400{background-color:var(--brand)!important}
html[data-tpl="night"] .border-purple-500\/10{border-color:var(--line)!important}
html[data-tpl="night"] .border-purple-500\/20{border-color:var(--line-2)!important}
html[data-tpl="night"] .border-white\/10{border-color:var(--line)!important}
html[data-tpl="night"] .bg-black\/20{background:rgba(0,229,192,.045)!important}
html[data-tpl="night"] .bg-white\/5{background:rgba(255,255,255,.04)!important}

/* ---------- 滚动条 / 选中 ---------- */
html[data-tpl="night"] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5c0,#00a98f)}