/* ============================================================
   智学云 · 页脚全新版式（footer-redesign.css）
   ------------------------------------------------------------
   由 nav.js 在 light-flow.css 之后注入（级联置顶，单页零改动）。
   目标（用户要求）：
     1) 列与列间隙均匀等距、视觉协调，消除参差不齐。
     2) 全新版式：不沿用旧布局/风格，在排版、栏间距、对齐、
        配色与层次上做整体重设计；桌面 + 移动均整洁易读。

   新版式结构（纯 CSS 重组现有节点，不改 HTML）：
     · 中部「五等分链接网格」：repeat(5,minmax(0,1fr)) + 统一 gap，
       列宽相等、列隙相等；每列标题带暗金短楔、链接统一左对齐、
       行距一致，彻底消除参差。
     · 底部「元信息条」：版权 + 次级链接 + 资质说明，发丝线分隔。
   注：页脚 logo 与「智学云」品牌标识已按需求删除（导航栏/页头保持不动）。
   配色：浅雾 #eef2f8（链接区）/ 暗金 #b8893e（楔/悬停/CTA），
        与全站 v2/v3 体系一致。
   ============================================================ */

/* ---------- 0. 基底：移除旧深色粒子特效，统一浅色承载 ---------- */
/* 注：不再用 background:transparent 覆盖，交由下方 .foot{background:#eef2f8!important}
   统一承载浅雾底；否则 .foot.gx-fx 特异度更高会让背景解析为透明，丢失雾带。 */
.foot.gx-fx{ border-top:1px solid var(--lf-line,#d4dde8)!important; }
.foot.gx-fx .gx-aurora,
.foot.gx-fx .gx-particles{ display:none!important; }

/* ---------- 1. 链接网格容器（页脚 logo/品牌标识已移除，此处仅为网格包装） ---------- */
/* 关键：横向内边距钉死为 24px/侧且 !important，避免继承各页面全局 .wrap 的不同
   padding 导致页脚容器宽度在首页与其他页之间漂移（列宽 196 vs 192.6 的根因）。 */
.foot .wrap{ max-width:1200px; margin:0 auto; padding:0 24px!important; }
.foot-top{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:0;
  border-bottom:none;
}

/* ---------- 2. 五等分链接网格（均匀等距，核心） ---------- */
.foot-cols{
  grid-column:auto;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));   /* 列宽相等 */
  gap:clamp(22px, 3vw, 44px);                        /* 列隙统一、随视口缓变 */
  padding:38px 0 34px;
}
.foot-col{
  min-width:0;                                        /* 防止长链接撑破等宽列 */
  display:flex; flex-direction:column;                /* 列内项目纵向堆叠、左缘统一 */
  align-items:stretch;
}
.foot-col h5{
  position:relative;                 /* 保留定位上下文（移动端 accordion 等仍可依赖） */
  display:block;                     /* 块级容器，用 padding-left 给金线留位 */
  padding-left:24px;                 /* 金线(18px) + 紧贴 6px：金线与文字紧挨无大间距 */
  margin:0 0 14px;
  line-height:1.15!important;        /* 紧凑行高 */
  text-align:left;                   /* 标题左对齐到列左缘 */
  color:#0d1730!important;
  font-family:var(--font-sans,'Noto Sans SC',sans-serif);
  font-size:13.5px; font-weight:700; letter-spacing:.06em;
}
/* 左侧金线：贴列左缘、与标题文字同行水平排布，纵向对齐到文字中线（避开行高上下留白造成的视觉错位） */
.foot-col h5::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  margin-top:-1px;                   /* 2px 高金线的中点对齐到行高中点 = 文字字符中线 */
  width:18px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--gold),rgba(184,137,62,.45));
}
.foot-col h5::after{display:none}    /* 取消右侧装饰，避免与左侧金线冗余 */
.foot-col a{
  display:block;
  color:#3a445c!important;
  font-size:13.5px; line-height:1.5;
  padding:7px 0;                                 /* 列左缘对齐：与标题文字同处 0 缩进 */
  text-decoration:none;
  transition:color .22s var(--ease,ease), transform .22s var(--ease,ease);
}
.foot-col a:hover{
  color:#8a6428!important;
  transform:translateX(3px);
}

