/* =========================================================
   SHOULDER GROUP — 中印物流专家团  官网样式
   科技感深色版 · 品牌 VI：深海蓝 #0F2A43 / 亮蓝 #1A6EA8 / 琥珀金 #E8A33D / 电光青 #37C6FF
   ========================================================= */

:root{
  --navy:#0F2A43;
  --blue:#1A6EA8;
  --blue-lt:#3D9BE9;
  --cyan:#37C6FF;
  --cyan-dim:rgba(55,198,255,.32);
  --gold:#E8A33D;
  --gold-lt:#F2BC6B;

  --bg:#050B15;
  --bg-2:#0A141F;
  --bg-3:#0D1A29;

  --txt:#E9F0F7;
  --txt-2:#9DB2C7;
  --txt-3:#6E8299;

  --line:rgba(148,196,255,.10);
  --line-2:rgba(55,198,255,.30);
  --card:rgba(255,255,255,.035);
  --card-2:rgba(255,255,255,.055);

  --r:16px;
  --r-sm:10px;
  --wrap:1200px;
  --shadow:0 18px 50px -18px rgba(0,0,0,.75);
  --glow-cyan:0 0 24px -6px rgba(55,198,255,.45);
  --glow-gold:0 0 26px -6px rgba(232,163,61,.5);

  --font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark;}
body{
  margin:0;background:var(--bg);color:var(--txt);
  font-family:var(--font);font-size:16px;line-height:1.7;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;
}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;line-height:1.22;font-weight:800;letter-spacing:-.01em;text-wrap:balance;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input,select,textarea{font-family:inherit;font-size:15px;}
::selection{background:rgba(232,163,61,.3);color:#fff;}

/* 键盘焦点可见（替代 outline:none，无障碍硬要求） */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.card[tabindex]:focus-visible{
  outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px;
}
/* 跳转链接（仅键盘 Tab 时可见） */
.skip-link{
  position:absolute;left:16px;top:-60px;z-index:300;
  padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:var(--glow-cyan);
  transition:top .2s;
}
.skip-link:focus-visible{top:16px;}
main{scroll-margin-top:80px;}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ---------- 背景装饰层 ---------- */
.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.bg-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(55,198,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(55,198,255,.05) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 0%,#000 0%,transparent 78%);
}
/* 横向流光扫描线：8s 一道淡青光带从上往下扫，动效极轻 */
.bg-layer::after{
  content:"";position:absolute;left:0;right:0;top:-30%;height:26%;
  background:linear-gradient(180deg,transparent,rgba(55,198,255,.045) 55%,transparent);
  animation:bgscan 9s linear infinite;
}
@keyframes bgscan{to{transform:translateY(560%);}}
.bg-glow{position:absolute;border-radius:50%;filter:blur(110px);}
.bg-glow.g1{width:620px;height:620px;top:-240px;left:-160px;background:rgba(26,110,168,.30);}
.bg-glow.g2{width:520px;height:520px;top:8%;right:-200px;background:rgba(232,163,61,.12);}
.bg-glow.g3{width:700px;height:700px;bottom:-320px;left:30%;background:rgba(55,198,255,.10);}

.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:200;
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  box-shadow:0 0 12px rgba(55,198,255,.8);
}

/* ---------- 通用组件 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;border-radius:999px;font-size:15px;font-weight:700;
  letter-spacing:.2px;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,background .22s,border-color .22s,color .22s;
  white-space:nowrap;
}
.btn-sm{padding:10px 20px;font-size:14px;}
.btn-gold{
  background:linear-gradient(135deg,var(--gold-lt) 0%,var(--gold) 55%,#D08F26 100%);
  color:#20160A;box-shadow:0 10px 28px -10px rgba(232,163,61,.6);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(232,163,61,.8),var(--glow-gold);}
.btn-ghost{border:1.5px solid var(--line-2);color:var(--txt);background:rgba(55,198,255,.06);}
.btn-ghost:hover{background:rgba(55,198,255,.14);border-color:var(--cyan);transform:translateY(-2px);box-shadow:var(--glow-cyan);}
.btn-line{border:1.5px solid var(--line);color:var(--txt-2);}
.btn-line:hover{border-color:var(--gold);color:var(--gold);}

.card{
  position:relative;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:28px;backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,background .3s,box-shadow .3s;
}
.card::after{
  content:"";position:absolute;inset:0;border-radius:var(--r);pointer-events:none;opacity:0;
  background:linear-gradient(120deg,rgba(55,198,255,.06),transparent 34%,transparent 66%,rgba(232,163,61,.05));
  transition:opacity .35s;
}
.card:hover{transform:translateY(-5px);border-color:var(--line-2);background:var(--card-2);box-shadow:var(--shadow),0 0 30px -12px rgba(55,198,255,.28);}
.card:hover::after{opacity:1;}

.tag{
  display:inline-block;margin-top:18px;padding:6px 13px;border-radius:999px;
  font-size:12.5px;font-weight:700;letter-spacing:.3px;
  color:var(--blue-lt);background:rgba(61,155,233,.13);border:1px solid rgba(61,155,233,.3);
}
.tag-gold{color:var(--gold-lt);background:rgba(232,163,61,.13);border-color:rgba(232,163,61,.34);}

.txt-gold{color:var(--gold) !important;}

/* 滚动进入动画 */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}
.d1{transition-delay:.09s}.d2{transition-delay:.18s}.d3{transition-delay:.27s}.d4{transition-delay:.36s}

