/* ============================================================
   智学云 · 动态效果 + 浮雕质感 (motion.css)
   在 platform.css 之后加载，强化首页视觉反馈与立体感。
   品牌：深藏青 #0d1730 + 暗金 #b8893e | 尊重 prefers-reduced-motion
   ============================================================ */

/* 导航栏样式自 2026-08-31 起统一由 nav.css 管理，本文件不再覆盖任何 .nav-* 规则，
   确保全站（含首页）导航栏完全一致 */

/* ---------- 顶部滚动进度条 ---------- */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;z-index:90;
  background:linear-gradient(90deg,var(--gold),var(--gold-2));
  box-shadow:0 0 12px rgba(184,137,62,.55);transition:transform .12s linear;pointer-events:none

/* ---------- 浮雕：凸起卡片 ---------- */
.emboss{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -2px 4px rgba(13,23,48,.05),
    0 12px 26px rgba(13,23,48,.09);
}
/* 浮雕：图标徽章（金币凸起，金属感） */
.ric,.cic,.k-ic{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1.5px 2px rgba(13,23,48,.08),
    0 3px 9px rgba(13,23,48,.14);
  transition:transform .42s var(--ease),box-shadow .42s var(--ease)}
.ric:hover,.cic:hover,.k-ic:hover{transform:translateY(-3px) scale(1.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px rgba(184,137,62,.30)}
/* 浮雕：凹刻徽标文字 */
.engrave{color:var(--ink-2);text-shadow:0 1px 0 rgba(255,255,255,.75)}

/* ---------- 按钮金色扫光 ---------- */
.btn-gold{position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-18deg) translateX(-236%);transition:transform .65s var(--ease);pointer-events:none
.btn-gold:hover::after{transform:skewX(-18deg) translateX(245%)}

/* ---------- 卡片光泽跟随（鼠标位置高光） ---------- */
.gloss{position:relative;overflow:hidden}
.gloss::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(480px circle at var(--mx,50%) var(--my,0%),rgba(184,137,62,.12),transparent 42%);
  opacity:0;transition:opacity .45s var(--ease)}
.gloss:hover::before{opacity:1}
.gloss > *{position:relative;z-index:2}

/* ---------- 3D 微倾容器 ---------- */
.tilt{transform-style:preserve-3d;transition:transform .3s var(--ease);will-change:transform}