/* ---------- 3. 底部元信息条 ---------- */
.foot-bottom{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 24px;
  padding:22px 0 6px;
  border-top:1px solid var(--lf-line,#d4dde8);
  color:#5a6478!important;
  font-size:12.5px;
}
.foot-note{
  padding:4px 0 30px;
  color:#5a6478!important;
  font-size:12px; line-height:1.7;
}
.foot-beian{
  text-align:center!important;
  padding:4px 0 26px;
  color:#5a6478!important;
  font-size:12.5px;
  letter-spacing:.02em;
}
/* 分栏型底部信息条：左版权/品牌 + 右备案号与合规链接，外层居中内部两端对齐 */
.foot-bottom--split{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  gap:10px 24px;
  padding:22px 0 1px;
  border-top:1px solid var(--lf-line,#d4dde8);
  color:#5a6478!important;
  font-size:12.5px;
}
/* 仅首页：分栏行与说明行相邻时，进一步收紧两行垂直间距（不影响其他页脚） */
.foot-bottom--split + .foot-note{ padding-top:0; }
.foot-bottom--split .foot-copy{ color:#5a6478!important; }
.foot-bottom--split .foot-legal{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px;
}
.foot-bottom--split .foot-legal a{
  color:#5a6478!important; text-decoration:none;
}
.foot-bottom--split .foot-legal a:hover{
  color:var(--gold-deep)!important; text-decoration:underline;
}
.foot-bottom--split .foot-beian{
  text-align:left!important; padding:0; letter-spacing:.02em;
}
@media (max-width:640px){
  .foot-bottom--split{ justify-content:center; text-align:center; }
  .foot-bottom--split .foot-legal{ justify-content:center; }
}

/* 整页脚承载：浅雾底 + 内聚，与上方浅色内容自然衔接 */
.foot{
  background:#eef2f8!important;
  color:#3a445c!important;
  padding:30px 0 0;
  margin:0;
  min-height:0;
}
/* 删除品牌块后若存在空容器残留，直接隐藏，避免撑出多余空白带 */
.foot-brand:empty,
.foot-top:empty,
.foot-cols:empty{ display:none!important; }

/* 品牌书挡与链接区同处一个浅雾容器内，用圆角面板区分层次 */
/* 横向内边距已在上方 .foot .wrap 统一钉死，此处不再重复声明 */

/* ---------- 4. 复用 nav.js 注入的 .foot-cta（浅色行动行）为新版式服务 ---------- */
/* 浅色冷调面板：白 → 浅雾蓝渐变，去除旧版偏黄的暖金浅底；以金边书脊 + 柔和投影
   与下方浅雾页脚区分层次，整体清爽专业、与全站浅色基调统一（非深色）。 */
.foot-cta{
  position:relative;
  overflow:hidden;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:20px 28px;
  margin:0 0 10px;
  padding:28px 32px;
  background:#ffffff;
  border:1px solid #d9e1ec;
  border-left:4px solid var(--gold);
  border-radius:16px;
  box-shadow:0 18px 40px -22px rgba(13,23,48,.28);
}
/* 左上极淡金辉，仅做质感点缀，不引入黄色块面 */
.foot-cta::after{
  content:''; position:absolute; left:0; top:0;
  width:160px; height:160px; pointer-events:none;
  background:linear-gradient(135deg, rgba(184,137,62,.08), transparent 72%);
}
.foot-cta .fc-text{ position:relative; z-index:1; min-width:0; flex:1 1 320px; }
.foot-cta .fc-text .fc-title{
  margin:0 0 8px;
  color:#0d1730;
  font-size:20px; line-height:1.4;
  font-family:var(--font-serif,'Noto Serif SC',serif);
  font-weight:700;
}
.foot-cta .fc-text p{ margin:0; color:#5a6478; font-size:13.5px; line-height:1.6; }
.foot-cta .fc-actions{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:14px; flex:0 1 auto; justify-content:flex-end; }
/* 注意：light-surface.css 第 16.5 节有 `footer a,.foot a{color:var(--ls-ink-2)!important}`
   会以 !important 强制覆盖页脚内所有链接文字色（含本处 <a> 按钮），导致配色被吞。
   故用 .foot 提升特异性(0,2,1 > .foot a 0,1,1) 并加 !important，确保按钮配色稳定。 */
.fc-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 24px; border-radius:11px;
  font-size:14px; font-weight:700; letter-spacing:.02em;
  text-decoration:none!important; cursor:pointer;
  transition:transform .22s var(--ease,ease), box-shadow .22s, background .22s, color .22s, border-color .22s;
}
/* 主行动（申请免费试用）：沿用导航栏「平台登录」背景——品牌金渐变 #b8893e→#d6a85c + 深字 #1a1304 */
.foot .fc-btn--solid{
  background:linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%)!important;
  color:#1a1304!important;
  font-weight:700!important;   /* 加 !important 以胜过全局 .foot a{font-weight:400!important}，确保「申请免费试用」真正加粗 */
  border:1px solid #c79a52!important;
  box-shadow:0 12px 24px -10px rgba(184,137,62,.5);
}
.foot .fc-btn--solid:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg, #c79a52 0%, #e0b772 100%)!important;
  border-color:var(--gold)!important;
  color:#1a1304!important;            /* 钉死悬停文字色，避免被全局 a:hover 金色规则覆盖导致金底金字低对比 */
  box-shadow:0 16px 30px -10px rgba(184,137,62,.62);
}
.foot .fc-btn--solid:active{
  transform:translateY(0);
  box-shadow:0 6px 14px -8px rgba(184,137,62,.55);
}
.foot .fc-btn--solid:focus-visible{
  outline:3px solid #0d1730;
  outline-offset:3px;
}
/* 次行动（预约方案演示）：与「申请免费试用」区分——白底 + 品牌金描边 + 深金字（描边型次级按钮），
   仍属品牌金系、浅色不抢戏，与实心金主按钮形成清晰的主次层次 */
.foot .fc-btn--ghost{
  background:#ffffff!important;
  color:#8a6428!important;
  font-weight:700!important;   /* 加 !important 以胜过全局 .foot a{font-weight:400!important}，确保「预约方案演示」真正加粗 */
  border:1.5px solid var(--gold)!important;
  box-shadow:none;
}
.foot .fc-btn--ghost:hover{
  transform:translateY(-2px);
  background:#fbf3e6!important;
  border-color:#8a6428!important;
  color:#6f4e1e!important;
  box-shadow:0 12px 24px -12px rgba(184,137,62,.45);
}
.foot .fc-btn--ghost:active{
  transform:translateY(0);
  background:#f3e6cd!important;
}
.foot .fc-btn--ghost:focus-visible{
  outline:3px solid #0d1730;
  outline-offset:3px;
}

/* ---------- 5. 响应式：移动端整洁折叠 ---------- */
@media (max-width:900px){
  .foot-cols{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px 22px; padding:30px 0 26px; }
  .foot-brand{ flex-direction:column; align-items:flex-start; padding:26px 20px; }
  .foot-brand p{ flex-basis:auto; max-width:100%; }
  .foot-cta{ flex-direction:column; align-items:stretch; padding:22px 20px; }
  .foot-cta .fc-text{ flex:1 1 auto; }
  .foot-cta .fc-actions{ width:100%; }
  .foot-cta .fc-btn{ flex:1 1 auto; }
}
@media (max-width:520px){
  .foot-cta{ padding:20px 18px; gap:16px; }
  .foot-cta .fc-text .fc-title{ font-size:18px; }
  .foot-cta .fc-actions{ flex-direction:column; }
  .foot-cta .fc-btn{ flex:1 1 100%; width:100%; }
}
@media (max-width:480px){
  .foot-cols{ grid-template-columns:1fr; gap:0; }
  .foot-col{ padding:14px 0; border-bottom:1px solid rgba(13,23,48,.07); }
  .foot-col h5{ margin-bottom:10px; }
  .foot-col a{ padding:5px 0; }
}

/* ---------- 6. 尊重减少动效 ---------- */
@media (prefers-reduced-motion:reduce){
  .foot-col a{ transition:none; }
  .fc-btn{ transition:none; }
}

/* ============================================================
   7. 跨页脚字体统一（根治非首页 font-weight:300 / 字号偏小）
   ------------------------------------------------------------
   根因：style.css / platform.css / site-unify.css / unify-2026.css
   保留了深色主题遗留的页脚规则（footer{font-weight:300}、
   .foot-col a / .foot-bottom / .foot-note{font-weight:300} 等），
   其 specificity 低于下方 !important 规则，导致非首页页脚文字
   被渲染成纤细的 300 字重、14.5px 字号，与首页（platform.css
   不强制 300）不一致、发虚发细。
   下方规则强制全站页脚与首页逐像素一致：正常字重、清晰字号、
   抗锯齿；与首页加载哪套基础 CSS 无关。
   ============================================================ */
.foot,
footer.foot,
footer.gx-fx,
.foot.gx-fx,
footer#siteFooter{
  font-weight:400!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:#3a445c!important;
  opacity:1!important;
  filter:none!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}
/* 页脚内所有文字元素统一为正常字重，杜绝继承 300 的纤细感 */
.foot h1,.foot h2,.foot h3,.foot h4,.foot h5,.foot h6,
.foot a,.foot p,.foot li,.foot span,.foot small,.foot div,.foot strong,
.foot .foot-col a,
.foot .foot-copy,
.foot .foot-note,
.foot-bottom,
.foot-bottom--split,
.foot-bottom--split .foot-copy,
.foot-note{
  font-weight:400!important;
}
/* 列标题保持加粗，与首页 h5=700 一致（清晰、不纤细） */
.foot .foot-col h5{
  font-weight:700!important;
  color:#0d1730!important;
}