/* 首屏改用 CSS 动画，不依赖 IntersectionObserver —— 确保任何环境首屏都不会白屏 */
.hero .reveal{animation:heroIn .85s cubic-bezier(.2,.7,.3,1) both;}
.hero .reveal.d1{animation-delay:.09s}
.hero .reveal.d2{animation-delay:.18s}
.hero .reveal.d3{animation-delay:.27s}
.hero .reveal.d4{animation-delay:.36s}
@keyframes heroIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* 无 JS 兜底 */
.no-js .reveal{opacity:1 !important;transform:none !important;}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .hero .reveal{animation:none;}
  html{scroll-behavior:auto;}
  .lane-dash,.pulse-dot,.marquee-track{animation:none;}
}

/* ---------- 导航 ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .35s,border-color .35s,backdrop-filter .35s,padding .35s;
  border-bottom:1px solid transparent;padding:6px 0;
}
.nav.solid{
  background:rgba(7,14,24,.82);border-bottom-color:var(--line);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.nav-inner{display:flex;align-items:center;gap:20px;height:70px;}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.brand-mark{width:40px;height:40px;border-radius:11px;box-shadow:0 6px 18px -6px rgba(26,110,168,.8);}
.brand-text{display:flex;flex-direction:column;line-height:1;letter-spacing:1.5px;}
.brand-text b{font-size:16px;font-weight:800;color:#fff;}
.brand-text i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--gold);letter-spacing:1.6px;margin-top:3px;}

.menu{display:flex;gap:4px;margin-left:auto;}
.menu a{
  padding:9px 14px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--txt-2);
  transition:color .2s,background .2s;position:relative;
}
.menu a:hover{color:#fff;background:rgba(61,155,233,.1);}
.menu a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;
  background:var(--gold);transform:scaleX(0);transition:transform .25s;transform-origin:left;
}
.menu a:hover::after{transform:scaleX(1);}
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}

.lang{display:flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);}
.lang-btn{padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--txt-3);transition:.2s;letter-spacing:.4px;}
.lang-btn.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 4px 14px -4px rgba(55,198,255,.8);}
.lang-btn:hover:not(.active){color:var(--txt);}

.burger{display:none;flex-direction:column;gap:5px;padding:8px;}
.burger span{width:22px;height:2px;background:var(--txt);border-radius:2px;transition:.25s;}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.on span:nth-child(2){opacity:0;}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- HERO ---------- */
.hero{position:relative;z-index:1;padding:150px 0 0;}
.hero-inner{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding-bottom:56px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;
  background:rgba(55,198,255,.08);border:1px solid rgba(55,198,255,.26);
  font-size:13px;font-weight:600;color:#A9D6EF;letter-spacing:.5px;
  box-shadow:inset 0 0 18px -8px rgba(55,198,255,.5);
}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(232,163,61,.18);animation:blip 2.4s infinite;}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.35}}

.hero h1{font-size:clamp(38px,5.1vw,62px);margin:22px 0 0;letter-spacing:-.025em;}
/* 英文 / 印尼文标题字符更宽，单独收一档字号，避免折成四行（印尼文再收半档） */
html[lang="en"] .hero h1{font-size:clamp(30px,3.9vw,50px);letter-spacing:-.02em;}
html[lang="id"] .hero h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.015em;}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--gold-lt) 0%,var(--gold) 45%,#CB8A22 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(232,163,61,.22));
}
.hero-sub{margin-top:22px;font-size:16.5px;color:var(--txt-2);max-width:560px;line-height:1.85;}
.hero-sub b{color:var(--gold-lt);font-weight:700;}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}

