/* ============================================================
   白鲸财税官网 · 样式表
   主色：深蓝 + 浅灰 ｜ 点缀：香槟金
   风格：高端商务 + 简约现代
   ============================================================ */

/* ---------- 变量 ---------- */
:root{
  --navy-950:#04101F;
  --navy-900:#061A31;
  --navy-800:#0A2647;
  --navy-700:#0E3260;
  --navy-600:#154379;
  --navy-500:#1E5691;
  --navy-100:#E3EAF4;
  --navy-50:#F1F5FA;

  --gold-600:#A8823F;
  --gold-500:#C8A165;
  --gold-400:#DBBB88;
  --gold-100:#F6EEDF;

  --gray-50:#F6F8FB;
  --gray-100:#EDF1F6;
  --gray-200:#DCE3EC;
  --gray-300:#C3CDDA;

  --text:#131B26;
  --text-2:#3E4C5E;
  --muted:#6B7A8D;
  --white:#FFFFFF;

  --shadow-sm:0 2px 8px rgba(10,38,71,.06);
  --shadow:0 8px 28px rgba(10,38,71,.09);
  --shadow-lg:0 18px 48px rgba(10,38,71,.14);
  --radius:6px;
  --radius-lg:10px;
  --container:1320px;
  --header-h:72px;

  --font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-num:"DIN Alternate","Bahnschrift","Arial Narrow",var(--font);
}

