/* =====================================================
   v2-chrome.css — 编辑式统一皮肤层 v1.0 (2026-10-11)
   叠加于 style.css 之上，仅老页面引用；v2 页面（index/checklist）不引用。
   作用：设计令牌对齐 v2、衬线标题、留白节奏、组件精修、toast。
   内容样式大量使用 --primary 等令牌 → 改令牌即全页自动换装。
   ===================================================== */
:root{
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v2-ease:cubic-bezier(.16,1,.3,1);
  --primary:#0F2440;          /* 品牌深蓝对齐 v2 */
  --primary-light:#1B3A5C;
  --transition:all .45s var(--v2-ease);
}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
body{font-family:var(--sans);}
h1,h2,h3,.section-title,.page-header h1,.footer-brand{font-family:var(--serif);letter-spacing:-.01em;}

/* ---- 布局节奏：留白对齐 v2（原 30px 过挤） ---- */
.section{padding:72px 0;}
@media(max-width:768px){.section{padding:48px 0;}}

/* ---- 题头：衬线大字（原 h1 仅 1rem） ---- */
.page-header,.page-header.compact-head{padding:100px 0 34px;}
.page-header h1,.page-header.compact-head h1{font-size:1.55rem;font-weight:700;line-height:1.35;max-width:860px;}
@media(max-width:768px){
  .page-header,.page-header.compact-head{padding:84px 0 26px;}
  .page-header h1,.page-header.compact-head h1{font-size:1.22rem;}
}

/* ---- 导航：毛玻璃 ---- */
.navbar{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,36,64,.06);}
/* 导航链接：金色下划线 hover（与 v2 首页一致） */
.navbar .nav-links a{color:var(--primary);font-weight:500;}
.navbar .nav-links a::after{background:#C8A84E;}
.navbar .nav-links a:hover{color:#C8A84E;}
/* 预约咨询 CTA：金底深蓝字 */
.navbar .nav-links a.nav-cta{background:#C8A84E;color:#0F2440;padding:8px 18px;border-radius:6px;font-weight:600;margin-left:4px;}
.navbar .nav-links a.nav-cta::after{display:none;}
.navbar .nav-links a.nav-cta:hover{background:#b8963f;color:#0F2440;transform:translateY(-1px);}

/* ---- 按钮：统一缓动 ---- */
.btn{transition:all .35s var(--v2-ease);}
.btn:hover{transform:translateY(-1px);}

/* ---- 页脚 ---- */
.footer{padding:72px 0 32px;}
@media(max-width:768px){.footer{padding:52px 0 26px;}}

/* ---- 信任清单：金点替 ✅ ---- */
.aside-trust li{display:flex;gap:9px;align-items:baseline;}
.aside-trust li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translateY(-2px);}

/* ---- 浮动组件图标（JS 注入 SVG 后的样式） ---- */
.fc-main svg,.fc-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.fc-main svg{width:22px;height:22px;}
.fc-icon svg{width:16px;height:16px;}

/* ---- 浮动组件配色统一 v2（去掉蓝绿橙杂色，归到深蓝+金） ---- */
/* 电话：深蓝（品牌主色，替换原亮蓝 #2563EB） */
.float-contact .fc-item.fc-phone{background:linear-gradient(135deg,#1B3A5C,#0F2440);color:#fff!important;border-color:rgba(15,36,64,.30);}
.float-contact .fc-item.fc-phone:hover{background:linear-gradient(135deg,#2A5A8C,#1B3A5C);}
/* 在线预约：金（品牌金，替换原橙 #F59E0B；深蓝字保证对比度） */
.float-contact .fc-item.fc-form{background:linear-gradient(135deg,#C8A84E,#A8882E);color:#0F2440!important;border-color:rgba(200,168,78,.35);}
.float-contact .fc-item.fc-form:hover{background:linear-gradient(135deg,#E8D48B,#C8A84E);}
/* 企业微信 hover：深蓝（替换原浅蓝 #5A8AD9），保持白底静止态 */
.float-contact .fc-item.fc-enterprise:hover{background:linear-gradient(135deg,#1B3A5C,#0F2440)!important;border-color:rgba(15,36,64,.30)!important;color:#fff!important;}
/* 微信：保留平台绿（功能性，非装饰杂色） */
/* 主按钮 fc-main 已是深蓝底+金 hover（令牌 --primary/--accent 对齐 v2） */

/* ---- toast（桌面 tel 拦截提示） ---- */
.v2-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(16px);background:#0F2440;color:#F5E7C3;font-size:.85rem;padding:10px 18px;border-radius:8px;border:1px solid rgba(200,168,78,.5);opacity:0;pointer-events:none;transition:all .4s var(--v2-ease);z-index:9999;box-shadow:0 8px 24px rgba(15,36,64,.25);max-width:86vw;text-align:center;}
.v2-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