/* ---------- 标题金色流光 ---------- */
.hl{background:linear-gradient(100deg,var(--gold) 0%,var(--gold-2) 38%,#f6dca6 50%,var(--gold-2) 62%,var(--gold) 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:hlShimmer 6.5s linear infinite}
@keyframes hlShimmer{to{background-position:220% center}}

/* ---------- 资产带 / KPI 浮雕微动 ---------- */
.ab{transition:transform .42s var(--ease),box-shadow .42s var(--ease)}
.ab:hover{transform:translateY(-5px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.28)}

/* ---------- 卡片入场增强（轻微缩放） ---------- */
.reveal{transform:translateY(24px) scale(.985)}
.reveal.in{transform:none}
/* 无 JS 降级：脚本失败时 .reveal 仍完整可见（P2-7） */
.no-js .reveal{opacity:1!important;transform:none!important}
.role,.pcard,.cert,.cp,.article,.panel,.dcol,.eco-left,.eco-right,.bviz{
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.role:hover,.pcard:hover,.cert:hover,.cp:hover,.article:hover{
  transform:translateY(-6px);box-shadow:0 22px 48px rgba(13,23,48,.13);
  border-color:rgba(184,137,62,.45)}

/* 导航链接下划线 / 子页导航单行 等规则已统一移交给 nav.css（2026-08-31），此处不再定义 */

/* ---------- 工作台 / 子页卡片浮雕 + 光泽（不裁剪内容） ---------- */
.app .card,.app .kpi,.app .mod,.pcard,.adv,.cert,.panel,.article,.cp,.dcol,.role{position:relative}
.app .card::before,.app .kpi::before,.app .mod::before,
.pcard::before,.adv::before,.cert::before,.panel::before,.article::before,.cp::before,.dcol::before,.role::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(184,137,62,.10),transparent 42%);
  opacity:0;transition:opacity .45s var(--ease)}
.app .card:hover::before,.app .kpi:hover::before,.app .mod:hover::before,
.pcard:hover::before,.adv:hover::before,.cert:hover::before,.panel:hover::before,.article:hover::before,.cp:hover::before,.dcol:hover::before,.role:hover::before{opacity:1}
/* 浮雕：工作台卡片与 KPI 微凸 */
.app .card,.app .kpi{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(13,23,48,.05),0 12px 26px rgba(13,23,48,.08);
  transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .42s}
.app .card:hover,.app .kpi:hover{transform:translateY(-5px);border-color:rgba(184,137,62,.4)}
.ric,.cic,.k-ic{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1.5px 2px rgba(13,23,48,.08),0 3px 9px rgba(13,23,48,.14);
  transition:transform .42s var(--ease),box-shadow .42s var(--ease)}
.ric:hover,.cic:hover,.k-ic:hover{transform:translateY(-3px) scale(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px rgba(184,137,62,.30)}

/* ---------- 滚动进度条减动 ---------- */
@media (prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .hl{animation:none;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold-2)}
  .tilt{transform:none!important}
  .gloss::before{display:none}
  .app .card::before,.app .kpi::before,.app .mod::before,.pcard::before,.adv::before,.cert::before,.panel::before,.article::before,.cp::before,.dcol::before,.role::before{display:none}
  .btn-gold::after{display:none}
  .reveal{transform:translateY(18px)}
  .ric:hover,.cic:hover,.k-ic:hover{transform:none}
}

/* ============================================================
   全站模块动效增强（2026-08-27）
   覆盖：标题滑入 / Hero 暗金流光 / 进度条填充 / FAQ 平滑展开 / 数字滚动 / 客户墙跑马灯 / 同级错峰
   ============================================================ */

/* 标题 / 章节头 左滑入场（CSS 触发，无需 JS） */
.sec-head{animation:secIn .7s var(--ease, ease) both}
@keyframes secIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}

/* Hero 暗金流光氛围 */
.hero-inner{position:relative;overflow:hidden}
.hero-inner::after{content:"";position:absolute;left:50%;top:-28%;width:72%;height:90%;
  transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(184,137,62,.18),transparent 70%);
  filter:blur(6px);pointer-events:none;z-index:0;animation:aurora 9s ease-in-out infinite}
.hero-inner > *{position:relative;z-index:1}
/* P1-10：Hero 暗金流光离屏时暂停动画（site-motion.js 切换 .blur-paused） */
.hero-inner.blur-paused::after{animation-play-state:paused}
@keyframes aurora{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}
  50%{opacity:.85;transform:translateX(-40%) scale(1.12)}}

/* 同级 .reveal 错峰入场（基础过渡，delay 由 JS 设置） */
.reveal{transition:transform .6s var(--ease, ease)}

/* 进度条 / 图表 入视填充 */
.mbar .mt > i{transform-origin:left;transition:transform 1.1s var(--ease, ease)}
[data-fill]{transform-origin:left;transition:transform 1.1s var(--ease, ease)}

/* 手风琴 / FAQ 平滑展开 + 图标旋转 */
.faq{transition:border-color .3s var(--ease, ease),box-shadow .3s var(--ease, ease)}
.faq[open]{border-color:rgba(184,137,62,.5);box-shadow:0 10px 26px rgba(13,23,48,.1)}
.faq .faq-a{animation:faqIn .42s var(--ease, ease) both}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.faq-ic{transition:transform .35s var(--ease, ease)}
.faq[open] .faq-ic{transform:rotate(45deg)}