/* ---------- 基础 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--font);
  font-size:16px;
  line-height:1.75;
  color:var(--text-2);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  -webkit-tap-highlight-color:transparent;
}
body.nav-open{overflow:hidden;}
body.lb-open{overflow:hidden;}
/* 移动端：去掉 300ms 点击延迟、避免双击缩放 */
a,button,label,select,input[type="button"],.btn{touch-action:manipulation;}
h1,h2,h3,h4{margin:0;color:var(--text);font-weight:600;line-height:1.35;letter-spacing:.2px;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{color:inherit;text-decoration:none;transition:color .22s ease;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
table{border-collapse:collapse;width:100%;}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 28px;}
.container--narrow{max-width:980px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--gold-500);color:#fff;padding:10px 16px;}
.skip-link:focus{left:8px;top:8px;}
.gold-text{color:var(--gold-400);}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 26px;border-radius:var(--radius);
  font-size:15px;font-weight:500;letter-spacing:.4px;
  transition:all .24s ease;white-space:nowrap;border:1px solid transparent;
}
.btn--gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#fff;box-shadow:0 6px 18px rgba(168,130,63,.28);}
.btn--gold:hover{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));transform:translateY(-2px);box-shadow:0 10px 24px rgba(168,130,63,.34);color:#fff;}
.btn--outline{border-color:rgba(219,187,136,.55);color:var(--gold-400);background:transparent;}
.btn--outline:hover{background:rgba(219,187,136,.12);border-color:var(--gold-400);color:#fff;}
.btn--outline-dark{border-color:var(--navy-600);color:var(--navy-700);background:transparent;}
.btn--outline-dark:hover{background:var(--navy-800);color:#fff;border-color:var(--navy-800);}
.btn--ghost{border-color:rgba(255,255,255,.28);color:#fff;background:transparent;}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);}
.btn--sm{padding:9px 18px;font-size:14px;}
.btn--lg{padding:15px 34px;font-size:16px;}
.btn--block{width:100%;}

/* ---------- 顶部通告 ---------- */
.topbar{
  background:linear-gradient(90deg,var(--navy-900),var(--navy-700));
  color:#D8E4F2;font-size:13.5px;
  border-bottom:1px solid rgba(200,161,101,.25);
}
.topbar__inner{display:flex;align-items:center;gap:12px;height:38px;}
.topbar__tag{
  background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;
  padding:2px 8px;border-radius:3px;flex:none;
}
.topbar__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.topbar__link{margin-left:auto;color:var(--gold-400);flex:none;font-weight:500;}
.topbar__link:hover{color:#fff;}

/* ---------- 页头 ---------- */
.header{
  position:sticky;top:0;z-index:100;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:box-shadow .3s ease;
}
/* 磨砂层放在伪元素上：.header 自身若带 backdrop-filter，会成为内部
   position:fixed 抽屉导航的包含块，导致移动端抽屉高度塌陷为 0（点汉堡无反应） */
.header::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(10,38,71,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:background .3s ease;
}
.header.is-stuck{box-shadow:0 6px 24px rgba(4,16,31,.35);}
.header.is-stuck::before{background:rgba(6,26,49,.98);}

/* 抽屉遮罩（仅移动端启用；z-index 低于页头 100，避免盖住汉堡按钮） */
.nav-mask{
  display:none;position:fixed;inset:0;z-index:88;
  background:rgba(4,16,31,.55);
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.nav-mask.is-open{opacity:1;pointer-events:auto;}
.header__inner{display:flex;align-items:center;gap:24px;height:var(--header-h);}
.brand{display:flex;align-items:center;gap:12px;flex:none;}
.brand__logo{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid rgba(200,161,101,.4);}
.brand__text{display:flex;flex-direction:column;line-height:1.25;}
.brand__text strong{color:#fff;font-size:19px;letter-spacing:2px;font-weight:600;}
.brand__text em{color:var(--gold-400);font-size:11.5px;font-style:normal;letter-spacing:1.2px;}

.nav{display:flex;align-items:center;gap:28px;margin-left:auto;}
.nav__list{display:flex;align-items:center;gap:26px;}
.nav__list a{
  position:relative;color:#D5E1F0;font-size:15px;padding:6px 0;
}
.nav__list a::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--gold-500),var(--gold-400));transition:width .26s ease;
}
.nav__list a:hover{color:#fff;}
.nav__list a:hover::after{width:100%;}
.nav__item--hl a{
  color:var(--gold-400);font-weight:600;
  border:1px solid rgba(200,161,101,.45);border-radius:4px;padding:5px 12px !important;
}
.nav__item--hl a::after{display:none;}
.nav__item--hl a:hover{background:rgba(200,161,101,.16);color:#fff;}
.nav__cta{display:flex;align-items:center;gap:10px;flex:none;}

.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:auto;}
.nav-toggle span{width:22px;height:2px;background:#fff;display:block;transition:.25s;border-radius:2px;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- 章节通用 ---------- */
.section{padding:98px 0;position:relative;}
/* 锚点跳转时预留吸顶页头高度，避免标题被遮挡 */
section[id],main[id],[id="home"]{scroll-margin-top:96px;}
.section--gray{background:var(--gray-50);}
.section--dark{background:linear-gradient(160deg,var(--navy-900),var(--navy-800) 55%,var(--navy-700));color:#C9D7E8;}
.section__head{max-width:880px;margin:0 auto 62px;text-align:center;}
.section__head--center{margin-left:auto;margin-right:auto;}
.section__eyebrow{
  color:var(--gold-600);font-size:12.5px;letter-spacing:3px;font-weight:600;
  text-transform:uppercase;margin-bottom:12px;
}
.section__eyebrow--light{color:var(--gold-400);}
.section__title{font-size:36px;letter-spacing:1px;}
.section__title::after{
  content:"";display:block;width:56px;height:3px;margin:18px auto 0;
  background:linear-gradient(90deg,var(--gold-500),transparent);border-radius:2px;
}
.section__title--light{color:#fff;}
.section__desc{margin-top:20px;color:var(--muted);font-size:17px;}
.section__desc--light{color:#A9BFD8;}

/* ---------- 首屏 ---------- */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--navy-950) 0%,var(--navy-800) 48%,var(--navy-700) 100%);
  padding:78px 0 0;color:#C9D7E8;
}
.hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero__ring{
  position:absolute;border-radius:50%;border:1px solid rgba(200,161,101,.22);
}
.hero__ring--1{width:640px;height:640px;right:-160px;top:-200px;
  box-shadow:inset 0 0 120px rgba(200,161,101,.06);}
.hero__ring--2{width:420px;height:420px;right:-60px;top:-100px;border-color:rgba(200,161,101,.14);}
.hero__grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 70% 20%,#000 0%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse at 70% 20%,#000 0%,transparent 72%);
}
.hero__inner{
  position:relative;display:grid;grid-template-columns:1.32fr .88fr;gap:64px;align-items:center;
  padding-bottom:72px;
}
.hero__eyebrow{
  color:var(--gold-400);font-size:13.5px;letter-spacing:2.4px;margin-bottom:20px;
  padding-left:14px;border-left:2px solid var(--gold-500);
}
.hero__title{font-size:52px;line-height:1.2;color:#fff;letter-spacing:2px;font-weight:600;}
.hero__sub{margin-top:22px;font-size:16.5px;color:#B4C7DC;max-width:640px;}
.hero__actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
.hero__points{margin-top:30px;display:grid;gap:10px;}
.hero__points li{
  position:relative;padding-left:22px;font-size:14.5px;color:#93AAC4;
}
.hero__points li::before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
  background:var(--gold-500);transform:rotate(45deg);border-radius:1px;
}

/* 数据卡 */
.statcard{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(200,161,101,.28);
  border-radius:var(--radius-lg);
  padding:30px 28px;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.statcard__title{
  font-size:15px;color:#fff;letter-spacing:1.5px;font-weight:500;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px;
}
.statcard__list{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;}
.statcard__list li{display:flex;flex-direction:column;gap:2px;}
.statcard__num{
  font-family:var(--font-num);font-size:34px;font-weight:700;letter-spacing:1px;
  background:linear-gradient(135deg,#fff,var(--gold-400));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  line-height:1.1;
}
.statcard__label{font-size:13px;color:#93AAC4;letter-spacing:.5px;}
.statcard__foot{
  margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);
  font-size:13.5px;color:#A9BFD8;line-height:1.8;
}
.statcard__foot b{color:var(--gold-400);font-weight:600;}
.statcard__note{color:#7D93AD;font-size:12.5px;margin-top:6px;}

/* 平台条 */
.platbar{
  position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  padding-top:26px;padding-bottom:26px;
  border-top:1px solid rgba(255,255,255,.09);
}
.platbar__label{font-size:13px;color:var(--gold-400);letter-spacing:1px;flex:none;}
.platbar__list{display:flex;flex-wrap:wrap;gap:9px;}
.platbar__list li{
  font-size:13px;color:#9DB3CB;padding:4px 12px;
  border:1px solid rgba(255,255,255,.13);border-radius:100px;
  transition:.24s;
}
.platbar__list li:hover{border-color:rgba(200,161,101,.55);color:var(--gold-400);}

/* ---------- 痛点 ---------- */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.pain{
  position:relative;background:#fff;border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);padding:32px 28px;
  box-shadow:var(--shadow-sm);transition:.3s;
}
.pain:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--navy-100);}
.pain__no{
  font-family:var(--font-num);font-size:15px;font-weight:700;color:var(--gold-600);
  letter-spacing:2px;display:block;margin-bottom:14px;
}
.pain__title{font-size:20px;margin-bottom:12px;}
.pain__desc{color:var(--muted);font-size:15px;min-height:72px;}
.pain__solute{
  margin-top:18px;padding:16px 18px;border-radius:var(--radius);
  background:var(--navy-50);border-left:3px solid var(--gold-500);
}
.pain__tag{
  display:inline-block;font-size:12px;color:var(--gold-600);font-weight:600;
  letter-spacing:1px;margin-bottom:6px;
}
.pain__solute p{font-size:14.5px;color:var(--text-2);}

/* ---------- 服务 ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.svc{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:30px 26px;transition:.3s;position:relative;overflow:hidden;
}
.svc::before{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--gold-500),var(--navy-600));transition:width .35s ease;
}
.svc:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--navy-100);}
.svc:hover::before{width:100%;}
.svc__icon{
  width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:var(--gold-400);
  margin-bottom:20px;
}
.svc__icon svg{width:26px;height:26px;}
.svc__title{font-size:19px;margin-bottom:14px;}
.svc__list{display:grid;gap:8px;}
.svc__list li{
  position:relative;padding-left:16px;font-size:14.5px;color:var(--muted);line-height:1.65;
}
.svc__list li::before{
  content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;
  background:var(--gold-500);
}

/* ---------- 跨境 ---------- */
.cb{display:grid;grid-template-columns:1.25fr .9fr;gap:60px;align-items:start;}
.cb__lead{color:#A9BFD8;margin-top:18px;font-size:16px;}
.cb__sub{
  color:#fff;font-size:16px;margin:30px 0 14px;letter-spacing:1px;
  padding-left:12px;border-left:2px solid var(--gold-500);
}
.cb__chips{display:flex;flex-wrap:wrap;gap:9px;}
.cb__chips li{
  font-size:13.5px;color:#C9D7E8;padding:6px 14px;border-radius:4px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
}
.cb__note{font-size:13px;color:#7D93AD;margin-top:12px;}
.cb__flow{display:grid;gap:10px;counter-reset:none;}
.cb__flow li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#B4C7DC;}
.cb__flow span{
  flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-family:var(--font-num);font-weight:700;
  background:rgba(200,161,101,.16);color:var(--gold-400);border:1px solid rgba(200,161,101,.4);
}
.case-hl{
  background:rgba(255,255,255,.05);border:1px solid rgba(200,161,101,.3);
  border-radius:var(--radius-lg);padding:30px 28px;
}
.case-hl__tag{
  color:var(--gold-400);font-size:13.5px;letter-spacing:1px;font-weight:600;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);
}
.case-hl__dl{margin:18px 0 0;}
.case-hl__dl dt{color:#7D93AD;font-size:12.5px;letter-spacing:1px;margin-top:14px;}
.case-hl__dl dd{margin:4px 0 0;color:#D5E1F0;font-size:14.5px;}
.case-hl__num{
  font-family:var(--font-num);font-size:44px;font-weight:700;color:var(--gold-400);
  margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);line-height:1.1;
}
.case-hl__numdesc{font-size:12.5px;color:#7D93AD;margin-top:6px;}

/* ---------- 优势 ---------- */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:64px;}
.adv{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:28px 24px;transition:.3s;border-top:3px solid var(--navy-700);
}
.adv:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-top-color:var(--gold-500);}
.adv__num{
  font-family:var(--font-num);font-size:40px;font-weight:700;color:var(--navy-800);
  line-height:1.1;letter-spacing:1px;
}
.adv__num span{font-size:17px;margin-left:3px;color:var(--gold-600);font-family:var(--font);}
.adv__title{font-size:17px;margin:12px 0 10px;}
.adv p{font-size:14.5px;color:var(--muted);}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;}
.table{min-width:560px;font-size:15px;background:#fff;}
/* 宽度超出屏幕时给出滑动提示（由 JS 判断是否可横向滚动） */
.table-wrap.is-scrollable::after{
  content:"← 左右滑动查看完整表格 →";
  display:block;margin-top:10px;text-align:center;
  font-size:12.5px;color:var(--muted);letter-spacing:.3px;
}
.pp .table-wrap.is-scrollable::after{color:#93A7BC;}
.table caption{text-align:left;}
.table th,.table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--gray-200);vertical-align:middle;}
.table thead th{
  background:var(--navy-800);color:#fff;font-weight:500;font-size:14.5px;
  letter-spacing:.6px;border-bottom:none;white-space:nowrap;
}
.table tbody th{font-weight:500;color:var(--text);}
.table tbody tr:nth-child(even){background:var(--gray-50);}
.table tbody tr:hover{background:var(--navy-50);}
.table .price{color:#B4322C;font-weight:700;font-family:var(--font-num);font-size:16px;}
.table .sub{display:block;font-size:12.5px;color:var(--muted);font-weight:400;font-family:var(--font);}
.table .col-us{background:rgba(200,161,101,.09) !important;color:var(--navy-800);font-weight:500;}
.table .col-profit{color:#B4322C;font-weight:700;font-family:var(--font-num);}

.compare{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-sm);}
.compare__title{font-size:20px;text-align:center;margin-bottom:26px;}
.compare__foot{
  text-align:center;margin-top:24px;color:var(--navy-700);font-size:15px;font-weight:500;
  padding:14px;background:var(--navy-50);border-radius:var(--radius);
}
.table-note{
  margin-top:14px;font-size:13.5px;color:var(--muted);line-height:1.8;
  padding-left:14px;border-left:2px solid var(--gray-300);
}
.table-note--dark{color:#8FA6C0;border-left-color:rgba(200,161,101,.5);}
.disclaimer{margin-top:22px;font-size:12.5px;color:var(--muted);text-align:center;}

/* ---------- 流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative;}
.step{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:30px 24px;position:relative;transition:.3s;
}
.step:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.step__no{
  font-family:var(--font-num);font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--navy-700),var(--navy-500));
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
}
.step__title{font-size:17px;margin-bottom:10px;}
.step p{font-size:14.5px;color:var(--muted);}

/* ---------- 案例 ---------- */
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.case{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:26px 24px;transition:.3s;display:flex;flex-direction:column;
}
.case:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--navy-100);}
.case__tag{
  display:inline-block;font-size:12.5px;color:var(--navy-700);font-weight:600;
  background:var(--navy-50);padding:5px 12px;border-radius:100px;margin-bottom:18px;
  align-self:flex-start;letter-spacing:.5px;
}
.case dl{margin:0;flex:1;}
.case dt{font-size:12.5px;color:var(--gold-600);letter-spacing:1px;margin-top:12px;}
.case dd{margin:4px 0 0;font-size:14.5px;color:var(--text-2);}
.case__result{
  margin-top:20px;padding-top:16px;border-top:1px dashed var(--gray-200);
  color:#8C2F2A;font-weight:600;font-size:15.5px;
}

/* ---------- 选项卡 ---------- */
.tabs__nav{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap;justify-content:center;}
.tabs__btn{
  padding:11px 24px;border-radius:var(--radius);font-size:15px;
  background:#fff;border:1px solid var(--gray-200);color:var(--text-2);transition:.24s;
}
.tabs__btn:hover{border-color:var(--navy-500);color:var(--navy-700);}
.tabs__btn.is-active{
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));
  color:#fff;border-color:var(--navy-800);box-shadow:0 6px 18px rgba(10,38,71,.2);
}
.tabs__pane{display:none;}
.tabs__pane.is-active{display:block;animation:fadeIn .35s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

.pricing__cta{
  margin-top:38px;text-align:center;background:#fff;border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);padding:30px 24px;box-shadow:var(--shadow-sm);
}
.pricing__cta p{font-size:16px;color:var(--text-2);margin-bottom:20px;}
.pricing__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ---------- 合伙人板块（重点） ---------- */
.section--partner{
  position:relative;
  background:
    radial-gradient(circle at 12% 8%,rgba(200,161,101,.14) 0%,transparent 46%),
    radial-gradient(circle at 88% 92%,rgba(30,86,145,.35) 0%,transparent 50%),
    linear-gradient(160deg,var(--navy-950),var(--navy-900) 45%,var(--navy-800));
  color:#C9D7E8;
  border-top:1px solid rgba(200,161,101,.28);
  border-bottom:1px solid rgba(200,161,101,.28);
}
.partner__badge{
  display:inline-block;margin-bottom:18px;padding:7px 20px;border-radius:100px;
  background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  color:#fff;font-size:13.5px;font-weight:600;letter-spacing:2px;
  box-shadow:0 8px 22px rgba(168,130,63,.35);
}
.section--partner .section__title::after{
  background:linear-gradient(90deg,var(--gold-500) 0%,transparent 100%);
}
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.pp{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);
  border-radius:var(--radius-lg);padding:28px 26px;transition:.3s;
}
.pp:hover{
  background:rgba(255,255,255,.08);border-color:rgba(200,161,101,.45);transform:translateY(-5px);
}
.pp__ico{
  width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:rgba(200,161,101,.14);border:1px solid rgba(200,161,101,.35);
  color:var(--gold-400);margin-bottom:18px;
}
.pp__ico svg{width:24px;height:24px;}
.pp h3{color:#fff;font-size:17.5px;margin-bottom:10px;}
.pp p{font-size:14.5px;color:#A9BFD8;}

.pp-rules{
  margin-top:34px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--gold-500);
  border-radius:var(--radius);padding:28px 30px;
}
.pp-rules__title{color:#fff;font-size:18px;margin-bottom:18px;letter-spacing:1px;}
.pp-rules__list{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;}
.pp-rules__list li{
  position:relative;padding-left:18px;font-size:14.5px;color:#A9BFD8;line-height:1.75;
}
.pp-rules__list li::before{
  content:"";position:absolute;left:0;top:10px;width:6px;height:6px;
  background:var(--gold-500);transform:rotate(45deg);border-radius:1px;
}
.pp-rules__list b{color:#E4EDF7;font-weight:600;}

.pp-price{
  margin-top:34px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);
  padding:32px 28px;
}
.pp-price__head{text-align:center;margin-bottom:26px;}
.pp-price__head h3{color:#fff;font-size:21px;letter-spacing:1px;}
.pp-price__head p{color:var(--gold-400);font-size:13.5px;margin-top:8px;letter-spacing:.8px;}
.tabs--dark .tabs__btn{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#C9D7E8;
}
.tabs--dark .tabs__btn:hover{border-color:rgba(200,161,101,.5);color:#fff;}
.tabs--dark .tabs__btn.is-active{
  background:linear-gradient(135deg,var(--gold-500),var(--gold-600));
  color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(168,130,63,.3);
}
.table--dark{background:transparent;color:#C9D7E8;}
.table--dark th,.table--dark td{border-bottom:1px solid rgba(255,255,255,.1);}
.table--dark thead th{background:rgba(255,255,255,.07);color:var(--gold-400);}
.table--dark tbody th{color:#E4EDF7;}
.table--dark tbody tr:nth-child(even){background:rgba(255,255,255,.03);}
.table--dark tbody tr:hover{background:rgba(200,161,101,.1);}
.table--dark .col-profit{color:#FFD9A0;}

.pp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;}
.pp-target,.pp-flow{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.11);
  border-radius:var(--radius-lg);padding:28px 26px;
}
.pp-target h3,.pp-flow h3{color:#fff;font-size:18px;margin-bottom:18px;letter-spacing:1px;}
.pp-target ul{display:grid;gap:11px;}
.pp-target li{
  position:relative;padding-left:20px;font-size:14.5px;color:#A9BFD8;
}
.pp-target li::before{
  content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;
  background:var(--gold-500);
}
.pp-flow ol{display:grid;gap:12px;}
.pp-flow li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#A9BFD8;}
.pp-flow span{
  flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-family:var(--font-num);font-weight:700;
  background:rgba(200,161,101,.16);color:var(--gold-400);border:1px solid rgba(200,161,101,.4);
}

.pp-cta{
  margin-top:34px;display:flex;align-items:center;gap:28px;justify-content:space-between;
  background:linear-gradient(120deg,rgba(200,161,101,.16),rgba(200,161,101,.05));
  border:1px solid rgba(200,161,101,.4);border-radius:var(--radius-lg);
  padding:30px 34px;flex-wrap:wrap;
}
.pp-cta__text h3{color:#fff;font-size:22px;margin-bottom:8px;}
.pp-cta__text p{color:#A9BFD8;font-size:14.5px;}
.pp-cta__btns{display:flex;gap:12px;flex-wrap:wrap;}

/* 供货底价定向获取卡 */
.pp-lock{
  margin-top:28px;display:flex;gap:28px;align-items:center;justify-content:space-between;
  background:rgba(200,161,101,.08);
  border:1px dashed rgba(200,161,101,.55);
  border-radius:var(--radius-lg);
  padding:28px 30px;flex-wrap:wrap;
}
.pp-lock h4{color:#fff;font-size:17.5px;margin-bottom:10px;letter-spacing:.5px;}
.pp-lock__left > p{font-size:14px;color:#A9BFD8;}
.pp-lock__left ul{margin-top:12px;display:grid;gap:8px;}
.pp-lock__left li{
  position:relative;padding-left:18px;font-size:13.5px;color:#A9BFD8;
}
.pp-lock__left li::before{
  content:"";position:absolute;left:0;top:9px;width:6px;height:6px;
  background:var(--gold-500);transform:rotate(45deg);border-radius:1px;
}
.pp-lock__teaser{
  margin-top:16px;color:var(--gold-400);font-size:14.5px;font-weight:600;letter-spacing:.5px;
}
.pp-lock__btns{display:flex;flex-direction:column;gap:10px;flex:none;}
@media (max-width:860px){
  .pp-lock{flex-direction:column;align-items:stretch;}
  .pp-lock__btns{flex-direction:row;width:100%;}
  .pp-lock__btns .btn{flex:1;padding-left:8px;padding-right:8px;}
}

/* ---------- 承诺 ---------- */
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.promise{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:32px 28px;text-align:center;transition:.3s;box-shadow:var(--shadow-sm);
}
.promise:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--navy-100);}
.promise h3{
  font-size:19px;padding-bottom:16px;margin-bottom:18px;position:relative;
}
.promise h3::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:36px;height:2px;background:var(--gold-500);
}
.promise ul{display:grid;gap:11px;}
.promise li{font-size:15px;color:var(--text-2);}

/* ---------- 关于 ---------- */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;}
.about__lead{
  margin-top:18px;font-size:17px;color:var(--navy-700);font-weight:500;line-height:1.8;
}
.about__text{margin-top:16px;color:var(--muted);font-size:15.5px;}
.about__facts{margin-top:26px;display:grid;gap:0;}
.about__facts li{
  display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--gray-200);font-size:14.5px;
}
.about__facts b{flex:none;width:150px;color:var(--text);font-weight:600;}
.timeline,.team{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:28px 26px;box-shadow:var(--shadow-sm);
}
.team{margin-top:22px;}
.timeline__title,.team__title{font-size:18px;margin-bottom:22px;padding-left:12px;border-left:3px solid var(--gold-500);}
.timeline__item{display:flex;gap:18px;padding-bottom:22px;position:relative;}
.timeline__item:last-child{padding-bottom:0;}
.timeline__item:not(:last-child)::after{
  content:"";position:absolute;left:31px;top:34px;bottom:6px;width:1px;background:var(--gray-200);
}
.timeline__year{
  flex:none;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:var(--gold-400);
  font-family:var(--font-num);font-size:16px;font-weight:700;letter-spacing:1px;
}
.timeline__item h4{font-size:16px;margin-bottom:8px;}
.timeline__item p{font-size:14.5px;color:var(--muted);}
.team__list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.team__list li{
  background:var(--navy-50);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:2px;
}
.team__list b{font-family:var(--font-num);font-size:24px;color:var(--navy-800);font-weight:700;}
.team__list span{font-size:13.5px;color:var(--muted);}
.team__note{margin-top:16px;font-size:13.5px;color:var(--muted);line-height:1.8;}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px;}
.faq__item{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);
  transition:.26s;overflow:hidden;
}
.faq__item[open]{border-color:var(--navy-100);box-shadow:var(--shadow-sm);}
.faq__item summary{
  cursor:pointer;list-style:none;padding:20px 52px 20px 24px;position:relative;
  font-size:16.5px;color:var(--text);font-weight:500;
}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__item summary::after{
  content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--gold-600);border-bottom:2px solid var(--gold-600);
  transform:translateY(-70%) rotate(45deg);transition:transform .26s ease;
}
.faq__item[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.faq__item p{
  padding:0 24px 22px;font-size:15px;color:var(--muted);line-height:1.85;
}
.faq-cta{
  margin-top:34px;text-align:center;background:var(--navy-50);border-radius:var(--radius-lg);
  padding:28px 24px;
}
.faq-cta p{font-size:16px;color:var(--text-2);margin-bottom:18px;}

/* ---------- 联系 ---------- */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.contact__lead{margin-top:18px;color:#A9BFD8;font-size:16px;}
.contact__list{margin-top:30px;display:grid;gap:20px;}
.contact__list li{display:flex;flex-direction:column;gap:4px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);}
.contact__list li:last-child{border-bottom:none;}
.contact__label{font-size:12.5px;color:var(--gold-400);letter-spacing:1.5px;}
.contact__value{color:#E4EDF7;font-size:16px;}
.contact__value--big{
  font-family:var(--font-num);font-size:32px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.2;
}
a.contact__value--big:hover{color:var(--gold-400);}
.contact__tip{font-size:12.5px;color:#7D93AD;}
.contact__btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;}

.contact__form{
  background:rgba(255,255,255,.05);border:1px solid rgba(200,161,101,.28);
  border-radius:var(--radius-lg);padding:32px 30px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.form__title{color:#fff;font-size:20px;margin-bottom:8px;}
.form__desc{font-size:13.5px;color:#8FA6C0;margin-bottom:22px;}
.form{display:grid;gap:16px;}
.form__row{display:grid;gap:7px;}
.form label{font-size:14px;color:#B4C7DC;}
.req{color:var(--gold-400);}
.form input,.form select,.form textarea{
  width:100%;padding:12px 14px;border-radius:var(--radius);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  color:#fff;font-size:16px;font-family:inherit;transition:.22s;
}
.form input::placeholder,.form textarea::placeholder{color:#7D93AD;}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:none;border-color:var(--gold-500);background:rgba(255,255,255,.1);
  box-shadow:0 0 0 3px rgba(200,161,101,.14);
}
.form select option{background:var(--navy-800);color:#fff;}
.form textarea{resize:vertical;}
.form__hint{font-size:12.5px;color:#7D93AD;text-align:center;}
.form__ok{
  display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--radius);
  background:rgba(200,161,101,.14);border:1px solid rgba(200,161,101,.4);
  color:#F0E2C8;font-size:14px;
}
.form__ok b{color:var(--gold-400);}
.form__ok a{color:var(--gold-400);text-decoration:underline;text-underline-offset:3px;}
.form__ok a:hover{color:#fff;}
.form .is-error{border-color:#E0736C;box-shadow:0 0 0 3px rgba(224,115,108,.16);}

/* ---------- 页脚 ---------- */
.footer{background:var(--navy-950);color:#8FA6C0;padding:64px 0 env(safe-area-inset-bottom,0px);font-size:14.5px;}
.footer__inner{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:52px;
  padding-bottom:52px;
}
.footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.footer__brand img{width:44px;height:44px;border-radius:6px;border:1px solid rgba(200,161,101,.35);}
.footer__brand strong{display:block;color:#fff;font-size:18px;letter-spacing:2px;font-weight:600;}
.footer__brand em{color:var(--gold-400);font-size:12px;font-style:normal;letter-spacing:1px;}
.footer__desc{line-height:1.85;font-size:14px;}
.footer__contact{margin-top:16px;line-height:1.9;font-size:14px;}
.footer__contact a{color:var(--gold-400);}
.footer__col h3{
  color:#fff;font-size:15.5px;margin-bottom:18px;letter-spacing:1px;font-weight:500;
  padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);
}
.footer__col ul{display:grid;gap:10px;}
.footer__col li a:hover{color:var(--gold-400);}
.footer__hl a{color:var(--gold-400);font-weight:600;}
.footer__bottom{
  border-top:1px solid rgba(255,255,255,.09);padding-top:22px;padding-bottom:28px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:13px;color:#6C8299;
}
.footer__bottom a:hover{color:var(--gold-400);}
.footer__beian{
  flex-basis:100%;text-align:center;padding-top:6px;color:#7E93A9;letter-spacing:.4px;
}
.footer__beian a{color:#93A7BC;}
.footer__beian a:hover{color:var(--gold-400);}

/* ---------- 悬浮按钮 ---------- */
.float{
  position:fixed;right:22px;bottom:28px;z-index:90;
  display:flex;flex-direction:column;gap:10px;
}
.float__btn{
  width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--navy-800);color:#fff;box-shadow:var(--shadow);
  border:1px solid rgba(200,161,101,.35);transition:.26s;position:relative;
}
.float__btn svg{width:22px;height:22px;}
.float__btn:hover{background:var(--gold-600);color:#fff;transform:translateY(-3px);}
.float__label{
  position:absolute;right:62px;top:50%;transform:translateY(-50%);
  background:var(--navy-900);color:#fff;font-size:13px;padding:7px 12px;border-radius:4px;
  white-space:nowrap;opacity:0;pointer-events:none;transition:.24s;
  border:1px solid rgba(200,161,101,.3);
}
.float__btn:hover .float__label{opacity:1;right:58px;}
.float__btn--top{opacity:0;pointer-events:none;}
.float__btn--top.is-show{opacity:1;pointer-events:auto;}

/* ---------- 提示 ---------- */
.toast{
  position:fixed;left:50%;bottom:44px;transform:translate(-50%,20px);
  background:var(--navy-900);color:#fff;padding:14px 26px;border-radius:var(--radius);
  border:1px solid rgba(200,161,101,.4);box-shadow:var(--shadow-lg);
  font-size:14.5px;opacity:0;pointer-events:none;transition:.3s;z-index:200;
}
.toast.is-show{opacity:1;transform:translate(-50%,0);}

/* ---------- 滚动动效 ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.reveal.is-in{opacity:1;transform:none;}
.reveal--delay{transition-delay:.1s;}
.reveal--delay2{transition-delay:.2s;}
.reveal--delay3{transition-delay:.3s;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ---------- 资质证书 ---------- */
.hero__cert{
  margin-top:30px;display:inline-flex;align-items:center;gap:9px;
  padding:9px 17px;border-radius:100px;
  background:rgba(200,161,101,.12);border:1px solid rgba(200,161,101,.42);
  color:var(--gold-400);font-size:13.5px;letter-spacing:.4px;transition:.24s;
}
.hero__cert:hover{background:rgba(200,161,101,.2);border-color:var(--gold-400);}
.hero__cert svg{width:16px;height:16px;flex:none;}
.hero__cert b{color:#fff;font-weight:600;}

.cert-block{
  margin-top:72px;display:grid;grid-template-columns:1fr 1.06fr;gap:58px;align-items:center;
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);
  padding:46px 50px;box-shadow:var(--shadow-sm);
}
.cert{margin:0;}
.cert__frame{
  position:relative;display:block;width:100%;padding:0;border-radius:8px;overflow:hidden;
  background:linear-gradient(160deg,#FCF9FA,#F3ECEF);
  border:1px solid var(--gray-200);
  box-shadow:0 14px 36px rgba(10,38,71,.1);
  transition:.3s;cursor:zoom-in;
}
.cert__frame:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,38,71,.16);border-color:var(--gold-500);}
.cert__frame img{width:100%;height:auto;}
.cert__zoom{
  position:absolute;right:12px;bottom:12px;
  background:rgba(10,38,71,.86);color:#fff;font-size:12.5px;letter-spacing:.6px;
  padding:6px 13px;border-radius:100px;border:1px solid rgba(200,161,101,.5);
}
.cert-info__title{font-size:26px;margin-top:10px;}
.cert-info__lead{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.85;}
.cert-info__list{margin-top:26px;display:grid;gap:0;}
.cert-info__list li{
  display:flex;gap:16px;padding:12px 0;border-bottom:1px dashed var(--gray-200);
  font-size:15px;color:var(--text-2);
}
.cert-info__list b{flex:none;width:136px;color:var(--text);font-weight:600;}
.cert-info__note{margin-top:20px;font-size:14px;color:var(--gold-600);font-weight:600;letter-spacing:.4px;}
.cert-info__btns{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- 图片放大查看 ---------- */
.lightbox{
  position:fixed;inset:0;z-index:400;
  display:flex;align-items:center;justify-content:center;padding:28px;
  background:rgba(4,16,31,.92);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}
.lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.lightbox__img{
  max-width:min(1120px,94vw);max-height:86vh;width:auto;height:auto;
  border-radius:6px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.6);
}
.lightbox__close{
  position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;
  font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.24s;
}
.lightbox__close:hover{background:rgba(200,161,101,.85);border-color:transparent;}
.lightbox__hint{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#93A7BC;font-size:13px;}

/* ============================================================
   响应式
   ============================================================ */
/* 大屏：进一步放宽留白，避免内容在宽屏上显得局促 */
@media (min-width:1440px){
  .section{padding:108px 0;}
  .section__head{margin-bottom:68px;}
  .section__title{font-size:38px;}
  .hero__title{font-size:56px;}
  .hero__sub{font-size:17px;}
  .about__text,.pain__desc{font-size:16px;}
}

@media (max-width:1080px){
  .nav{gap:18px;}
  .nav__list{gap:18px;}
  .nav__list a{font-size:14px;}
  .hero__inner{grid-template-columns:1fr;gap:40px;}
  .hero__title{font-size:44px;}
  .cb,.about,.contact{grid-template-columns:1fr;gap:40px;}
  .adv-grid,.case-grid,.steps{grid-template-columns:repeat(2,1fr);}
  .svc-grid,.pain-grid,.promise-grid,.pp-grid{grid-template-columns:repeat(2,1fr);}
  .pp-rules__list{grid-template-columns:1fr;}
  .footer__inner{grid-template-columns:1fr 1fr;}
  .cert-block{grid-template-columns:1fr;gap:40px;padding:38px 34px;}
}

/* ---------- ≤1024px：切换为抽屉导航（避免窄屏桌面导航挤压换行） ---------- */
@media (max-width:1024px){
  .nav-toggle{display:flex;}
  .nav{
    position:fixed;left:0;right:0;top:calc(var(--header-h) + 38px);bottom:0;
    z-index:2;margin-left:0;
    background:var(--navy-900);flex-direction:column;align-items:stretch;gap:0;
    padding:18px 24px calc(40px + env(safe-area-inset-bottom,0px));
    overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(100%);
    visibility:hidden;
    transition:transform .3s ease,visibility .3s ease;
    box-shadow:-14px 0 44px rgba(4,16,31,.45);
  }
  .nav.is-open{transform:none;visibility:visible;}
  .nav-mask{display:block;}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .nav__list li{border-bottom:1px solid rgba(255,255,255,.08);}
  .nav__list a{display:block;padding:16px 4px;font-size:16px;}
  .nav__list a::after{display:none;}
  .nav__item--hl a{margin:14px 0;padding:12px 16px !important;text-align:center;}
  .nav__cta{flex-direction:column;margin-top:20px;gap:12px;}
  .nav__cta .btn{width:100%;}
}

@media (max-width:860px){
  .topbar__text{font-size:12.5px;}
  .topbar__inner{height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:6px;}
  .topbar__link{margin-left:0;}
  .header__inner{height:64px;}
  .section{padding:64px 0;}
  .section__title{font-size:27px;}
  .hero{padding-top:56px;}
  .hero__title{font-size:36px;}
  .hero__sub{font-size:15.5px;}
  .hero__actions .btn{flex:1;min-width:150px;}
  .pain__desc{min-height:auto;}
  .container{padding:0 18px;}
  .float{right:14px;bottom:18px;}
  .float__btn{width:46px;height:46px;}
  .float__label{display:none;}

  /* 点击热区：移动端不小于 44px */
  .btn--sm{padding:12px 20px;}
  .nav-toggle{padding:10px;}
  .footer__col li a{display:inline-block;padding:5px 0;}

  /* 卡片与表格在小屏更紧凑 */
  .compare{padding:24px 18px;}
  .table{min-width:520px;font-size:14px;}
  .table th,.table td{padding:12px 14px;}
  .pp-cta{padding:26px 22px;}

  /* iPhone 圆角屏 / 全面屏底部安全区 */
  .float{bottom:calc(20px + env(safe-area-inset-bottom, 0px));}
  .toast{bottom:calc(28px + env(safe-area-inset-bottom, 0px));}
}

@media (max-width:640px){
  .hero__title{font-size:30px;letter-spacing:1px;}
  .section__title{font-size:23px;}
  .statcard__list{grid-template-columns:1fr 1fr;gap:18px 12px;}
  .statcard__num{font-size:28px;}
  .adv-grid,.case-grid,.steps,.svc-grid,.pain-grid,.promise-grid,.pp-grid,.pp-two,.footer__inner{
    grid-template-columns:1fr;
  }
  .team__list{grid-template-columns:1fr;}
  .tabs__nav{flex-direction:column;}
  .tabs__btn{width:100%;}
  .hero__actions{flex-direction:column;}
  .hero__actions .btn{width:100%;}
  .contact__value--big{font-size:26px;}
  .case-hl__num{font-size:34px;}
  .about__facts li{flex-direction:column;gap:2px;}
  .about__facts b{width:auto;}
  .pp-cta__btns{width:100%;flex-direction:column;}
  .pp-cta__btns .btn{width:100%;}
  .pricing__btns{flex-direction:column;}
  .pricing__btns .btn{width:100%;}
  .contact__btns{flex-direction:column;}
  .contact__btns .btn{width:100%;}
  .cert-block{margin-top:52px;padding:26px 20px;gap:28px;}
  .cert-info__title{font-size:22px;}
  .cert-info__list li{flex-direction:column;gap:2px;}
  .cert-info__list b{width:auto;}
  .cert-info__btns{flex-direction:column;}
  .cert-info__btns .btn{width:100%;}
  .lightbox{padding:16px;}
  .lightbox__close{top:12px;right:12px;width:42px;height:42px;}
}

/* ---------- 小屏手机（≤380px，如 iPhone SE、老款安卓） ---------- */
@media (max-width:380px){
  .container{padding:0 14px;}
  .section{padding:52px 0;}
  .section__title{font-size:21px;}
  .hero__title{font-size:26px;letter-spacing:.5px;}
  .hero__sub{font-size:14.5px;}
  .btn{padding:11px 16px;font-size:14.5px;}
  .statcard__num{font-size:25px;}
  .brand__logo{width:40px;height:40px;}
  .brand__text strong{font-size:17px;}
  .brand__text em{font-size:11px;}
  .topbar__text{font-size:12px;}
  .float__btn{width:44px;height:44px;}
  .table th,.table td{padding:11px 12px;}
}