/* ============================================================
   影擎AI官网 · 浅色版主题（白底 + 淡蓝 + 深蓝点缀）
   以覆盖层方式工作：必须在 style.css 之后引入。
   只重定义变量 + 覆盖少量硬编码深色，方便与深色版并行维护。
   ============================================================ */

/* ---------- 1. 变量重定义（极浅灰 + 淡蓝体系） ---------- */
:root{
  /* 原语义为"深色层次"，此处映射为"浅色层次"：950 最浅 → 600 略深 */
  --navy-950:#F1F4F9;   /* 交替区块 / 图容器：淡淡蓝灰 */
  --navy-900:#FAFBFC;   /* 页面主底：非常浅的灰 */
  --navy-800:#F6F8FB;
  --navy-700:#EDF1F6;
  --navy-600:#DEE5EE;
  /* 品牌蓝保留，强调色加深以保证浅底对比度 */
  --blue:#2E8BFF;
  --blue-deep:#1B5FC4;
  --cyan:#0B6FCB;
  /* 文字用深金（浅底可读）；按钮亮黄在 .btn-gold 单独定义 */
  --gold:#B8791A;
  --gold-deep:#8F5A0C;
  /* 文字：深墨灰蓝体系 */
  --text:#16232F;
  --text-mute:#4B5A6B;
  --text-dim:#7C8A99;
  --line:rgba(18,33,47,.10);
  --card:#FFFFFF;
  --card-hover:#F7FAFD;
}
body{background:var(--navy-900);color:var(--text)}

