/* ═══════════════════════════════════════════════════════════════
   财小云 V2 — 税无忧页（CEO 线：沉、慢、稳 · 夜航质感）
   依赖：tokens.css / base.css / home.css（nav、btn、footer、reveal、stats）
   原则：深色岛为主调；极光只做「边缘光」；动效减半（无循环、无漂浮）；
   数字是主角（SLA / 价格 / 价值锚全部大排印）。
   ═══════════════════════════════════════════════════════════════ */

/* ── 深色岛局部 token 重定义（与 home.css 墨卡同源 + 补蓝/青 tint 供渐变文字）── */
.wy-dark {
  --cxy-ink: var(--cxy-isle-ink); --cxy-ink-2: var(--cxy-isle-ink-2); --cxy-text: var(--cxy-isle-text);
  --cxy-muted: var(--cxy-isle-muted); --cxy-border: var(--cxy-isle-border); --cxy-border-strong: var(--cxy-isle-border-strong);
  --cxy-surface-card: var(--cxy-isle-surface-card); --cxy-surface-subtle: var(--cxy-isle-surface-subtle);
  --cxy-tint-blue-bg: var(--cxy-isle-tint-blue-bg);  --cxy-tint-blue-fg: var(--cxy-isle-tint-blue-fg);
  --cxy-tint-cyan-bg: var(--cxy-isle-tint-cyan-bg);  --cxy-tint-cyan-fg: var(--cxy-isle-tint-cyan-fg);
  --cxy-tint-green-bg: var(--cxy-isle-tint-green-bg); --cxy-tint-green-fg: var(--cxy-isle-tint-green-fg);
  background: var(--cxy-isle-bg); color: var(--cxy-text);
}
/* 深色岛上的渐变文字换亮版 */
.wy-dark .grad {
  background-image: linear-gradient(135deg, var(--cxy-tint-blue-fg), var(--cxy-tint-cyan-fg));
}

/* ────────── Hero：墨底 + 极光边缘光 ────────── */
.wy-hero {
  position: relative; overflow: hidden;
  padding: 120px 0 var(--cxy-space-12);
}
/* 边缘光：不打满、只擦边——左上一束青、右下一束蓝，极低透明度慢漂 */
.wy-hero::before {
  content: ""; position: absolute; inset: -15%; pointer-events: none;
  background:
    radial-gradient(38% 34% at 12% 8%, color-mix(in srgb, var(--cxy-cyan) 13%, transparent), transparent 72%),
    radial-gradient(42% 38% at 88% 88%, color-mix(in srgb, var(--cxy-blue) 15%, transparent), transparent 74%);
}
.wy-hero::after {
  content: ""; position: absolute; inset: -15%; pointer-events: none;
  background: radial-gradient(26% 22% at 74% 12%, color-mix(in srgb, var(--cxy-violet) 7%, transparent), transparent 72%);
}
.wy-hero .hero-in { position: relative; z-index: 1; }
.wy-hero .hello {
  background: color-mix(in srgb, var(--cxy-on-color) 5%, transparent);
  border-color: var(--cxy-border); box-shadow: none; color: var(--cxy-ink-2);
}
.wy-hero .hero-sub { color: var(--cxy-text); }
.wy-hero .hero-sub-disc { font-size: var(--cxy-size-caption); color: var(--cxy-muted); margin: calc(-1 * var(--cxy-space-4)) 0 var(--cxy-space-7); max-width: 34em; }
.wy-hero .btn-soft {
  background: transparent; color: var(--cxy-ink);
  border-color: var(--cxy-border-strong);
}
.wy-hero .btn-soft:hover { border-color: var(--cxy-muted); }

