/* ============================================================
   智学云 · 全站统一主题层（配色方案 A · 晨曦蓝）
   ------------------------------------------------------------
   由 nav.js 全站注入，加载于各页面自有样式表之后，因此同优先级下生效。
   职责：
     1) 重定义两套变量体系（style.css 系 41 页 + platform.css 系 5 页）
     2) 统一基础元素 / 链接 / 按钮 / 表单 / 卡片的配色与交互态
     3) 提供"深色锚点层"用于页脚与极光区块（已统一为浅色表面）
   4) 全站仅保留一套浅色主皮肤，深色主题分支已移除
   所有文字/背景组合均已实测 WCAG，标注见各行注释（AA = 4.5:1 正文 / 3:1 大字与图形）
   ============================================================ */

:root{
  /* ---------- 浅色表面：晨曦蓝 ---------- */
  --bg:#ffffff;            /* 页面主底 */
  --bg-soft:#f4f7fd;       /* 浅底区块 */
  --bg-soft2:#e9f0fb;      /* 更浅一级（卡片内嵌 / 分隔带） */
  --paper:#f4f7fd;         /* platform 系纸面色，与 bg-soft 对齐 */
  --paper-2:#ffffff;

  /* ---------- 文字层级（白底 / 浅底 对比度） ---------- */
  --ink:#0d1730;           /* 17.76 / 16.55  主标题 */
  --ink-2:#16203a;         /* 16.13          次级标题 */
  --ink-soft:#3a445c;      /*  9.72 / 9.05   正文 */
  --muted:#5a6478;         /*  5.95 / 5.55   辅助说明（原 #697389 仅 4.43，已提亮至 AA） */

  /* ---------- 描边 ---------- */
  --line:#dfe6f2;
  --line-soft:#eaf0f9;
  --line-2:rgba(13,23,48,.08);

  /* ---------- 品牌金（浅底文字必须用 --gold-deep） ---------- */
  --gold:#b8893e;          /* 填充/装饰专用：白底 3.14，仅满足图形 3:1，禁止用于正文 */
  --gold-2:#d6a85c;        /* 深底上的金色文字：8.13 AA */
  --gold-deep:#8a6428;     /* 浅底强调文字：5.34 / 4.97 AA */
  --gold-soft:#f7f0e2;     /* 浅金底 */
  /* ---------- 字号令牌（统一标题 / 卡片标题层级） ---------- */
  --fs-h2:clamp(26px,3.2vw,38px);   /* 区块主标题 h2 */
  --fs-card-title:21px;              /* 卡片标题 h3 */

  /* ---------- 深色锚点层（页脚 / 极光区块 / 后台） ----------
     注意：--navy 同时被用作文字色（h1~h4、价格、指标等），
     因此不能整体改值。统一浅色主题后，深底场景一律改用下面的
     --deep-* 令牌，--navy 系列仅保留给文字与极小的图形点缀。 */
  --navy:#0d1730;
  --navy-2:#142548;
  --navy-3:#1d2f5c;
  --navy-900:#0a1124;          /* 统一最深档：替换散落的 #0b1428 / #080e1f / #111d3c */
  --navy-line:rgba(255,255,255,.10);

  /* ---------- 浅色主题专用：替代原深色背景面 ---------- */
  --deep-surface:#f4f7fd;              /* 替换 --navy 作大面积底 */
  --deep-surface-2:#e9f0fb;            /* 替换 --navy-2 / --navy-3 作底 */
  --deep-surface-3:#dfe6f2;            /* 替换 --navy-900 作底（最深一档） */
  --deep-grad:linear-gradient(180deg,#ffffff 0%,#f4f7fd 100%);
  --deep-line:#dfe6f2;                 /* 替换 --navy-line 作描边 */
  --on-deep:#0d1730;                   /* 浅底上的主文字 17.76 AA */
  --on-deep-soft:#3a445c;              /* 浅底上的次级文字  9.72 AA */
  --on-deep-mute:#5a6478;              /* 浅底上的辅助文字  5.95 AA */

  /* ---------- 主行动按钮（品牌深金 + 白字 5.34 AA） ---------- */
  --cta:#8a6428;
  --cta-hover:#6f501e;
  --cta-text:#ffffff;
  --code-bg:#f7f9fd;                   /* 代码块浅底，替换 #0a1124 */

  --on-navy:#f4f7fd;       /* 16.55 AA */
  --on-navy-soft:#cfd9ec;  /* 12.51 AA */
  --on-navy-mute:#a8b4cc;  /*  8.51 AA */

  /* ---------- 状态色：填充档 / 文字档 ---------- */
  --ok:#2f9e6e;      --ok-text:#1f7a52;      /* 3.37 图形 / 5.30 文字 */
  --warn:#c98a2b;    --warn-text:#8f6016;    /* 2.94 图形 / 5.45 文字 */
  --info:#3b6fb0;    --info-text:#2f5f9e;    /* 5.14 / 6.46 */
  --danger:#c0392b;                          /* 5.44 文字亦达标 */

  /* ---------- 链接与焦点强调 ---------- */
  --accent:#8a6428;        /* 品牌深金 5.34:1 白底 */

  /* ---------- 投影统一为藏青调（与 --navy 同源） ---------- */
  --shadow:0 12px 34px rgba(13,23,48,.07);
  --shadow-lg:0 28px 60px rgba(13,23,48,.14);
  --shadow-xs:0 1px 2px rgba(13,23,48,.04);
  --shadow-card:0 6px 22px rgba(13,23,48,.09);
  --shadow-card-hover:0 18px 46px rgba(13,23,48,.13);
  --shadow-1:0 1px 2px rgba(13,23,48,.05),0 6px 18px rgba(13,23,48,.06);
  --shadow-2:0 2px 6px rgba(13,23,48,.06),0 18px 44px rgba(13,23,48,.10);

  /* ---------- 全局网格背景（导航栏 / 英雄区 / 统一接入模块 共用同一套） ---------- */
  --grid:40px;                       /* 单元格尺寸（横竖一致） */
  --grid-line:1px;                   /* 线宽 */
  --grid-color:rgba(13,23,48,.05);   /* 线色 + 透明度（三模块完全一致） */
}

/* ============================================================
   全局网格背景层（导航栏 / 英雄区 / 统一接入模块 共用）
   锚定视口（fixed）：三模块竖线、横线共用同一坐标系，连续贯穿、不错位；
   不受各模块自身 padding / max-width / 容器居中影响；置于内容之下（z-index:-1）。
   单元格尺寸 / 线宽 / 线色 / 透明度均由上方 --grid* 变量统一控制，三模块零差异。
   ============================================================ */
.gx-grid{isolation:isolate}
.gx-grid::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:
    linear-gradient(var(--grid-color) var(--grid-line),transparent var(--grid-line)),
    linear-gradient(90deg,var(--grid-color) var(--grid-line),transparent var(--grid-line));
  background-size:var(--grid) var(--grid);
  background-position:0 0;
  background-attachment:fixed}
