/* =========================================================
   归幂 × 悟空 · 官网首页 — 浅色版本（白底）
   覆盖 styles.css，需在其后加载
   ========================================================= */

:root{
  /* brand — 在白底上略加深以保证对比 */
  --blue:#1668EA;
  --blue-deep:#1C27C9;
  --blue-bright:#1F6FE5;
  --blue-glow:rgba(22,104,234,.26);

  /* surfaces */
  --bg:#FFFFFF;
  --bg-2:#F5F8FD;
  --panel:#FFFFFF;
  --panel-2:#F2F6FD;
  --line:rgba(20,60,140,.12);
  --line-strong:rgba(22,104,234,.26);

  /* text */
  --ink:#0C1B33;
  --ink-2:#46577A;
  --ink-3:#8493B2;
}

body{
  background:#ebf1fb;
  color:var(--ink);
}
/* 噪点弥散渐变背景：162° 五色线性渐变 + 多层柔光弥散，平滑通透无颗粒 */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(60% 50% at 12% 8%,  #f8efff 0%, rgba(248,239,255,0) 60%),
    radial-gradient(55% 45% at 88% 90%, #f6dfff 0%, rgba(246,223,255,0) 58%),
    radial-gradient(70% 60% at 78% 14%, #deeff9 0%, rgba(222,239,249,0) 62%),
    radial-gradient(65% 55% at 20% 88%, #deeff9 0%, rgba(222,239,249,0) 60%),
    linear-gradient(162deg, #f8efff 0%, #ede8ff 26%, #deeff9 52%, #f6dfff 76%, #ebf1fb 100%);
}

/* ambient background — 浅色版改为纯净弥散渐变，移除网格与彩球 */
.bg-fx::before{
  background-image:none;
  mask-image:none;
}
.bg-fx .orb{display:none}

/* buttons */
.btn-ghost{color:var(--ink);background:rgba(22,104,234,.05);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--blue-bright);background:rgba(22,104,234,.1)}

/* nav — 半透明磨砂毛玻璃 */
.nav{
  background:rgba(255,255,255,.45);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);
  backdrop-filter:blur(18px) saturate(1.3);
  border-bottom:1px solid rgba(255,255,255,.5);
}
.nav.scrolled{background:rgba(255,255,255,.6);border-bottom-color:var(--line);box-shadow:0 4px 24px -16px rgba(20,50,120,.4)}
.nav-links a{color:var(--ink-2)}
.nav-links a:hover{color:var(--ink)}

/* eyebrow */
.eyebrow{background:rgba(22,104,234,.06)}

/* hero meta */
.hero-meta .m b{color:var(--ink)}

/* hub — logo 贴片改为半透明磨砂毛玻璃（核心吉祥物保持深色） */
.hub-node{
  background:rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);
  backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 10px 30px -16px rgba(20,50,120,.3), inset 0 1px 0 rgba(255,255,255,.7);
}
.hub-node:hover{
  background:rgba(255,255,255,.55);
  box-shadow:0 0 26px -6px var(--blue-glow), inset 0 1px 0 rgba(255,255,255,.8);
}

/* generic card */
.card{
  background:linear-gradient(180deg,#FFFFFF,#F8FAFE);
  border-color:var(--line);
  box-shadow:0 10px 30px -20px rgba(20,50,120,.28);
}
.card:hover{border-color:var(--line-strong);box-shadow:0 24px 50px -26px rgba(20,50,120,.32)}

/* skill flow */
.chip{background:rgba(22,104,234,.06);border-color:var(--line);color:var(--ink-2)}

/* capabilities — inherits .card */

/* industries tabs */
.tab{background:rgba(22,104,234,.05);border-color:var(--line);color:var(--ink-2)}
.tab:hover{border-color:var(--line-strong);color:var(--ink)}
.scene{
  background:linear-gradient(180deg,#FFFFFF,#F8FAFE);
  border-color:var(--line);
}
.scene:hover{background:rgba(22,104,234,.05);border-color:var(--line-strong)}

/* cases — 视频占位区转为浅蓝 */
.case-video{
  background:
    radial-gradient(circle at 50% 45%,rgba(22,104,234,.16),transparent 60%),
    linear-gradient(135deg,#EAF1FE,#F4F7FD);
  border-bottom-color:var(--line);
}
.case-video::after{background-image:linear-gradient(rgba(22,104,234,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,104,234,.06) 1px,transparent 1px)}
.video-badge{color:var(--ink-2);background:rgba(255,255,255,.78);border-color:var(--line)}
.case-step .lbl{background:rgba(22,104,234,.05);border-color:var(--line);color:var(--ink-3)}

/* form */
.form{background:linear-gradient(180deg,#FFFFFF,#F8FAFE);border-color:var(--line);box-shadow:0 24px 60px -34px rgba(20,50,120,.34)}
.field input,.field textarea{background:#FFFFFF;border-color:var(--line)}

/* footer */
.footer{background:var(--bg-2);border-top-color:var(--line)}

/* mobile menu */
.mmenu{background:rgba(255,255,255,.97)}