/* ── 急救通道卡：实底深卡（V2.2 修复网格透卡）+ 待命绿灯 ── */
.wy-stage { position: relative; }
.emergency-card {
  position: relative; z-index: 1;
  background: var(--cxy-surface-card);   /* wy-dark 作用域内 = #131C30，比页底高一级，网格不透 */
  border: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 12%, transparent);
  border-radius: var(--cxy-radius-2xl); overflow: hidden;
}
.ec-h {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--cxy-space-4) var(--cxy-space-5);
  border-bottom: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 10%, transparent);
}
.ec-h b { font-size: var(--cxy-size-body); color: var(--cxy-ink); }
.ec-status {
  display: inline-flex; align-items: center; gap: var(--cxy-space-1);
  font-size: var(--cxy-size-label); font-weight: var(--cxy-weight-semibold);
  color: var(--cxy-tint-green-fg);
}
.ec-status i {
  width: 6px; height: 6px; border-radius: 50%; background: var(--cxy-tint-green-fg);
  animation: pulse-dot 2.4s var(--cxy-ease-standard) infinite;   /* V2.2 恢复：状态指示豁免 */
}
.ec-body { padding: var(--cxy-space-5); }
.ec-btn {
  display: flex; align-items: center; justify-content: center; gap: var(--cxy-space-2);
  width: 100%; padding: var(--cxy-space-4);
  background: var(--cxy-green); color: var(--cxy-on-color);
  border-radius: var(--cxy-radius-md);
  font-size: var(--cxy-size-title); font-weight: var(--cxy-weight-bold);
  cursor: default;
}
.ec-btn-ic { width: 10px; height: 10px; border-radius: 50%; background: var(--cxy-on-color); }
.ec-flow { list-style: none; margin-top: var(--cxy-space-5); }
.ec-flow li {
  display: flex; align-items: baseline; gap: var(--cxy-space-3);
  padding: var(--cxy-space-3) 0;
  border-top: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 8%, transparent);
  font-size: var(--cxy-size-sm); color: var(--cxy-ink-2);
}
.ec-time {
  font-family: var(--cxy-font-num); font-weight: var(--cxy-weight-semibold);
  font-size: var(--cxy-size-caption); color: var(--cxy-tint-cyan-fg);
  min-width: 40px; font-variant-numeric: tabular-nums;
}
.ec-caveat { margin-top: var(--cxy-space-4); font-size: var(--cxy-size-caption); color: var(--cxy-muted); }

/* ────────── §2 什么是税无忧：声明式大字排印 ────────── */
/* 260816 重排：wy-what-sec/wy-what 窄栏居中版式已并入标准 .sec/.sec-h（对齐全站章节宽度），
   保留 .wy-region-tag 徽标；em 强调沿用原规则并挂到 #intro */
/* ── 旧版 wy-what-sec 窄栏版式：仅母站 /tax-wuyou/（迁移源页）仍在使用；
     shui. 子站已改合并单模块，此块随上线批次 301 后一并退役 ── */
.wy-what-sec { padding: var(--cxy-space-12) 0; }
.wy-what { max-width: 40rem; margin: 0 auto; text-align: left; }
.wy-what h2 {
  font-family: var(--cxy-font-cn); font-weight: var(--cxy-weight-heavy);
  font-size: clamp(var(--cxy-size-h3), 1.1rem + 1.4vw, var(--cxy-size-h2));
  letter-spacing: var(--cxy-tracking-tight); color: var(--cxy-ink); margin: 0 0 var(--cxy-space-5);
}
.wy-what p {
  font-size: var(--cxy-size-body-article); line-height: 1.8; color: var(--cxy-ink-2); margin: 0 0 var(--cxy-space-5);
}
.wy-what p em { font-style: normal; font-weight: var(--cxy-weight-bold); color: var(--cxy-ink); }

/* 260816 三排（Haning 裁定）：简介文字 + 响应时效数字合并为 #intro 单模块（sec-band 承载）。
   正文块行宽放宽到 46rem 减少生硬折行；em 强调短语整段不拆行（能一行显示的不掉字）；
   数字带与文字块之间 space-9 呼吸距。 */
#intro .sec-h { max-width: 46rem; }
#intro .stats-row { margin-top: var(--cxy-space-9); }
#intro .sec-h p em {
  font-style: normal; font-weight: var(--cxy-weight-bold); color: var(--cxy-ink);
  white-space: nowrap;
}
.wy-region-tag {
  display: inline-flex; font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-semibold);
  color: var(--cxy-tint-blue-fg); background: var(--cxy-tint-blue-bg);
  padding: var(--cxy-space-1) var(--cxy-space-3); border-radius: var(--cxy-radius-pill);
  margin-bottom: var(--cxy-space-5);
}

/* ────────── §3 四个时刻：编辑列表 + 场景标签 ────────── */
.wy-scene-pkg {
  display: inline-flex; margin-top: var(--cxy-space-3);
  font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-semibold);
  color: var(--cxy-tint-green-fg); background: var(--cxy-tint-green-bg);
  padding: var(--cxy-space-1) var(--cxy-space-3); border-radius: var(--cxy-radius-pill);
}
.wy-scene-pkg.s1 { color: var(--cxy-tint-blue-fg); background: var(--cxy-tint-blue-bg); }

