/* S14 Lingomere Vancouver · 统一 UI 皮肤 · 20261111
   覆盖层：所有页面在自家 <style> 之后引入本文件，用于补齐三套模板族的缺口并统一视觉。
   只改表现形式，不改页面结构与文案。 */

:root{
  --s14-navy:#101d2b;
  --s14-navy-2:#1e3a5f;
  --s14-navy-3:#26527a;
  --s14-gold:#c9a227;
  --s14-gold-2:#a9871c;
  --s14-ink:#1b2536;
  --s14-body:#3f4a5a;
  --s14-line:#e3e8ef;
  --s14-bg:#f7f9fc;
}

html{-webkit-text-size-adjust:100%}
body{background:var(--s14-bg);color:var(--s14-body);font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.75}
img{max-width:100%;height:auto}

/* ---------- 头部 ---------- */
.site-header{background:var(--s14-navy)!important;border-bottom:1px solid rgba(201,162,39,.28);position:sticky;top:0;z-index:1000}
/* 字标本身是深蓝色，直接压在深藏青条上几乎看不清 → 放白色小底座 */
.brand{background:#fff;border-radius:10px;padding:5px 11px 5px 8px!important;box-shadow:0 3px 12px rgba(0,0,0,.22);text-decoration:none;display:inline-flex;align-items:center}
.utility-bar{background:#0a131d!important;color:#9fb1c4;font-size:.78rem;padding:.32rem 0!important;letter-spacing:.03em}
.utility-bar .header-container{display:flex;justify-content:space-between;align-items:center}
.utility-bar-right .utility-phone{background:var(--s14-gold)!important;color:#12202e!important;font-weight:700;padding:.24rem .72rem!important;border-radius:999px;text-decoration:none}
.utility-bar-right .utility-phone:hover{background:#d8b23a!important}
.header-inner{gap:1rem;padding:.62rem 0!important}
.brand{max-width:none!important;overflow:visible!important}
.brand-logo-img{height:50px!important;width:auto!important;filter:brightness(1.12) saturate(1.05)}
.main-nav{gap:.1rem!important}
.main-nav .nav-link{color:#d7e0ec!important;font-size:.855rem!important;padding:.5rem .5rem!important;border-radius:6px;text-decoration:none}
.main-nav .nav-link:hover{color:#fff!important;background:rgba(201,162,39,.14)!important}
.nav-item:hover .mega-menu, .nav-item.open .mega-menu{opacity:1;visibility:visible}
.mega-menu{background:#fff!important;border-top:2px solid var(--s14-gold);box-shadow:0 18px 40px rgba(15,23,42,.18)!important}
.mega-menu-col h4{color:var(--s14-navy-2)!important}
/* 同站重复的两个移动端开关：桌面上都必须消失 */
.nav-toggle,.mobile-menu-toggle{display:none!important}

/* ---------- 按钮系统（原页面大量只用 btn-primary 而不带 .btn 基类，导致裸链接下划线） ---------- */
.btn,.btn-primary,.btn-outline,.btn-lg{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.72rem 1.45rem;border-radius:8px;font-weight:600;font-size:.95rem;
  border:1px solid transparent;cursor:pointer;text-decoration:none!important;
  line-height:1.2;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  width:auto!important;max-width:100%;
}
.btn-primary{background:var(--s14-gold);color:#12202e!important;border-color:var(--s14-gold)}
.btn-primary:hover{background:#d8b23a;border-color:#d8b23a;box-shadow:0 8px 20px rgba(201,162,39,.28);transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff!important}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8)}
/* 浅底上的描边按钮 */
.cta-row.on-light .btn-outline,.sec .btn-outline{color:var(--s14-navy-2)!important;border-color:rgba(30,58,95,.35)}
.cta-row.on-light .btn-outline:hover,.sec .btn-outline:hover{background:rgba(30,58,95,.06)}
.btn-lg{padding:.86rem 1.7rem;font-size:1.02rem}

/* ---------- hero ---------- */
.hero{background:linear-gradient(135deg,#0d1926 0%,#1e3a5f 58%,#26527a 100%)!important;padding:66px 0 60px!important;color:#fff}
.hero::before{background-image:
  radial-gradient(900px 420px at 88% -12%,rgba(201,162,39,.16),transparent 62%),
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important;
  background-size:auto,40px 40px,40px 40px!important}
.hero h1{font-size:clamp(2rem,3.5vw,3rem)!important;line-height:1.14;letter-spacing:-.015em;max-width:24ch;margin:.2rem 0 .75rem}
.hero .eyebrow,.hero .kicker{color:#e0bd55!important;letter-spacing:.16em;font-size:.78rem;font-weight:700;text-transform:uppercase}
.hero .lead,.hero .container>p{color:#cddae8!important;font-size:1.02rem;line-height:1.8;max-width:62ch;margin:0}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}
/* hero 里裸挂的链接/文本 CTA 一律升级成主按钮 */
.hero .container>a{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;
  padding:.72rem 1.45rem;border-radius:8px;background:var(--s14-gold);color:#12202e!important;
  font-weight:700;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,162,39,.22)}
.hero .container>a:hover{background:#d8b23a}
.hero .hero-alt-img{height:46px!important;width:auto!important;margin-bottom:.5rem}
.hero .hero-trust,.hero .trust-row{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;color:#a9bccf;font-size:.86rem}

/* ---------- 统计条 ---------- */
.stats-row{background:#fff!important;color:var(--s14-ink)!important;border-bottom:1px solid var(--s14-line);padding:34px 0!important}
.stat-num{color:var(--s14-navy-2)!important;font-weight:800;letter-spacing:-.01em;font-size:1.9rem!important}
.stat-label{color:#5b6577!important;font-size:.84rem!important}

/* ---------- 正文版式 ---------- */
.sec{padding:62px 0!important}
.layout-grid{gap:56px!important}
.layout-grid.reverse{}
.layout-text h2,.sec h2{color:var(--s14-navy)!important;font-size:clamp(1.5rem,2.3vw,1.95rem)!important;line-height:1.22;letter-spacing:-.01em;margin:0 0 .9rem}
.layout-text h2::before{content:"";display:block;width:34px;height:3px;background:var(--s14-gold);margin-bottom:16px;border-radius:2px}
.layout-text p,.sec p{color:var(--s14-body);line-height:1.85;max-width:68ch;margin:0 0 1rem;font-size:1rem}
/* 图片框：原页面背景 #e5e7eb + 图片高度百分比失效 → 现出灰底，改为定比例裁切 */
.layout-image{background:#eef2f6!important;aspect-ratio:4/3;min-height:0!important;border-radius:12px!important;
  overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.12)}
.layout-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;border-radius:0!important}
.layout-image figcaption,.layout-image .caption{padding:10px 14px;font-size:.82rem;color:#5b6577;background:#fff}

/* 图片墙 / 卡片列表 */
.cards,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card,.smooth-card{border:1px solid var(--s14-line);border-radius:12px;background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.card:hover,.smooth-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.1)}
.card img,.smooth-card img{aspect-ratio:16/10;object-fit:cover;width:100%}

/* ---------- 页脚 ---------- */
.site-footer{border-top:4px solid var(--s14-gold)!important;background:linear-gradient(180deg,#0a1420,#0d1a29)!important;color:#b9c7d8!important;padding:52px 0 0!important}
.site-footer h4{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-weight:700}
.site-footer a{display:block;color:#b9c7d8!important;text-decoration:none;font-size:.92rem;padding:5px 0;line-height:1.5}
.site-footer a:hover{color:#e0bd55!important}
.footer-grid{gap:36px!important;padding-bottom:34px!important;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-bottom,.footer-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0 26px;font-size:.8rem;color:#8fa3b8}

/* ---------- 悬浮件 ---------- */
.ai-chat-fab{bottom:22px!important;right:22px!important}
@media (max-width:700px){
  .ai-chat-fab{transform:scale(.9);transform-origin:bottom right}
}

/* ---------- 移动端 ---------- */
@media (max-width:1000px){
  .site-header{position:sticky}
  .main-nav{display:none}
  .main-nav.mobile-open{display:flex;position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;
    background:var(--s14-navy);padding:78px 6% 24px;gap:.15rem;max-height:100vh;overflow:auto;z-index:900}
  .main-nav.mobile-open .nav-link{width:100%;padding:.75rem .4rem!important;font-size:1rem!important}
  .main-nav .mega-menu{position:static;box-shadow:none!important;background:rgba(255,255,255,.05)!important;
    border:0;margin:.2rem 0 .5rem;display:none;min-width:0;padding:.7rem}
  .nav-item.open .mega-menu{display:block}
  .main-nav .mega-menu-col a{color:#dbe4ef}
  .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;
    background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;
    width:44px;height:40px;font-size:1.1rem;cursor:pointer;margin-left:auto;z-index:950}
  .brand-logo-img{height:42px!important}
  .hero{padding:46px 0 44px!important}
  .hero h1{font-size:clamp(1.7rem,7vw,2.2rem)!important}
  .sec{padding:44px 0!important}
  .layout-grid{gap:26px!important;grid-template-columns:1fr!important}
  .layout-image{aspect-ratio:16/10}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .stats-row{padding:24px 0!important}
  .stat-num{font-size:1.5rem!important}
}

/* ---------- 结构兜底：C 族页面自身 CSS 只有 1.7KB，头部/网格布局规则必须由本文件提供 ---------- */
.header-container{width:min(1200px,92%);margin:0 auto}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.main-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;justify-content:flex-end}
.nav-item{position:relative;display:block}
.nav-link{display:inline-flex;align-items:center;min-height:42px;white-space:nowrap}
.main-nav .nav-link{font-size:.83rem;padding:0 .42rem}
.mega-menu{position:absolute;top:100%;left:0;min-width:460px;background:#fff;color:#1f2937;border-radius:10px;
  padding:14px;opacity:0;visibility:hidden;transition:opacity .16s ease;z-index:60}
.mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.mega-menu-col h4{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;color:#1e3a5f}
.mega-menu-col a{display:block;padding:4px 0;font-size:.86rem;color:#374151;text-decoration:none}
.section-title,.sec-kicker{color:#8a7a3f}
.container{width:min(1200px,92%);margin:0 auto}
.layout-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px!important;align-items:center}
.layout-text{min-width:0}
.layout-text .eyebrow,.layout-text .kicker{color:#a9871c;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
@media (min-width:1001px){ .main-nav{display:flex!important} }
/* ---------- B 族（7.9KB 模板）：正文裸挂在 main 下，需补版心与页面头 ---------- */
.page-head{width:min(1200px,92%);margin:0 auto;padding:56px 0 10px}
.page-head h1{font-size:clamp(1.85rem,3vw,2.5rem)!important;line-height:1.18;letter-spacing:-.015em;color:#101d2b!important;margin:0 0 12px;max-width:28ch}
.page-head p{color:#5b6577!important;max-width:66ch;margin:0 0 6px;font-size:1rem;line-height:1.8}
.page-head::after{content:"";display:block;width:48px;height:3px;background:var(--s14-gold);margin-top:20px;border-radius:2px}

/* 满幅背景图段落：压高度 + 左侧深色渐变压住文字，保证可读 */
.layout-full{position:relative;min-height:330px;max-height:420px;background-size:cover!important;background-position:center!important;display:flex;align-items:center;margin:8px 0}
.layout-full::before{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(9,20,32,.92) 0%,rgba(9,20,32,.62) 52%,rgba(9,20,32,.22) 100%)}
.layout-overlay{position:relative;z-index:1;width:min(1200px,92%);margin:0 auto;padding:44px 0}
.layout-overlay h2{color:#fff!important;font-size:clamp(1.45rem,2.4vw,2rem)!important;margin:0 0 12px;text-shadow:0 2px 14px rgba(0,0,0,.4);max-width:30ch}
.layout-overlay p{color:#d5e1ee!important;max-width:62ch;line-height:1.8;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.layout-overlay h2::before{content:"";display:block;width:32px;height:3px;background:var(--s14-gold);margin-bottom:14px;border-radius:2px}

/* 卡片 / 时间线：B 族只有段落，补卡片质感 */
.card-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:6px}
.card,.smooth-card,.process-card{background:#fff;border:1px solid var(--s14-line);border-radius:12px;padding:22px 24px;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.card p{margin:0;color:var(--s14-body);line-height:1.8;font-size:.96rem}
.timeline{display:grid;gap:12px;margin-top:6px}
.timeline-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border-left:3px solid var(--s14-gold);border-radius:0 10px 10px 0;padding:14px 18px;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.timeline-num{flex:0 0 28px;height:28px;border-radius:50%;background:var(--s14-navy-2);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.timeline-item p{margin:0;line-height:1.75}
/* 与 h1 完全同文的分节标题：降级为眉标，避免两个同字号大标题并排 */
.sec h2.dup-title{font-size:.76rem!important;letter-spacing:.18em;text-transform:uppercase;color:#a9871c!important;margin:0 0 14px!important;font-weight:700}
.sec h2.dup-title::before{content:"";display:block;width:26px;height:2px;background:var(--s14-gold);margin-bottom:10px;border-radius:2px}
.layout-overlay{background:transparent!important}
/* ---------- hero 右侧视觉（大屏才出现，避免挤压文字） ---------- */
@media (min-width:1101px){
  .hero .container{position:relative;padding-right:min(43%,520px)}
  .hero-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(40%,480px);
    border-radius:14px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.16)}
  .hero-visual img{width:100%;height:292px;object-fit:cover;display:block}
}
@media (max-width:1100px){ .hero-visual{display:none} }

/* ---------- 页脚品牌位与底部条 ---------- */
.footer-brand{grid-column:span 2;min-width:0}
.footer-brand img{height:40px;width:auto;background:#fff;border-radius:10px;padding:5px 10px;display:inline-block}
.footer-brand p{color:#a8bacd;font-size:.88rem;line-height:1.7;margin:14px 0 0;max-width:34ch}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:14px;
  flex-wrap:wrap;padding:16px 0 24px;font-size:.78rem;color:#8298ad}
.footer-bottom span{max-width:100%}

/* ---------- 悬浮按钮统一：尺寸一致、白环一致 ---------- */
.lingo-float-left{left:18px!important;bottom:22px!important;gap:10px!important}
.lingo-float-left a,.lingo-float-left button{width:54px!important;height:54px!important;border:2px solid rgba(255,255,255,.9)!important;
  box-shadow:0 8px 20px rgba(10,20,32,.28)!important}
.lingo-float-left svg{width:25px!important;height:25px!important}
.lingo-float-left .lf-wa{background:#1faa4f!important}
.lingo-float-left .lf-form{background:var(--s14-navy-2)!important;color:#fff!important}

@media (max-width:700px){
  .lingo-float-left{flex-direction:row!important;left:12px!important;bottom:12px!important;gap:8px!important}
  .lingo-float-left a,.lingo-float-left button{width:46px!important;height:46px!important}
  .footer-brand{grid-column:span 2}
}
/* 页脚列宽：品牌位 + 四个链接列，避免 auto-fit 下品牌位挤掉一列 */
.footer-grid{grid-template-columns:1.6fr repeat(4,minmax(0,1fr))!important;column-gap:26px!important;row-gap:22px!important}
.footer-brand{grid-column:auto!important}
@media (max-width:900px){ .footer-grid{grid-template-columns:1fr 1fr!important} .footer-brand{grid-column:1/-1!important} }
/* 满幅段文字左对齐（原模板 .sec 居中） */
.layout-overlay{text-align:left!important}
.layout-overlay h2{text-align:left!important}
.page-head{text-align:left!important}

/* 移动端：导航收进抽屉，避免链接挤进字标 */
@media (max-width:1000px){
  .site-header .main-nav{display:none!important}
  .site-header .header-inner{justify-content:space-between;gap:12px}
  .site-header .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;
    background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:8px;
    height:38px;padding:0 12px;font-size:.85rem;cursor:pointer}
  .site-header .nav-toggle[aria-expanded="true"]{background:var(--s14-navy);border-color:var(--s14-gold)}
  .site-header .main-nav.is-open,.site-header .main-nav[data-open="true"]{display:block!important}
  .site-header .main-nav{position:absolute;left:0;right:0;top:100%;background:#0c1724;padding:10px 16px 18px;
    border-top:1px solid rgba(255,255,255,.08);z-index:999}
  .site-header .main-nav .nav-item{display:block;border-bottom:1px solid rgba(255,255,255,.06)}
  .site-header .main-nav .nav-link{display:block;padding:12px 2px;color:#e8eef6}
  .site-header .main-nav .mega-menu{display:none!important}
  .site-header .main-nav{max-height:70vh;overflow-y:auto}
  .brand-logo-img{height:40px!important}
  body{padding-bottom:78px}
}
@media (max-width:700px){
  .brand-logo-img{height:34px!important}
  .utility-bar{font-size:.72rem}
  .lingo-float-left{bottom:10px!important}
}
/* 移动端只留一个导航入口，隐藏重复的汉堡按钮 */
@media (max-width:1000px){
  .mobile-menu-toggle{display:none!important}
}