/* ---------- HERO 数据条：大数字信任状（2026-09-19 放大改版，5 项） ---------- */
.statbar{
  margin-top:38px;padding-top:26px;border-top:1px solid rgba(55,198,255,.16);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:800px;
}
.stat{position:relative;padding-left:10px;}
.stat::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--cyan),transparent);
}
.stat:last-child::before{background:linear-gradient(180deg,var(--gold),transparent);}
.stat b{
  display:block;font-family:var(--mono);font-size:clamp(22px,2.3vw,33px);font-weight:800;
  line-height:1.05;letter-spacing:-.02em;white-space:nowrap;
  background:linear-gradient(135deg,#EAF6FF 0%,var(--cyan) 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 16px rgba(55,198,255,.30));
}
.stat b small{font-size:.45em;font-weight:800;letter-spacing:0;}
.stat:last-child b{
  background:linear-gradient(135deg,#FFF3DC 0%,var(--gold) 78%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 16px rgba(232,163,61,.32));
}
.stat span{display:block;margin-top:7px;font-size:12.2px;color:var(--txt-3);line-height:1.5;}
html[lang="en"] .stat span,html[lang="id"] .stat span{font-size:11.6px;}

.hero-stats{display:flex;gap:34px;margin-top:42px;padding-top:28px;border-top:1px solid var(--line);}
.hero-stats li{display:flex;flex-direction:column;gap:3px;}
.hero-stats b{font-size:30px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;}
.hero-stats b small{font-size:17px;color:var(--gold);}
.hero-stats span{font-size:13px;color:var(--txt-3);}

.hero-art{position:relative;}
.lane-svg{width:100%;height:auto;filter:drop-shadow(0 22px 50px rgba(0,0,0,.55));}
.lane-dash{animation:dashmove 2.6s linear infinite;}
@keyframes dashmove{to{stroke-dashoffset:-38;}}
.pulse-dot{animation:pd 3s ease-in-out infinite;}
.pulse-dot.d2{animation-delay:1.4s;}
@keyframes pd{0%,100%{opacity:.45}50%{opacity:1}}

/* 控制台面板（新版 LIVE OPERATIONS 标志性视觉） */
.hero-console{
  margin-top:22px;padding:16px 20px;border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--line);
  box-shadow:var(--shadow);backdrop-filter:blur(12px);
}
.console-top{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;letter-spacing:1.5px;color:var(--txt-3);}
.console-top .signal{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-weight:700;letter-spacing:2px;}
.console-top .signal i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pd 2s ease-in-out infinite;}
.console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.console-stats>div{display:flex;flex-direction:column;gap:3px;text-align:center;}
.console-stats strong{font-size:24px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em;}
.console-stats strong small{font-size:14px;color:var(--gold);}
.console-stats span{font-size:11.5px;color:var(--txt-3);}
html[lang="en"] .console-stats span,html[lang="id"] .console-stats span{font-size:10.5px;}
.console-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--txt-2);}
.console-foot .pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pd 1.6s ease-in-out infinite;}

/* 船司跑马灯 */
.marquee{
  position:relative;z-index:1;overflow:hidden;padding:18px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(11,22,34,.5);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee-track{display:flex;gap:26px;width:max-content;animation:slide 46s linear infinite;}
.marquee-track span{font-size:13.5px;font-weight:700;letter-spacing:2.4px;color:var(--txt-3);white-space:nowrap;}
.marquee-track span:nth-child(2n){color:rgba(232,163,61,.5);letter-spacing:0;}
@keyframes slide{to{transform:translateX(-50%);}}

/* ---------- 区块通用 ---------- */
.sec{position:relative;z-index:1;padding:104px 0;}
.sec-alt{background:linear-gradient(180deg,rgba(11,22,34,0) 0%,rgba(11,22,34,.75) 18%,rgba(11,22,34,.75) 82%,rgba(11,22,34,0) 100%);}
.sec-head{max-width:800px;margin-bottom:54px;}
.kicker{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:2.6px;
  color:var(--gold);text-transform:uppercase;margin-bottom:14px;
  text-shadow:0 0 18px rgba(232,163,61,.35);
}
.sec-head h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.02em;}
.sec-sub{margin-top:16px;color:var(--txt-2);font-size:16px;line-height:1.85;max-width:720px;}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

/* ---------- 痛点 ---------- */
.pain{display:flex;flex-direction:column;overflow:hidden;}
.pain::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--blue-lt),transparent);
}
.pain:nth-child(3)::before{background:linear-gradient(90deg,var(--gold),transparent);}
.pain-ico{width:52px;height:52px;margin-bottom:18px;opacity:.95;}
.pain-ico svg{width:100%;height:100%;}
.pain-word{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em;}
.pain p{margin-top:14px;color:var(--txt-2);font-size:15px;line-height:1.8;flex:1;}

