/* =========================================================
   鲸鱼姐姐空间营造 · 深色主题（通过 <html class="theme-dark"> 启用）
   仅在开关打开时生效，不改变默认浅色站。
   ========================================================= */
html.theme-dark{
  --paper:#0e1320;          /* 主背景 近黑墨蓝 */
  --paper-2:#171e2e;       /* 次背景 略亮卡面 */
  --ink:#eef1f7;           /* 主文字 浅 */
  --ink-soft:#a9b2c6;      /* 次级文字 */
  --ink-faint:#79839a;     /* 弱化文字 */
  --line:#283146;          /* 分隔线 */
  --stone:#1b2334;         /* 占位块底 */
  --stone-2:#222c40;       /* 占位块深 */
  --klein:#002FA7;         /* 品牌克莱因蓝（按钮/CTA 底） */
  --klein-deep:#16246e;
  --klein-soft:#16203a;
  --klein-bright:#6d8bff;  /* 深色底上的蓝色提亮（eyebrow / 小强调） */
  --maxw:1240px;
  --gap:clamp(20px,4vw,48px);
}

/* 导航 */
html.theme-dark .site-header{
  background:rgba(14,19,32,.82);
  border-bottom:1px solid var(--line);
}
html.theme-dark .brand span{color:var(--klein-bright)}
html.theme-dark .nav-cta{
  border-color:var(--klein-bright);
  color:var(--klein-bright)!important;
}
html.theme-dark .nav-cta:hover{background:var(--klein);color:#fff!important}

/* 占位块标签在深底上的可读性 */
html.theme-dark .ph .ph-label{
  color:#cdd6ea;
  background:rgba(20,27,42,.82);
}

/* 三栏 / 智慧卡 / 标签 / 数据 */
html.theme-dark .feature{background:var(--paper-2);border-color:var(--line)}
html.theme-dark .feature .num{color:var(--klein-bright)}
html.theme-dark .smart-card{background:var(--paper-2);border-color:var(--line)}
html.theme-dark .smart-card .ic{color:var(--klein-bright)}
html.theme-dark .case-card .tag{color:var(--klein-bright);border-color:var(--line)}
html.theme-dark .chip:hover{border-color:var(--klein-bright);color:var(--klein-bright)}
html.theme-dark .stat .n{color:var(--klein-bright)}
html.theme-dark .team .role{color:var(--klein-bright)}
html.theme-dark .eyebrow{color:var(--klein-bright)}
html.theme-dark .btn-line{border-color:var(--klein-bright);color:var(--klein-bright)}
html.theme-dark .btn-line:hover{background:var(--klein);color:#fff}

/* 表单 */
html.theme-dark .field input,
html.theme-dark .field select,
html.theme-dark .field textarea{
  background:var(--paper-2);
  border-color:var(--line);
  color:var(--ink);
}
html.theme-dark .field input:focus,
html.theme-dark .field select:focus,
html.theme-dark .field textarea:focus{border-color:var(--klein-bright)}

/* 奖项卡 */
html.theme-dark .award{background:var(--paper-2);border-color:var(--line)}
html.theme-dark .award .yr{color:var(--klein-bright)}
html.theme-dark .brand-card{background:var(--paper-2);border-color:var(--line)}
html.theme-dark .brand-card .brand-label{color:var(--klein-bright)}

/* 页脚：在深色站里用更深一档，避免与 --ink 冲突 */
html.theme-dark .site-footer{background:#0a0e18}
html.theme-dark .footer-brand{color:#fff}
html.theme-dark .footer-brand span{color:var(--klein-bright)}
html.theme-dark .footer-col h4{color:#fff}
html.theme-dark .footer-col a,
html.theme-dark .footer-col p{color:#a9b2c6}
html.theme-dark .footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  color:#79839a;
}

/* 详情页分隔线已在变量层跟随 --line，无需额外 */
html.theme-dark .detail-meta,
html.theme-dark .next-case{border-color:var(--line)}

/* 切换按钮（两端通用） */
.theme-toggle{
  position:fixed;right:18px;bottom:18px;z-index:200;
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:30px;cursor:pointer;
  font-size:13px;letter-spacing:.04em;
  background:rgba(0,47,167,.92);color:#fff;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 6px 22px rgba(0,0,0,.28);
}
.theme-toggle:hover{background:#002FA7}