/* ---------- 2. 顶部导航：半透明浅灰毛玻璃 ---------- */
.site-header{
  background:rgba(250,251,252,.9);
  border-bottom:1px solid var(--line);
  box-shadow:0 4px 24px rgba(18,33,47,.04);
}
.nav-links a:hover{background:#EFF3F8;color:var(--text)}
.nav-links a.active{background:rgba(46,139,255,.09)}
.menu-toggle{color:var(--text)}

/* ---------- 3. Hero：极浅灰底 + 淡淡蓝光晕 ---------- */
.hero{background:
  radial-gradient(900px 420px at 85% -10%,rgba(46,139,255,.10),transparent 62%),
  radial-gradient(720px 400px at 6% 4%,rgba(56,198,244,.08),transparent 55%),
  linear-gradient(180deg,#FAFBFC 0%,#F0F5FA 100%)}
.hero-bg{opacity:.045;filter:grayscale(1)}
.hero-bg::after{background:linear-gradient(180deg,rgba(250,251,252,.55) 0%,rgba(250,251,252,.88) 45%,#F0F5FA 100%)}
.hero-tag{border-color:rgba(11,111,203,.30);background:rgba(46,139,255,.07)}
.sec-tag{border-color:rgba(11,111,203,.26);background:rgba(46,139,255,.05)}

/* ---------- 3b. 统一金色按钮：明亮黄 ---------- */
.btn-gold{
  background:linear-gradient(135deg,#FFD24A 0%,#FFAE1F 100%);
  color:#3B2500;
  box-shadow:0 6px 22px rgba(255,174,31,.35)}
.btn-gold:hover{
  background:linear-gradient(135deg,#FFDC6B 0%,#FFB93D 100%);
  box-shadow:0 10px 32px rgba(255,174,31,.48)}
/* 价格卡角标与之同色系，一起调亮 */
.price-card .ribbon{
  background:linear-gradient(135deg,#FFD24A 0%,#FFAE1F 100%);
  color:#3B2500}

/* ---------- 4. 卡片：白卡 + 柔和投影 ---------- */
.card,.hstat,.step,.qa,.toc,.band .b,.form-card{
  box-shadow:0 1px 3px rgba(18,33,47,.04),0 7px 20px rgba(18,33,47,.055)}
.card:hover{box-shadow:0 14px 34px rgba(18,33,47,.10)}
.step .no{color:rgba(46,139,255,.20)}
.chip{background:#F4F7FA}

/* ---------- 5. 表格 ---------- */
.tbl th{background:#EDF4FD;color:#0B4C8C}
.tbl tr:hover td{background:rgba(46,139,255,.045)}

/* ---------- 6. 对比 / 清单类虚线改深色 ---------- */
.vs .col ul li{border-bottom-color:rgba(18,33,47,.08)}
.vs .col.win{background:#F1F7FD;border-color:rgba(46,139,255,.4)}
.kv{border-bottom-color:rgba(18,33,47,.08)}

/* ---------- 7. 价格卡 ---------- */
.price-card{
  background:linear-gradient(180deg,#F5F9FD 0%,#FFFFFF 100%);
  border-color:rgba(46,139,255,.38);
  box-shadow:0 10px 36px rgba(46,139,255,.12)}
.price-card .price{color:var(--text)}
.price-card ul li{border-bottom-color:rgba(18,33,47,.09)}
.price-card .ribbon{background:linear-gradient(135deg,#F5B94B,#D99A22)}

/* ---------- 8. 图容器 / 产品行 ---------- */
.figure{background:var(--navy-950)}
.pl-device img{filter:drop-shadow(0 20px 50px rgba(46,139,255,.20))}
.pl-rows li{background:#FFFFFF}
.pl-rows li:hover{background:#F5F8FB}
.pl-rows li.hot{background:#FFF9EC}
.pl-rows li.hot .no,.pl-rows li.hot .info b{color:var(--gold-deep)}
.pl-rows li.hot .price b{color:var(--gold-deep)}
.pl-rows li.hot .info small,.pl-rows li.hot .price small{color:#A9834B}

/* ---------- 9. GEO 组件 ---------- */
.answer-box{background:#EFF5FD}
.entity-strip{border-top-color:var(--line);border-bottom-color:var(--line)}

/* ---------- 10. 风险提示：浅红 ---------- */
.risk-box{background:#FFF7F6;border-color:rgba(214,69,69,.35)}
.risk-box h3{color:#C0392B}
.risk-box ul li::before{background:rgba(214,69,69,.14);color:#C0392B}
.risk-box .note{border-top-color:rgba(214,69,69,.25)}

/* ---------- 11. 表单 ---------- */
.field input,.field select,.field textarea{
  background:#F6F8FB;border-color:rgba(18,33,47,.15);color:var(--text)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
.field select option{background:#FFFFFF;color:var(--text)}

/* ---------- 12. CTA 大条：深蓝重音块 ---------- */
.cta-band{
  background:linear-gradient(120deg,#0A2547 0%,#123A6E 55%,#1B5FC4 100%);
  border:1px solid rgba(46,139,255,.4);
  box-shadow:0 16px 44px rgba(18,33,47,.18)}
.cta-band h2{color:#FFFFFF}
.cta-band p{color:rgba(255,255,255,.72)}
.cta-band .btn-ghost{border-color:rgba(255,255,255,.35);color:#FFFFFF}
.cta-band .btn-ghost:hover{border-color:#7FD4FF;color:#7FD4FF}

/* ---------- 13. 页脚：保留深蓝作视觉收口 ---------- */
.site-footer{background:#0A2547;border-top:none}
.site-footer .logo b{color:#7FD4FF}
.site-footer{box-shadow:0 -1px 0 rgba(18,33,47,.06)}
.foot-grid h4{color:#FFFFFF}
.foot-grid a,.foot-grid p{color:rgba(255,255,255,.62)}
.foot-grid a:hover{color:#7FD4FF}
.foot-disclaimer{border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.42)}
.foot-copy{color:rgba(255,255,255,.38)}
/* 备案号：深蓝页脚上用浅色，保持可读 */
.foot-icp a{color:rgba(255,255,255,.48)}
.foot-icp a:hover{color:#7FD4FF}

/* ---------- 14. 提示浮层 ---------- */
.toast{
  background:#0A2547;color:#FFFFFF;
  border-color:rgba(127,212,255,.5);
  box-shadow:0 12px 40px rgba(18,33,47,.35)}

/* ---------- 15. 关于页 PPT 舞台区（本就是浅色，微调衔接） ---------- */
.ppt-intro .stage::after{
  background:linear-gradient(180deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.62) 55%,#FFFFFF 100%)}