/* 响应式：随断点按比例缩放单元格，但三模块始终读取同一 --grid，任何宽度下对齐 */
@media (max-width:1200px){:root{--grid:36px}}
@media (max-width:768px){:root{--grid:30px}}
@media (max-width:480px){:root{--grid:26px}}

/* ============================================================
   一、基础元素
   ============================================================ */
body{background:var(--bg);color:var(--ink)}
::selection{background:rgba(184,137,62,.26);color:#0d1730}
hr{border:0;border-top:1px solid var(--line)}
blockquote{border-left:3px solid var(--gold);color:var(--ink-soft)}
code,pre,kbd{background:var(--bg-soft2);color:var(--ink);border:1px solid var(--line)}
table th{background:var(--bg-soft);color:var(--ink)}
table td,table th{border-color:var(--line)}

/* ============================================================
   二、链接：正文内链接用深金并带下划线，导航/按钮不参与
   ============================================================ */
p a:not(.btn):not(.nav-link),
td a:not(.btn),
.doc a,
.prose a{
  color:var(--gold-deep);
  text-decoration:underline;
  text-decoration-color:rgba(184,137,62,.45);
  text-underline-offset:3px;
  transition:color .22s var(--ease),text-decoration-color .22s var(--ease);
}
p a:not(.btn):not(.nav-link):hover,
td a:not(.btn):hover,
.doc a:hover,
.prose a:hover{color:var(--ink);text-decoration-color:var(--gold)}

/* ============================================================
   三、按钮：填充 / 幽灵 / 交互态 / 禁用态
   ============================================================ */
.btn,.button,
:where(html.mkt) button:not(.menu-btn):not([role="tab"]),
.btn-gold,.btn-primary{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#1a1304;                      /* 5.34 on 金底 */
  border:1px solid transparent;
  font-weight:600;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),
             background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.btn:hover,.button:hover,
:where(html.mkt) button:not(.menu-btn):not([role="tab"]):hover,
.btn-gold:hover,.btn-primary:hover{
  background:linear-gradient(135deg,#a2762f,#c69a4c);
  box-shadow:0 10px 26px rgba(184,137,62,.34);
  color:#1a1304;
}
.btn:active,.button:active,
:where(html.mkt) button:not(.menu-btn):not([role="tab"]):active,
.btn-gold:active,.btn-primary:active{
  background:linear-gradient(135deg,#8a6428,#b8893e);
  transform:translateY(1px);
  box-shadow:0 4px 12px rgba(184,137,62,.28);
}
/* 幽灵/描边按钮：浅底上用藏青描边 + 藏青文字 */
.btn-ghost,.btn-outline,.btn-line{
  background:rgba(255,255,255,.72);
  color:var(--ink);
  border:1px solid rgba(13,23,48,.18);
}
.btn-ghost:hover,.btn-outline:hover,.btn-line:hover{
  background:rgba(184,137,62,.10);
  color:var(--gold-deep);
  border-color:var(--gold-deep);
}
/* 禁用：降透明 + 去立体感，保持可辨识 */
.btn:disabled,.btn[disabled],
:where(html.mkt) button:disabled,:where(html.mkt) button[disabled],
:where(html.mkt) input:disabled,:where(html.mkt) select:disabled,:where(html.mkt) textarea:disabled,
.btn.is-disabled,.disabled{
  opacity:.5;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

/* ============================================================
   四、表单控件：默认 / 悬停 / 焦点 / 禁用
   （只改颜色，不动 padding、border-width，避免布局位移）
   ============================================================ */
:where(html.mkt) input,:where(html.mkt) select,:where(html.mkt) textarea{
  background:#ffffff;
  color:var(--ink);
  border-color:var(--line);
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease);
}
:where(html.mkt) input::placeholder,:where(html.mkt) textarea::placeholder{color:#8b93a6}   /* 4.6+ 于白底 */
:where(html.mkt) input:hover,:where(html.mkt) select:hover,:where(html.mkt) textarea:hover{border-color:#c3cee0}
:where(html.mkt) input:focus,:where(html.mkt) select:focus,:where(html.mkt) textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(184,137,62,.16);
}
:where(html.mkt) input:disabled,:where(html.mkt) select:disabled,:where(html.mkt) textarea:disabled{
  background:#f1f4fa;
  color:#98a1b4;
  border-color:var(--line);
}
:where(html.mkt) input[type="checkbox"],:where(html.mkt) input[type="radio"]{accent-color:var(--gold)}
:where(html.mkt) label{color:var(--ink-soft)}

/* ============================================================
   五、卡片：统一白底 + 晨曦蓝描边
   ============================================================ */
.card,.panel,.pcard,.role,.stat,.feature,.kpi,.box,.tile{
  background:var(--bg);
  border-color:var(--line);
  box-shadow:var(--shadow-card);
}
.card:hover,.panel:hover,.pcard:hover,.role:hover,.tile:hover{
  border-color:#cdd9ec;
  box-shadow:var(--shadow-card-hover);
}

/* ============================================================
   六、选中态 / 键盘焦点环（无障碍）
   ============================================================ */
.is-active,.is-selected,.selected,[aria-selected="true"],[aria-current="page"]{
  color:var(--gold-deep);
}
:where(html.mkt) a:focus-visible,:where(html.mkt) button:focus-visible,
:where(html.mkt) input:focus-visible,:where(html.mkt) select:focus-visible,:where(html.mkt) textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--gold-deep);
  outline-offset:2px;
  border-radius:6px;
}

/* ============================================================
   七、原深色锚点层：改为浅色主题统一表面
   ------------------------------------------------------------
   这批选择器（.section--navy / .gx-fx / .cta-band / .dark）历史上
   承载藏青深底。主题统一后统一走 --deep-surface + --deep-grad，
   文字回到 --on-deep 墨色层级，强调色改用 --gold-deep（浅底 AA）。
   选择器名保留不动，避免牵连 HTML，仅换配色实现。
   ============================================================ */
.section--navy,.gx-fx,.cta-band,.dark{
  background:var(--deep-surface);color:var(--on-deep-soft);
  border-top:1px solid var(--deep-line);border-bottom:1px solid var(--deep-line);
}
.section--navy h2,.section--navy h3,.section--navy h4,
.gx-fx h2,.gx-fx h3,.gx-fx h4,.dark h2,.dark h3{color:var(--on-deep)}
.section--navy a,.gx-fx a,.dark a{color:var(--on-deep-soft)}
.section--navy a:hover,.gx-fx a:hover,.dark a:hover{color:var(--gold-deep)}
.section--navy .eyebrow,.gx-fx .eyebrow,.dark .eyebrow{color:var(--gold-deep)}
.section--navy .btn-ghost,.gx-fx .btn-ghost,.dark .btn-ghost{
  background:var(--paper-2);color:var(--on-deep);border-color:var(--deep-line);
}
.section--navy .btn-ghost:hover,.gx-fx .btn-ghost:hover,.dark .btn-ghost:hover{
  border-color:var(--gold);color:var(--gold-deep);background:var(--gold-soft);
}

/* ============================================================
   八、滚动条（纯装饰，不影响布局）
   ============================================================ */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f4fb}
::-webkit-scrollbar-thumb{background:#c8d2e4;border-radius:8px;border:2px solid #ffffff}
::-webkit-scrollbar-thumb:hover{background:#aab7d0}

/* ============================================================
   九、主题统一说明
   ------------------------------------------------------------
   全站仅保留一套浅色主皮肤（方案 A · 晨曦蓝 + 品牌暖金）。
   原「可选深色主题 html[data-theme="dark"]」分支已整体移除：
     · 不再存在深色模式切换入口与切换逻辑
     · 深底场景统一改用 --deep-surface / --deep-grad / --cta 令牌
   如需临时验证页面在无主题变量下的可读性，可删除 data-zx-theme
   样式表引用，页面将回落到各页自有样式表，不会出现深色残留。
   ============================================================ */

/* ============================================================
   十、尊重系统降低动效偏好
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .btn,.card,.panel,.pcard,.role,input,select,textarea{transition:none}
}

/* ============================================================
   十一、页脚静态兜底（P3-7）：JS 注入失败时的核心内容仍可见
   仅作用于未注入 footer-redesign.css 时的降级态；JS 正常时整块被覆盖。
   ============================================================ */
.foot-fallback{padding:26px 0;color:var(--on-navy-soft);font-size:13px;line-height:1.7}
.foot-fallback .foot-bottom{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;
  justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}
.foot-fallback .foot-legal{display:flex;gap:18px;flex-wrap:wrap}
.foot-fallback .foot-legal a{color:var(--gold-2)}
.foot-fallback .foot-legal a:hover{color:#ffffff}