/* ────────── §4 服务清单：深底双列对照 ────────── */
.wy-plans { padding: 120px 0; position: relative; overflow: hidden; }
/* 大区底部的极光地平线：深色里唯一的一道光 */
.wy-plans::after {
  content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; height: 1px;
  background: var(--cxy-gradient-aurora); opacity: 0.35; pointer-events: none;
}
.wy-plans .sec-h h2 { color: var(--cxy-ink); }
.wy-plans .sec-h p { color: var(--cxy-text); }
.wy-svcs {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--cxy-space-6);
  margin-top: var(--cxy-space-9);
}
.wy-plan-switch { display: none; }
.wy-svc-col[hidden] { display: none; }
.wy-svc-col {
  background: color-mix(in srgb, var(--cxy-on-color) 3%, transparent);
  border: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 10%, transparent);
  border-radius: var(--cxy-radius-xl); padding: var(--cxy-space-7);
}
.wy-svc-col.s2 { border-color: color-mix(in srgb, var(--cxy-cyan) 30%, transparent); }
.wy-svc-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--cxy-space-4); }
.wy-svc-head b { font-size: var(--cxy-size-title); color: var(--cxy-ink); }
.wy-svc-price {
  font-family: var(--cxy-font-num); font-weight: var(--cxy-weight-bold);
  font-size: var(--cxy-size-h3); color: var(--cxy-ink); font-variant-numeric: tabular-nums;
}
.wy-svc-unit { font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-regular); color: var(--cxy-muted); margin-left: var(--cxy-space-1); }
.wy-svc-head-note { margin-top: var(--cxy-space-1); font-size: var(--cxy-size-caption); color: var(--cxy-tint-cyan-fg); }
.wy-svc-item {
  display: grid; grid-template-columns: 28px 1fr auto; gap: var(--cxy-space-3); align-items: baseline;
  padding: var(--cxy-space-4) 0;
  border-top: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 8%, transparent);
}
.wy-svc-col .wy-svc-item:first-of-type { margin-top: var(--cxy-space-5); }
.wy-svc-num {
  font-family: var(--cxy-font-num); font-weight: var(--cxy-weight-medium);
  font-size: var(--cxy-size-caption); color: var(--cxy-muted); font-variant-numeric: tabular-nums;
}
.wy-svc-item b { display: block; font-size: var(--cxy-size-sm); font-weight: var(--cxy-weight-semibold); color: var(--cxy-ink); }
.wy-svc-note { font-size: var(--cxy-size-caption); color: var(--cxy-muted); margin-top: 2px; }
.wy-svc-freq { font-size: var(--cxy-size-caption); color: var(--cxy-tint-cyan-fg); white-space: nowrap; font-variant-numeric: tabular-nums; }
.wy-svc-region { display: block; margin-top: var(--cxy-space-5); font-size: var(--cxy-size-caption); color: var(--cxy-muted); }