/* ---------- 护城河 ---------- */
.moat{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start;}
.moat-list{display:flex;flex-direction:column;gap:16px;}
.moat-list li{
  display:flex;gap:18px;padding:24px 26px;border-radius:var(--r);
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),background .3s,border-color .3s;
}
.moat-list li:nth-child(2){border-left-color:var(--blue-lt);}
.moat-list li:nth-child(3){border-left-color:var(--gold);}
.moat-list li:hover{transform:translateX(6px);background:var(--card-2);}
.moat-no{
  flex-shrink:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  font-size:17px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--navy));border:1px solid rgba(61,155,233,.4);
}
.moat-list li:nth-child(3) .moat-no{background:linear-gradient(135deg,var(--gold),#C08A22);color:#20160A;border-color:rgba(232,163,61,.6);}
.moat-list h3{font-size:19px;margin-bottom:8px;}
.moat-list p{color:var(--txt-2);font-size:14.6px;line-height:1.8;}

.moat-aside{
  border-radius:var(--r);padding:26px;background:linear-gradient(150deg,rgba(26,110,168,.34) 0%,rgba(15,42,67,.75) 100%);
  border:1px solid rgba(61,155,233,.26);position:sticky;top:96px;
}
.moat-aside h4{font-size:18px;color:#fff;margin-bottom:18px;}
.moat-svg{width:100%;height:auto;}
.moat-quote{
  margin-top:20px;padding:16px 18px;border-radius:var(--r-sm);
  background:rgba(232,163,61,.13);border:1px solid rgba(232,163,61,.26);
  font-size:15px;line-height:1.75;color:#EAF2F9;
}
.moat-quote b{color:var(--gold);}

/* ---------- 服务 ---------- */
.svc-grid{grid-template-columns:repeat(3,1fr);}
.svc{display:flex;flex-direction:column;}
.svc-ico{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px;
  background:rgba(61,155,233,.12);border:1px solid rgba(61,155,233,.26);color:var(--blue-lt);
  transition:background .3s,color .3s,transform .3s;
}
.svc-ico svg{width:23px;height:23px;}
.card:hover .svc-ico{background:rgba(232,163,61,.16);border-color:rgba(232,163,61,.4);color:var(--gold);transform:scale(1.06);}
.svc h3{font-size:18.5px;margin-bottom:10px;}
.svc p{color:var(--txt-2);font-size:14.6px;line-height:1.8;flex:1;}
.svc.more{background:linear-gradient(150deg,rgba(232,163,61,.14),rgba(255,255,255,.03));border-color:rgba(232,163,61,.3);}
.svc.more .svc-ico{background:rgba(232,163,61,.18);border-color:rgba(232,163,61,.42);color:var(--gold);}
.svc-link{display:inline-block;margin-top:16px;font-size:14.5px;font-weight:700;color:var(--gold);transition:gap .2s;}
.svc-link:hover{text-decoration:underline;text-underline-offset:4px;}

/* ---------- 在线工具 ---------- */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-4.tools-row{grid-template-columns:repeat(3,1fr);}
.card.tool{display:flex;flex-direction:column;text-decoration:none;border-top:3px solid var(--blue);}
.card.tool:nth-child(2){border-top-color:var(--blue-lt);}
.card.tool:nth-child(3){border-top-color:#7FB8DC;}
.card.tool:nth-child(4){border-top-color:var(--gold);}
.tool-no{
  font-family:var(--mono);font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;
  background:linear-gradient(135deg,var(--blue-lt),var(--blue));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.card.tool:last-child .tool-no{background:linear-gradient(135deg,var(--gold-lt),var(--gold));-webkit-background-clip:text;background-clip:text;}
.card.tool h3{font-size:17.5px;margin-bottom:10px;}
.card.tool p{color:var(--txt-2);font-size:14.2px;line-height:1.78;flex:1;}
.tool-go{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;color:var(--gold);}
.tools-note{
  margin-top:24px;padding:28px 32px;border-radius:var(--r);
  background:linear-gradient(120deg,rgba(15,42,67,.85),rgba(26,110,168,.5));
  border:1px solid rgba(61,155,233,.26);
  display:flex;flex-direction:column;gap:12px;align-items:flex-start;
}
.tools-note b{font-size:19px;color:#fff;}
.tools-note p{font-size:14.8px;color:#C3D7E8;line-height:1.85;max-width:860px;}
.tools-note .btn{margin-top:6px;}

/* ---------- 网络 ---------- */
.net-grid{gap:22px;}
.net-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.net-top h3{font-size:21px;}
.net-badge{
  padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;
  color:var(--gold-lt);background:rgba(232,163,61,.15);border:1px solid rgba(232,163,61,.35);
}
.net-badge.badge-blue{color:var(--blue-lt);background:rgba(55,198,255,.12);border-color:rgba(55,198,255,.32);}
/* 站点简述（2026-09-19 起：对外不再展示详细地址 / 对接人 / 电话） */
.net-desc{color:var(--txt-2);font-size:14.6px;line-height:1.8;}
.net-meta{margin-top:16px;display:flex;flex-direction:column;gap:1px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line);}
.net-meta li{display:flex;justify-content:space-between;gap:14px;padding:10px 15px;background:rgba(255,255,255,.025);font-size:14px;}
.net-meta span{color:var(--txt-3);}
.net-meta b{color:var(--txt);font-weight:600;text-align:right;}
.net-privacy{
  margin-top:14px;font-size:12.8px;color:var(--txt-3);line-height:1.7;
  padding:10px 14px;border-radius:var(--r-sm);
  background:rgba(55,198,255,.05);border:1px dashed rgba(55,198,255,.22);
}

.carriers{margin-top:30px;padding:26px 28px;border-radius:var(--r);border:1px dashed rgba(61,155,233,.26);background:rgba(61,155,233,.035);}
.carriers-title{font-size:13px;font-weight:700;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;}
.carriers-list{display:flex;flex-wrap:wrap;gap:10px;}
.carriers-list span{
  padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:700;letter-spacing:1.2px;
  color:var(--txt-2);background:rgba(255,255,255,.045);border:1px solid var(--line);
  transition:.25s;
}
.carriers-list span:hover{color:#fff;background:rgba(61,155,233,.16);border-color:var(--line-2);transform:translateY(-2px);}

/* ---------- 流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step{
  position:relative;padding:26px 24px;border-radius:var(--r);
  background:var(--card);border:1px solid var(--line);border-top:3px solid var(--blue);
  display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,background .3s;
}
.step:nth-child(2){border-top-color:var(--blue-lt);}
.step:nth-child(3){border-top-color:#7FB8DC;}
.step:nth-child(4){border-top-color:var(--gold);background:linear-gradient(170deg,rgba(232,163,61,.10),rgba(255,255,255,.03));}
.step:hover{transform:translateY(-6px);border-color:var(--line-2);background:var(--card-2);}
.step::after{
  content:"";position:absolute;top:44px;right:-19px;width:19px;height:1.5px;
  background:linear-gradient(90deg,rgba(61,155,233,.6),transparent);
}
.step.last::after{display:none;}
.step-no{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  font-size:16px;font-weight:800;color:#fff;margin-bottom:16px;
  background:linear-gradient(135deg,var(--blue),var(--navy));border:1px solid rgba(61,155,233,.4);
}
.step:nth-child(4) .step-no{background:linear-gradient(135deg,var(--gold),#C08A22);color:#20160A;border-color:rgba(232,163,61,.6);}
.step h3{font-size:17px;margin-bottom:10px;}
.step p{color:var(--txt-2);font-size:14.3px;line-height:1.78;flex:1;}
.step-foot{display:inline-block;margin-top:16px;font-size:13px;font-weight:700;color:var(--blue-lt);}
.step:nth-child(4) .step-foot{color:var(--gold);}

.value-bar{
  margin-top:26px;padding:32px 38px;border-radius:var(--r);display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  background:linear-gradient(120deg,rgba(15,42,67,.85),rgba(26,110,168,.55));border:1px solid rgba(61,155,233,.28);
}
.vb-item{display:flex;flex-direction:column;gap:8px;}
.vb-item b{
  font-size:40px;font-weight:800;line-height:1;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.vb-item span{font-size:14.5px;color:#C3D7E8;line-height:1.7;}

/* ---------- 双品牌 ---------- */
.brands{display:grid;grid-template-columns:1fr 74px 1fr;gap:0;align-items:center;}
.brand-card{padding:32px;}
.brand-card .flag{
  display:inline-block;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.6px;
  color:var(--blue-lt);background:rgba(61,155,233,.13);border:1px solid rgba(61,155,233,.32);margin-bottom:18px;
}
.brand-card .flag-gold{color:var(--gold-lt);background:rgba(232,163,61,.13);border-color:rgba(232,163,61,.34);}
.brand-card h3{font-size:24px;}
.brand-en{font-size:12px;font-weight:700;letter-spacing:2.4px;color:var(--txt-3);margin-top:8px;}
.brand-list{margin-top:22px;display:flex;flex-direction:column;gap:12px;}
.brand-list li{position:relative;padding-left:22px;font-size:14.8px;color:var(--txt-2);line-height:1.7;}
.brand-list li::before{
  content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:2px;
  background:var(--blue-lt);box-shadow:0 0 10px rgba(61,155,233,.6);
}
.brand-card:last-child .brand-list li::before{background:var(--gold);box-shadow:0 0 10px rgba(232,163,61,.6);}
.brand-link svg{width:74px;height:200px;margin:0 auto;}

/* ---------- 询价 ---------- */
.quote-wrap{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:start;}
.quote-form{padding:32px;}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.fld{display:flex;flex-direction:column;gap:8px;}
.fld-full{margin-top:16px;}
.fld > span{font-size:13.5px;font-weight:600;color:var(--txt-2);letter-spacing:.2px;}
.fld input,.fld select,.fld textarea{
  width:100%;padding:12px 14px;border-radius:var(--r-sm);
  background:rgba(0,0,0,.30);border:1px solid var(--line);color:var(--txt);
  transition:border-color .22s,background .22s,box-shadow .22s;
}
.fld textarea{resize:vertical;min-height:88px;line-height:1.7;}
.fld input::placeholder,.fld textarea::placeholder{color:#566B80;}
.fld input:focus,.fld select:focus,.fld textarea:focus{
  border-color:var(--blue-lt);background:rgba(61,155,233,.07);
  box-shadow:0 0 0 3px rgba(61,155,233,.14);
}
.fld select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--txt-3) 50%),linear-gradient(135deg,var(--txt-3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;}
.fld select option{background:#0B1622;color:var(--txt);}
.fld.err input,.fld.err textarea{border-color:#E5674E;box-shadow:0 0 0 3px rgba(229,103,78,.14);}
.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;}
.form-hint{font-size:13px;color:var(--txt-3);flex:1;min-width:200px;line-height:1.6;}

.quote-side{display:flex;flex-direction:column;gap:20px;}
.contact-card h4,.promise-card h4{font-size:17px;margin-bottom:18px;color:#fff;}
.cline{
  display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:var(--r-sm);
  font-size:14.5px;font-weight:600;color:var(--txt);
  background:rgba(255,255,255,.03);border:1px solid var(--line);margin-bottom:10px;
  transition:.24s;line-height:1.6;
}
.cline svg{width:19px;height:19px;flex-shrink:0;color:var(--gold);}
.cline:hover:not(.cline-static){background:rgba(232,163,61,.11);border-color:rgba(232,163,61,.4);transform:translateX(4px);}
.cline-static{background:rgba(61,155,233,.06);border-color:rgba(61,155,233,.2);font-size:13.6px;color:var(--txt-2);cursor:default;}
.promise-card ul{display:flex;flex-direction:column;gap:12px;}
.promise-card li{position:relative;padding-left:26px;font-size:14.3px;color:var(--txt-2);line-height:1.7;}
.promise-card li::before{
  content:"";position:absolute;left:2px;top:7px;width:13px;height:8px;
  border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:rotate(-45deg);
}

/* 结果面板 */
.result-panel{margin-top:26px;}
.result-card{padding:28px;border-color:rgba(232,163,61,.34);background:linear-gradient(150deg,rgba(232,163,61,.09),rgba(255,255,255,.03));}
.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.result-head h4{font-size:19px;color:var(--gold-lt);}
.result-close{font-size:26px;line-height:1;color:var(--txt-3);padding:0 6px;transition:color .2s;}
.result-close:hover{color:#fff;}
.result-tip{margin-top:10px;font-size:14px;color:var(--txt-2);}
.result-text{
  margin:18px 0 0;padding:18px;border-radius:var(--r-sm);
  background:rgba(0,0,0,.42);border:1px solid var(--line);
  font-family:var(--mono);font-size:13px;line-height:1.85;color:#C9DCEA;
  white-space:pre-wrap;word-break:break-word;max-height:340px;overflow:auto;
}
.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}

/* ---------- 页脚 ---------- */
.footer{position:relative;z-index:1;margin-top:40px;border-top:1px solid var(--line);background:rgba(5,10,17,.75);}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:34px;padding:52px 24px 34px;align-items:start;}
.foot-brand{display:flex;align-items:center;gap:14px;}
.foot-mark{width:50px;height:50px;border-radius:14px;}
.foot-brand b{display:block;font-size:17px;letter-spacing:1.6px;color:#fff;}
.foot-brand span{font-size:13px;color:var(--txt-3);letter-spacing:.6px;}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:flex-end;}
.foot-nav a{font-size:14px;color:var(--txt-2);transition:color .2s;}
.foot-nav a:hover{color:var(--gold);}
.foot-meta{grid-column:1/-1;padding-top:26px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;}
.foot-meta p{font-size:13.6px;color:var(--txt-3);line-height:1.8;}
.foot-meta a{color:var(--txt-2);transition:color .2s;}
.foot-meta a:hover{color:var(--gold);}
.foot-note{font-size:12.4px !important;color:#5A6E83 !important;max-width:820px;margin-top:4px;}
.foot-bar{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:16px 24px;border-top:1px solid var(--line);
  font-size:12.5px;color:#566B80;max-width:var(--wrap);margin:0 auto;
}

/* 回到顶部 */
.to-top{
  position:fixed;right:24px;bottom:24px;z-index:90;
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:rgba(15,42,67,.9);border:1px solid var(--line-2);color:var(--txt-2);
  backdrop-filter:blur(10px);opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s,color .25s,border-color .25s;
}
.to-top svg{width:19px;height:19px;}
.to-top.show{opacity:1;pointer-events:auto;}
.to-top:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-3px);}

/* =========================================================
   首屏改版：单一主 CTA + 次要入口降级为文字链 + 带数字的信任状
   ========================================================= */
.btn-lg{padding:17px 34px;font-size:16.5px;}
.hero-cta{display:block;margin-top:32px;}
.hero-alt{margin-top:16px;}
.link-quiet{
  display:inline-flex;align-items:center;gap:6px;font-size:14.5px;color:var(--txt-2);
  border-bottom:1px dashed rgba(157,178,199,.42);padding-bottom:2px;
  transition:color .22s,border-color .22s;
}
.link-quiet:hover{color:var(--gold);border-color:var(--gold);}
/* hero-proof（一行小字版）已升级为 .statbar 大数字版，样式见 HERO 区 */


/* =========================================================
   两步式询价：第 1 步无门槛测算 → 第 2 步才收联系方式
   ========================================================= */
.q2-wrap{display:grid;grid-template-columns:1.62fr 1fr;gap:24px;align-items:start;}
.q2-main{display:flex;flex-direction:column;gap:20px;min-width:0;}
/* 注：≤1080px 的单列宽度护栏写在文件末尾的响应式块里（须排在其后才能生效）。 */

.q2-card{padding:30px;}
.q2-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px;}
.q2-n{
  flex-shrink:0;width:38px;height:38px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:800;color:var(--gold);
  background:rgba(232,163,61,.12);border:1px solid rgba(232,163,61,.35);
}
.q2-n-gold{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#20160A;border-color:transparent;}
.q2-headtx h3{font-size:20px;color:#fff;}
.q2-headtx p{margin-top:7px;font-size:14.2px;color:var(--txt-2);line-height:1.75;}
.q2-headtx p b{color:var(--gold-lt);}

.q2-ctarow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;}
.q2-err{
  margin-top:14px;padding:11px 15px;border-radius:var(--r-sm);
  background:rgba(229,103,78,.12);border:1px solid rgba(229,103,78,.4);
  color:#F0A08C;font-size:13.6px;
}

/* 第 2 步（门票）—— 结果出来后才出现 */
.q2-gate{border-color:rgba(232,163,61,.34);background:linear-gradient(150deg,rgba(232,163,61,.075),rgba(255,255,255,.03));}
.q2-gate .q2-headtx h3{color:var(--gold-lt);}

/* 折叠区：完整信息默认收起 */
.fold{margin-top:18px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;}
.fold-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 18px;font-size:14.2px;font-weight:600;color:var(--txt-2);text-align:left;
  background:rgba(61,155,233,.05);transition:background .22s,color .22s;
}
.fold-btn:hover{background:rgba(61,155,233,.12);color:var(--txt);}
.fold-ar{
  flex-shrink:0;width:9px;height:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .25s;
}
.fold-btn.open .fold-ar{transform:rotate(-135deg) translateY(-2px);}
.fold-body{padding:20px 18px 4px;border-top:1px solid var(--line);}

/* ---------- 测算结果 ---------- */
#calcOut{display:flex;flex-direction:column;gap:16px;}
#calcOut[hidden]{display:none;}

.q2-verdict{
  display:flex;gap:15px;align-items:flex-start;padding:20px 22px;border-radius:var(--r);
  border:1px solid rgba(143,224,180,.35);
  background:linear-gradient(135deg,rgba(143,224,180,.11),rgba(255,255,255,.025));
}
.q2-verdict.warn{border-color:rgba(232,163,61,.42);background:linear-gradient(135deg,rgba(232,163,61,.13),rgba(255,255,255,.025));}
.q2-verdict.un{border-color:var(--line-2);background:linear-gradient(135deg,rgba(61,155,233,.10),rgba(255,255,255,.025));}
.q2-vico{
  flex-shrink:0;width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;color:#8FE0B4;
  background:rgba(143,224,180,.15);border:1px solid rgba(143,224,180,.4);
}
.q2-verdict.warn .q2-vico{color:var(--gold);background:rgba(232,163,61,.15);border-color:rgba(232,163,61,.45);}
.q2-verdict.un .q2-vico{color:var(--blue-lt);background:rgba(61,155,233,.15);border-color:var(--line-2);}
.q2-verdict > div > b{display:block;font-size:17.5px;color:#fff;font-weight:700;line-height:1.55;}
.q2-verdict > div > b i{font-style:normal;color:var(--gold);font-weight:800;}
.q2-verdict > div > span{display:block;margin-top:7px;font-size:13.8px;color:var(--txt-2);line-height:1.7;}

.q2-rescard{padding:24px 26px;}
.q2-rt{font-size:15px;color:var(--gold-lt);margin-bottom:16px;letter-spacing:.2px;}
.q2-clearcard{border-color:rgba(61,155,233,.24);}

.q2-kvs{display:flex;flex-direction:column;}
.q2-kv{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:11px 0;border-bottom:1px solid var(--line);font-size:14.2px;
}
.q2-kv:last-child{border-bottom:0;}
.q2-kv .k{color:var(--txt-3);flex-shrink:0;}
.q2-kv .v{color:var(--txt);text-align:right;line-height:1.65;}
.q2-kv .v b{font-weight:700;}
.q2-kv .v b.gold{color:var(--gold);font-family:var(--mono);letter-spacing:.4px;}
.q2-kv .v.num{font-family:var(--mono);font-size:13.6px;}
.q2-kv .v small{color:var(--txt-3);font-family:var(--font);font-size:12.4px;}
.q2-kv.sum{border-top:1px solid var(--line-2);border-bottom:0;padding-top:14px;}
.q2-kv.sum .v{color:var(--gold-lt);}

.lar-ok{color:#8FE0B4;}
.lar-warn{color:var(--gold);}
.lar-un,.un{color:var(--txt-3);}

.q2-note{margin-top:14px;font-size:12.8px;color:var(--txt-3);line-height:1.8;}
.q2-note b{color:var(--txt-2);font-weight:600;}
.q2-stamp{margin-top:13px;font-size:12.2px;color:var(--txt-3);letter-spacing:.2px;}

.q2-tblwrap{overflow-x:auto;}
.q2-tbl{width:100%;border-collapse:collapse;font-size:13.6px;min-width:430px;}
.q2-tbl th,.q2-tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);}
.q2-tbl thead th{font-size:12.4px;color:var(--txt-3);font-weight:600;letter-spacing:.3px;border-bottom:1px solid var(--line-2);text-align:right;}
.q2-tbl thead th:first-child{text-align:left;}
.q2-tbl td.num{text-align:right;font-family:var(--mono);font-size:13px;color:var(--txt-2);}
.q2-tbl tr.tot td{border-top:1px solid var(--line-2);border-bottom:0;color:#fff;font-weight:700;padding-top:13px;}
.q2-tbl tr.tot td.num{color:var(--gold-lt);font-size:13.8px;}

.q2-hits{display:flex;flex-direction:column;gap:9px;}
.q2-hit{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:12px 15px;border-radius:var(--r-sm);font-size:13.8px;
  background:rgba(255,255,255,.035);border:1px solid var(--line);
}
.q2-hit b{color:var(--txt);font-weight:600;}
.q2-hit span{font-family:var(--mono);font-size:12.6px;color:var(--txt-3);flex-shrink:0;text-align:right;}
.q2-hit[data-pick]{cursor:pointer;transition:background .2s,border-color .2s,transform .2s;}
.q2-hit[data-pick]:hover{background:rgba(232,163,61,.1);border-color:rgba(232,163,61,.4);transform:translateX(3px);}

.q2-todo{display:flex;flex-direction:column;gap:12px;counter-reset:q2t;}
.q2-todo li{position:relative;padding-left:34px;font-size:14.2px;color:var(--txt-2);line-height:1.75;}
.q2-todo li b{color:var(--txt);}
.q2-todo li::before{
  counter-increment:q2t;content:counter(q2t);
  position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:var(--gold);
  background:rgba(232,163,61,.13);border:1px solid rgba(232,163,61,.32);
}

.q2-disclaim{font-size:12.2px;color:var(--txt-3);line-height:1.8;padding:0 4px;}

/* 点首屏主 CTA 跳下来后，第 1 步卡片闪一下，指明从哪开始填 */
@keyframes q2flash{0%,100%{box-shadow:0 0 0 0 rgba(232,163,61,0);}45%{box-shadow:0 0 0 4px rgba(232,163,61,.22);}}
.q2-card.q2-flash{animation:q2flash 1.1s ease-in-out 2;}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  /* 塌成单列时把这一列限制在 760px 并居中 ——
     不限的话询价卡会被拉满整屏（1000px 视口下第 2 步卡片 952px、输入框 437px）。
     用栅格轨道 minmax 约束而非 margin:0 auto：后者会让栅格项按内容收缩，宽度随文案漂。 */
  .q2-wrap{grid-template-columns:minmax(0,760px);justify-content:center;}
  .hero-inner{grid-template-columns:1fr;gap:34px;}
  .hero-art{max-width:600px;}
  .moat{grid-template-columns:1fr;}
  .moat-aside{position:static;}
  .quote-wrap{grid-template-columns:1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .step::after{display:none;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-4.tools-row{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .menu{
    position:fixed;top:70px;left:0;right:0;flex-direction:column;gap:2px;padding:14px 18px 22px;
    background:rgba(7,14,24,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);
    transform:translateY(-130%);transition:transform .35s cubic-bezier(.2,.7,.3,1);
  }
  .menu.open{transform:none;}
  .menu a{padding:13px 12px;font-size:16px;}
  .burger{display:flex;}
  .nav-right .btn-sm{display:none;}
  .brands{grid-template-columns:1fr;gap:16px;}
  .brand-link{display:none;}
  .grid-3,.svc-grid,.grid-2,.grid-4,.grid-4.tools-row{grid-template-columns:1fr;}
  .fgrid{grid-template-columns:1fr;}
  .value-bar{grid-template-columns:1fr;gap:20px;padding:26px;}
  .hero-stats{gap:22px;flex-wrap:wrap;}
  .hero-stats b{font-size:25px;}
  .q2-card{padding:24px;}
  .q2-rescard{padding:20px 18px;}
  .q2-verdict{padding:17px 16px;}
  .q2-verdict > div > b{font-size:16.2px;}
  .q2-kv{flex-direction:column;gap:3px;align-items:flex-start;}
  .q2-kv .v{text-align:left;}
  .q2-hit{flex-direction:column;gap:4px;}
  .q2-hit span{text-align:left;}
  .q2-ctarow .btn{width:100%;}
  .statbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;max-width:none;}
  .stat b{font-size:clamp(26px,5.5vw,34px);}
  .footer-inner{grid-template-columns:1fr;padding:40px 24px 26px;}
  .foot-nav{justify-content:flex-start;}
  .sec{padding:74px 0;}
  .hero{padding-top:112px;}
}
@media (max-width:520px){
  .wrap{padding:0 18px;}
  .card{padding:22px;}
  .quote-form{padding:22px;}
  .hero-cta .btn{width:100%;}
  .form-actions .btn{width:100%;}
  .hero-stats{border-top:0;padding-top:0;margin-top:30px;}
  .statbar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .q2-card{padding:20px 17px;}
  .q2-head{gap:12px;}
  .q2-n{width:32px;height:32px;font-size:15px;border-radius:10px;}
  .q2-headtx h3{font-size:18px;}
  .q2-rt{font-size:14px;}
  .q2-rescard{padding:18px 15px;}
  .q2-tbl{min-width:390px;}
  .q2-tbl th,.q2-tbl td{padding:9px 8px;font-size:12.6px;}
  .fold-body{padding:16px 14px 2px;}
}

/* 打印 */
@media print{
  .bg-layer,.nav,.to-top,.marquee,.scroll-progress{display:none !important;}
  body{background:#fff;color:#111;}
  .card{border:1px solid #ccc;background:#fff;box-shadow:none;}
}