/* MetaHub Compute · dark theme
   变量反转 + 覆盖所有硬编码 #fff 表面，避免「浅字压浅底」 */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#131312;
  --blue-50:#1C1B19;
  --blue-100:#24231F;
  --blue-200:#32312B;
  --ink:#F1F0EB;
  --ink-2:#C4C2B9;
  --ink-3:#A3A19A;
  --line:rgba(241,240,235,.12);
  --line-2:rgba(241,240,235,.06);
  --blue:#ECEBE5;
  --blue-2:#CFCEC6;
  --blue-deep:#D6D4CC;
  --on-blue:#171614;
  --orange:#7BA88C;
  --orange-lt:#1E2A23;
  --orange-deep:#93C0A4;
  --green:#7BA88C;
  --green-lt:#1E2A23;
  --purple:#8492AE;
  --teal:#5FA49B;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.45);
  --shadow-soft:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35);
}

html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}

/* —— Nav —— */
html[data-theme="dark"] .nav.float,
html[data-theme="dark"] .nav.menu-open{
  background:rgba(19,19,18,.92)!important;
  box-shadow:0 1px 0 var(--line)}
html[data-theme="dark"] .nav-links{background:var(--bg)}
@media(max-width:980px){
  html[data-theme="dark"] .nav.menu-open .nav-links{background:var(--bg);border-color:var(--line)}
}
html[data-theme="dark"] .dropdown{
  background:var(--blue-50);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .dropdown a:hover{background:var(--blue-100)}
html[data-theme="dark"] .brand-logo{filter:brightness(0) invert(1)}
html[data-theme="dark"] body.home-cinema .nav:not(.float) .brand-logo{filter:none}
html[data-theme="dark"] body.home-cinema .nav:not(.float) .brand-logo-dark{display:none}
html[data-theme="dark"] body.home-cinema .nav:not(.float) .brand-logo-light{display:block}
html[data-theme="dark"] body.home-cinema .nav.float .brand-logo-dark{display:none}
html[data-theme="dark"] body.home-cinema .nav.float .brand-logo-light{display:block;filter:none}
/* 暗色顶栏 CTA：纸色底 + 墨字（压过 site.css 的 ink+#fff） */
html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .nav-cta:hover{
  background:var(--blue)!important;color:var(--on-blue)!important;border-color:var(--blue)!important}
html[data-theme="dark"] .nav.float .nav-item > a,
html[data-theme="dark"] .nav.float .nav-item > button,
html[data-theme="dark"] .nav.float .brand,
html[data-theme="dark"] .nav.float .nav-burger{color:var(--ink-2)}
html[data-theme="dark"] .nav.float .nav-item > a:hover,
html[data-theme="dark"] .nav.float .nav-item > button:hover,
html[data-theme="dark"] .nav.float .brand{color:var(--ink)}
/* 暗色浮起：白底规则关掉，保持深色毛玻璃 */
html[data-theme="dark"] body.home-cinema .nav.float .brand-logo-dark{display:none!important}
html[data-theme="dark"] body.home-cinema .nav.float .brand-logo-light{display:block!important;filter:none}

/* —— Sections / page shells —— */
html[data-theme="dark"] main > section.sec:nth-of-type(odd),
html[data-theme="dark"] .sec.plain,
html[data-theme="dark"] footer{background:var(--bg)!important}
html[data-theme="dark"] .sec.tint,
html[data-theme="dark"] .sec.band{background:var(--blue-50)!important}
html[data-theme="dark"] section.cta{
  background:
    radial-gradient(1000px circle at 50% 0%,rgba(123,168,140,.12),transparent 60%),
    linear-gradient(180deg,#181715,var(--bg))!important}
html[data-theme="dark"] section.cta::before{
  background:radial-gradient(closest-side,rgba(123,168,140,.35),transparent 70%)!important;opacity:.55}
html[data-theme="dark"] section.cta::after{
  background:radial-gradient(closest-side,rgba(132,146,174,.28),transparent 70%)!important;opacity:.4}
html[data-theme="dark"] .cta h2 .acc{
  background:linear-gradient(90deg,#F1F0EB,#C4C2B9 55%,#7BA88C);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-theme="dark"] .ph{
  background:
    radial-gradient(1100px 540px at 82% 4%,rgba(123,168,140,.1),transparent 60%),
    radial-gradient(680px 480px at 4% 10%,rgba(132,146,174,.1),transparent 56%),
    linear-gradient(180deg,#181715,var(--bg) 78%)!important}
html[data-theme="dark"] .hero:not(.hero-cinema){
  background:
    radial-gradient(1100px 560px at 80% 2%,rgba(123,168,140,.1),transparent 60%),
    radial-gradient(720px 520px at 2% 8%,rgba(132,146,174,.12),transparent 56%),
    linear-gradient(180deg,#181715,var(--bg) 72%)!important}

/* —— Buttons —— */
html[data-theme="dark"] .btn-blue{
  background:var(--blue)!important;color:var(--on-blue)!important}
html[data-theme="dark"] .btn-blue:hover{background:var(--blue-deep)!important;color:var(--on-blue)!important}
html[data-theme="dark"] .btn-ghost{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(241,240,235,.28)!important;
  color:var(--ink)!important}
html[data-theme="dark"] .btn-ghost:hover{
  background:rgba(255,255,255,.12)!important;border-color:rgba(241,240,235,.45)!important}
html[data-theme="dark"] .btn-line{
  background:var(--blue-50)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .btn-orange{
  background:var(--blue)!important;color:var(--on-blue)!important}
/* cinema hero 内 ghost 保持白字 */
html[data-theme="dark"] .hero.hero-cinema .btn-ghost{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.35)!important;
  color:#fff!important}

/* —— Cards / surfaces (override hardcoded #fff) —— */
html[data-theme="dark"] .cta-stat,
html[data-theme="dark"] .entry-card,
html[data-theme="dark"] .prod-card,
html[data-theme="dark"] .feat-card,
html[data-theme="dark"] .sol-card,
html[data-theme="dark"] .cmp-card,
html[data-theme="dark"] .cmp-card.meta,
html[data-theme="dark"] .acc-hero-card,
html[data-theme="dark"] .acc-flow li,
html[data-theme="dark"] .acc-verdict,
html[data-theme="dark"] .acc-chart-card,
html[data-theme="dark"] .acc-table,
html[data-theme="dark"] .acc-badge,
html[data-theme="dark"] .sol-scene article,
html[data-theme="dark"] .sol-cfg article,
html[data-theme="dark"] .sol-acc,
html[data-theme="dark"] .sol-flow li,
html[data-theme="dark"] .sol-proof,
html[data-theme="dark"] .arch-board,
html[data-theme="dark"] .arch-layer,
html[data-theme="dark"] .arch-layer.tone-a,
html[data-theme="dark"] .arch-layer.tone-b,
html[data-theme="dark"] .arch-layer .al-chip,
html[data-theme="dark"] .tag-row span,
html[data-theme="dark"] .ab-pill,
html[data-theme="dark"] .why-card,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .tier,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .fp-btn,
html[data-theme="dark"] .footer-contact .fc-row,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .ph-cover{
  background:var(--blue-50)!important;
  border-color:var(--line)!important;
  color:var(--ink)}
html[data-theme="dark"] .kpi-strip{
  background:linear-gradient(180deg,var(--blue-50),var(--blue-100))!important;
  border-color:var(--line)!important}
html[data-theme="dark"] .prod-card .pm img{
  background:var(--blue-100)!important}
html[data-theme="dark"] .sol-card .sm{background:var(--blue-100)!important}
html[data-theme="dark"] .arch-layer.tone-c{
  background:var(--ink)!important;color:var(--on-blue)!important;border-color:var(--ink)!important}
html[data-theme="dark"] .arch-layer.tone-c .al-chip{
  background:rgba(0,0,0,.12)!important;border-color:rgba(0,0,0,.18)!important;color:var(--on-blue)!important}
html[data-theme="dark"] .acc-table th,
html[data-theme="dark"] .acc-table thead th,
html[data-theme="dark"] .sol-acc th,
html[data-theme="dark"] .acc-table code{
  background:var(--blue-100)!important;color:var(--ink-2)!important}
html[data-theme="dark"] .acc-row-rec{background:rgba(123,168,140,.12)!important}
html[data-theme="dark"] .acc-row-peak{background:rgba(196,92,38,.12)!important}
html[data-theme="dark"] .footer-contact .fc-row:hover{
  background:var(--blue-100)!important;border-color:var(--ink)!important}
html[data-theme="dark"] .entry-card:hover,
html[data-theme="dark"] .cta-stat:hover{border-color:var(--ink)!important}

/* —— Footer —— */
html[data-theme="dark"] footer .brand-logo{filter:brightness(0) invert(1)}

/* —— Theme toggle —— */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;border-radius:999px;
  border:1px solid var(--line);background:var(--blue-50);color:var(--ink-2);
  cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.theme-toggle:hover{border-color:var(--blue);color:var(--ink);box-shadow:var(--shadow-soft)}
.theme-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:block}
html[data-theme="dark"] .theme-toggle .icon-sun{display:block}
html[data-theme="dark"] .theme-toggle .icon-moon{display:none}
html[data-theme="dark"] .theme-toggle{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.88)}
body.home-cinema .nav:not(.float) .theme-toggle{
  background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.9)}
html[data-theme="dark"] body.home-cinema .nav.float .theme-toggle{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.88)}