/* ────────── §5 定价卡 + SLA ────────── */
.wy-pricing {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--cxy-space-6);
  margin-top: var(--cxy-space-10);
}
.wy-plan-card {
  background: var(--cxy-surface-card);
  border: var(--cxy-border-hairline) solid var(--cxy-border);
  border-radius: var(--cxy-radius-xl); padding: var(--cxy-space-8);
  display: flex; flex-direction: column;
}
.wy-plan-card.s2 { border-color: color-mix(in srgb, var(--cxy-cyan) 34%, transparent); box-shadow: 0 0 40px -12px color-mix(in srgb, var(--cxy-cyan) 22%, transparent); }
.wy-plan-tag {
  align-self: flex-start; font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-bold);
  color: var(--cxy-tint-blue-fg); background: var(--cxy-tint-blue-bg);
  padding: var(--cxy-space-1) var(--cxy-space-3); border-radius: var(--cxy-radius-sm);
}
.wy-plan-card.s2 .wy-plan-tag { color: var(--cxy-tint-green-fg); background: var(--cxy-tint-green-bg); }
.wy-plan-card h3 { font-family: var(--cxy-font-cn); font-weight: var(--cxy-weight-heavy); font-size: var(--cxy-size-h3); color: var(--cxy-ink); margin: var(--cxy-space-4) 0 var(--cxy-space-2); }
.wy-plan-price { margin: var(--cxy-space-2) 0 var(--cxy-space-3); color: var(--cxy-ink); }
.wy-plan-price .cur { font-family: var(--cxy-font-num); font-size: var(--cxy-size-h3); font-weight: var(--cxy-weight-semibold); }
.wy-plan-price .num {
  font-family: var(--cxy-font-num); font-weight: var(--cxy-weight-bold);
  /* 260816 字号对齐：与 cai .price-num 同为档位价格数字，56→44 保持两子站体量一致 */
  font-size: 44px; letter-spacing: var(--cxy-tracking-display); font-variant-numeric: tabular-nums;
}
.wy-plan-price .unit { font-size: var(--cxy-size-sm); color: var(--cxy-muted); margin-left: var(--cxy-space-1); }
.wy-plan-region { font-size: var(--cxy-size-caption); color: var(--cxy-muted); margin-bottom: var(--cxy-space-5); }
.wy-plan-feats { list-style: none; margin-bottom: var(--cxy-space-7); }
.wy-plan-feats li {
  font-size: var(--cxy-size-sm); color: var(--cxy-text);
  padding: var(--cxy-space-2) 0 var(--cxy-space-2) var(--cxy-space-5); position: relative;
}
.wy-plan-feats li::before {
  content: ""; position: absolute; left: 0; top: calc(50% - 3px);
  width: 6px; height: 6px; border-radius: 50%; background: var(--cxy-tint-cyan-fg);
}
.wy-plan-cta { margin-top: auto; }
.wy-plan-cta .btn { width: 100%; }

/* SLA 三数字：深色岛上的数字时刻 */
.wy-plans .stats-row { margin-top: var(--cxy-space-10); }
.wy-plans .stat-num { color: var(--cxy-ink); }
.wy-plans .stat-num small { color: var(--cxy-ink-2); }
.wy-plans .stat-label { color: var(--cxy-text); }
.wy-sla { list-style: none; margin-top: var(--cxy-space-7); }
.wy-sla li {
  font-size: var(--cxy-size-caption); color: var(--cxy-muted);
  padding: var(--cxy-space-2) 0;
}

/* ────────── §6 价值锚：三列对照 ────────── */
.wy-value {
  margin-top: var(--cxy-space-10); padding-top: var(--cxy-space-8);
  border-top: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 10%, transparent);
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cxy-space-6);
}
.wy-value-label { display: block; font-size: var(--cxy-size-caption); color: var(--cxy-muted); margin-bottom: var(--cxy-space-2); }
.wy-value-num {
  font-family: var(--cxy-font-num); font-weight: var(--cxy-weight-bold);
  /* 260816 字号对齐：与 cai .value-num 同角色，clamp 区间对齐 */
  font-size: clamp(30px, 3.4vw, 44px); color: var(--cxy-ink-2); letter-spacing: var(--cxy-tracking-display);
  font-variant-numeric: tabular-nums;
}
.wy-value-num.hi {
  background-image: linear-gradient(135deg, var(--cxy-tint-blue-fg), var(--cxy-tint-cyan-fg));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wy-value-unit { font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-regular); color: var(--cxy-muted); margin-left: var(--cxy-space-1); }
.wy-value-note { grid-column: 1 / -1; font-size: var(--cxy-size-sm); color: var(--cxy-text); margin-top: var(--cxy-space-2); }

/* ────────── §7 专家团队 ────────── */
.wy-team {
  display: grid; grid-template-columns: 7fr 5fr; gap: var(--cxy-space-10); align-items: center;
  background: var(--cxy-surface-subtle); border: var(--cxy-border-hairline) solid var(--cxy-border);
  border-radius: var(--cxy-radius-2xl); padding: var(--cxy-space-9);
}
.wy-team-text h2 {
  font-family: var(--cxy-font-cn); font-weight: var(--cxy-weight-heavy);
  font-size: clamp(var(--cxy-size-h3), 1.1rem + 1.4vw, var(--cxy-size-h2));
  color: var(--cxy-ink); margin: var(--cxy-space-4) 0 var(--cxy-space-4);
}
.wy-team-text p { color: var(--cxy-text); font-size: var(--cxy-size-body); margin: 0 0 var(--cxy-space-3); max-width: 34em; }
.wy-team-side { display: flex; flex-direction: column; gap: var(--cxy-space-4); }
.wy-team-cred {
  background: var(--cxy-surface-card); border: var(--cxy-border-hairline) solid var(--cxy-border);
  border-radius: var(--cxy-radius-lg); padding: var(--cxy-space-4) var(--cxy-space-5);
}
.wy-team-cred b { display: block; font-size: var(--cxy-size-title); color: var(--cxy-ink); }
.wy-team-cred span { font-size: var(--cxy-size-caption); color: var(--cxy-muted); }