/* 数字滚动计数（通用） */
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* 客户墙 / Logo 跑马灯 */
.logo-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo-marquee .lm-track{display:flex;gap:30px;width:max-content;animation:lmScroll 28s linear infinite}
.logo-marquee:hover .lm-track{animation-play-state:paused}
@keyframes lmScroll{to{transform:translateX(-50%)}}

/* reduced-motion 收口 */
@media (prefers-reduced-motion:reduce){
  .sec-head{animation:none}
  .hero-inner::after{animation:none;opacity:.42}
  .reveal{transition:none}
  .mbar .mt > i,[data-fill]{transition:none}
  .faq .faq-a{animation:none}
  .faq-ic{transition:none}
  .logo-marquee .lm-track{animation:none}
}

/* P1-8：全屏模糊无限光晕（light-fx / .section 浅色变体 / .asset-band 的 ::before·::after
   + lxAura / lxAura2 关键帧，及其移动端 / reduced-motion 分支）已按需求彻底移除，不再使用。
   仅保留 .asset-band 的基础裁剪，避免内容溢出。 */
.asset-band{position:relative;overflow:hidden}

/* ============================================================
   页脚优化：金边 CTA 行动行 + 移动端 FAB + 移动端 accordion
   （content 由 nav.js 注入，样式集中此处）
   ============================================================ */

/* 保证页脚内容（含注入 CTA）始终压在深色粒子 canvas 之上 */
footer .wrap{ position:relative; z-index:2; }

/* —— 金边 CTA 行动行：样式统一由 footer-redesign.css 接管（浅色主题，单一真源）——
   此处不再保留深色版 .foot-cta 定义，避免白字 CTA 在浅底上出现对比度问题。 */

/* —— 移动端悬浮 CTA（FAB）：仅 ≤980px 出现，滚动淡入、近 footer 隐藏 —— */
.fab{
  position:fixed; right:16px; bottom:16px; z-index:1300;
  display:none; align-items:center; gap:8px;
  padding:13px 19px; border-radius:30px;
  text-decoration:none; font-weight:700; font-size:14px; color:#0d1733;
  background:linear-gradient(135deg, var(--gold,#b8893e), var(--gold-2,#d6a85c));
  box-shadow:0 12px 30px rgba(13,23,48,.38);
  opacity:0; transform:translateY(18px); pointer-events:none;
  transition:opacity .35s ease, transform .35s ease;
}
.fab::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:#0d1733; box-shadow:0 0 0 4px rgba(13,23,48,.18);
}
.fab.show{ opacity:1; transform:translateY(0); pointer-events:auto; }
@media (max-width:980px){ .fab{ display:inline-flex; } }

/* —— 移动端页脚链接列 accordion：≤980px 默认折叠，点击分组标题展开 —— */
.foot-col h5.fc-toggle{
  cursor:pointer; user-select:none;
  display:flex; align-items:center; justify-content:space-between;
}
.foot-col h5.fc-toggle::after{
  content:""; width:9px; height:9px; margin-left:10px; flex-shrink:0;
  border-right:2px solid rgba(255,255,255,.6); border-bottom:2px solid rgba(255,255,255,.6);
  transform:rotate(45deg); transition:transform .25s ease;
}
.foot-col.open h5.fc-toggle::after{ transform:rotate(-135deg); }

@media (max-width:980px){
  .foot-col a{ display:none; }
  .foot-col.open a{
    display:block;
    animation:fcIn .25s ease;
  }
  @keyframes fcIn{
    from{ opacity:0; transform:translateY(-4px); }
    to{ opacity:1; transform:none; }
  }
}
@media (min-width:981px){
  .foot-col h5.fc-toggle::after{ display:none; }
}

/* 移动端抽屉登录入口（.mm-cta--login）统一样式已移交 nav.css，此处不再覆盖 */

/* 无障碍：减弱动态偏好下不位移、不淡入动画 */
@media (prefers-reduced-motion:reduce){
  .fab{ transition:none; }
  .foot-col.open a{ animation:none; }
  .foot-col h5.fc-toggle::after{ transition:none; }
}