/* ────────── §9 CTA：深色收束卡 + 极光边缘 ────────── */
.wy-cta { padding: var(--cxy-space-12) 0; }
.wy-cta .cta-card {
  position: relative; overflow: hidden;
  background: var(--cxy-isle-bg);
  --cxy-ink: var(--cxy-isle-ink); --cxy-ink-2: var(--cxy-isle-ink-2); --cxy-text: var(--cxy-isle-text); --cxy-muted: var(--cxy-isle-muted);
}
.wy-cta .cta-card::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(40% 60% at 8% 20%, color-mix(in srgb, var(--cxy-blue) 18%, transparent), transparent 72%),
    radial-gradient(32% 50% at 96% 90%, color-mix(in srgb, var(--cxy-cyan) 14%, transparent), transparent 72%);
}
.wy-cta .cta-card > * { position: relative; z-index: 1; }
.wy-cta .cta-card h2 { color: var(--cxy-ink); }
.wy-cta .cta-card p { color: var(--cxy-text); }
/* 二维码白卡内恢复墨色文字（外层 scope 已把 ink 重定义为亮色；
   色值取自 DS v1.2 浅色 token --cxy-ink/--cxy-muted，局部作用域惯例同 v16 dcard-wy） */
.wy-cta .cta-qr-card { --cxy-ink: var(--cxy-light-ink); --cxy-muted: var(--cxy-light-muted); }

/* ────────── 响应式 ────────── */
@media (max-width: 960px) {
  .wy-hero { padding: var(--cxy-space-9) 0 var(--cxy-space-10); }
  .wy-svcs, .wy-pricing, .wy-value, .wy-team { grid-template-columns: 1fr; }
  .wy-team { padding: var(--cxy-space-7); gap: var(--cxy-space-7); }
  .wy-value { gap: var(--cxy-space-5); }
  .wy-plan-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cxy-space-2);
    margin-top: var(--cxy-space-7);
    padding: var(--cxy-space-1);
    border: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 12%, transparent);
    border-radius: var(--cxy-radius-pill);
    background: color-mix(in srgb, var(--cxy-on-color) 4%, transparent);
  }
  .wy-plan-switch button {
    padding: 0 var(--cxy-space-3);
    border-radius: var(--cxy-radius-pill);
    color: var(--cxy-muted);
    font-size: var(--cxy-size-sm);
    font-weight: var(--cxy-weight-semibold);
  }
  .wy-plan-switch button.is-active {
    background: var(--cxy-surface-card);
    color: var(--cxy-ink);
    box-shadow: var(--cxy-elevation-1);
  }
  .wy-svcs { display: block; margin-top: var(--cxy-space-4); }
}

/* ────────── 降级 ────────── */
@media (prefers-reduced-motion: reduce) {
  .faq-a { transition: none; }
}

/* ═══ 第四轮同步：深色岛上的材质与首映 ═══ */
/* 蓝图网格在深色岛上换白线版（home.css 默认是墨线） */
.wy-dark .hero-fx::before {
  background-image:
    linear-gradient(color-mix(in srgb, var(--cxy-on-color) 6%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--cxy-on-color) 6%, transparent) 1px, transparent 1px);
}
/* 极光边缘光同步首映淡入（覆盖自身常漂，延迟后接续） */
/* V2.2 动效配额制：夜航极光边缘光恢复（首映淡入 → 30s/38s 慢漂） */
.wy-hero::before { animation: aurora-in 1.6s var(--cxy-ease-out) both, aurora-drift-a 30s ease-in-out 1.6s infinite alternate; }
.wy-hero::after { animation: aurora-in 1.8s var(--cxy-ease-out) both, aurora-drift-b 38s ease-in-out 1.8s infinite alternate; }

/* 示意注记统一入卡：深色玻璃卡内透明底 + hairline 分隔
   （浅卡用 subtle 底栏与内容区连续；深卡若用实底又会显「长方体底纹」） */
.emergency-card .chat-note {
  background: transparent;
  border-top: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 8%, transparent);
}

/* ── V16 回迁（260720）：价值区列容器 ── */
.wy-value-col { display: flex; flex-direction: column; gap: 4px; }