/* 汇联智程官网（v0.43 改版）。只给官网用，类名统一 w- 开头；颜色跟系统的明暗令牌走，品牌深绿和行动色琥珀固定 */
.w{
  --w-deep:#052A24; --w-deep-2:#0A3A33; --w-teal:#0B6F62; --w-teal-l:#2BB59C; --w-mint:#CFEDE6;
  --w-amber:#F59E0B; --w-amber-h:#FBB431; --w-amber-ink:#2B1A00;
  --w-max:1280px; --w-pad:32px; --w-r:14px;
  /* 内容区文字左边线（v1.51）：正文第一列字的左边缘。所有叠在横幅图上的文案都用它定位，
     这样横幅里的字和下面正文第一列在同一条竖线上。以前各页写 left:14%/12.5%，1440 下比正文
     偏右 70~95px，上下滚动时字会“跳一下”。
     用 100% 而不是 100vw：叠字层的包含块就是满宽 section，100vw 会把滚动条宽度算进去，宽屏差 15px。 */
  --w-edge:max(var(--w-pad), calc((100% - var(--w-max)) / 2 + var(--w-pad)));
  --w-shadow:0 1px 2px rgba(10,30,25,.05),0 8px 28px rgba(10,30,25,.08);
  --w-shadow-lg:0 30px 80px rgba(0,0,0,.35);
  background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:clip;
  /* 字体链统一走 --f-body（styles.css 里定义），不再在这里另写一条。
     v1.81 之前这里写的是 MiSans → HarmonyOS → 苹方 → … → 微软雅黑，没有 Noto，
     Windows 上落到雅黑；而 body 那条是 Noto 打头，落到用户自装的 Noto OTF。
     同一个页面里页头页尾（.w 之外）和官网正文（.w 之内）于是用了两套字形。 */
  font-family:var(--f-body);
  /* 中文只有 400/700 两档时，浏览器会把 800/900 合成假粗体（笔画硬描粗、字腔糊死）。
     官网里有 30 处 800、3 处 900，被合成后所有标题粗细长得一样，层级感全丢。
     关掉合成，让 800/900 老实回落到 700，再把层级改用字号/字距/颜色表达。 */
  font-synthesis-weight:none;
}
.w :where(h1,h2,h3,h4,p){margin:0}
.w :where(a){color:inherit}
.w-wrap{max-width:var(--w-max);margin:0 auto;padding:0 var(--w-pad)}
.w-narrow{max-width:860px}
.w-ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 按钮 ---------- */
.w-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.w-btn .w-ico{width:18px;height:18px}
.w-btn.pri{background:var(--w-amber);color:var(--w-amber-ink);box-shadow:0 6px 20px rgba(245,158,11,.35)}
.w-btn.pri:hover{background:var(--w-amber-h);transform:translateY(-1px);box-shadow:0 10px 26px rgba(245,158,11,.42)}
.w-btn.ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.38)}
.w-btn.ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.w-btn.teal{background:var(--w-teal);color:#fff}
.w-btn.teal:hover{background:#0d7d6e;transform:translateY(-1px)}
.w-btn.line{background:var(--surface);color:var(--ink);border-color:var(--line)}
.w-btn.line:hover{border-color:var(--w-teal);color:var(--w-teal)}
.w-btn.sm{padding:8px 16px;font-size:13.5px;border-radius:9px}
.w-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.w-link{display:inline-flex;align-items:center;gap:6px;color:var(--w-teal);font-weight:600;text-decoration:none;font-size:14px}
/* 电话号码：默认是行内、主题绿、不换行。页脚那种深色底由 .w-foot-grid a.w-tel 单独覆盖 */
.w-tel{display:inline;color:var(--w-teal);font-weight:600;text-decoration:none;white-space:nowrap;
  border-bottom:1px solid rgba(11,111,98,.32)}
.w-tel:hover{border-bottom-color:currentColor}
.w-link .w-ico{width:16px;height:16px;transition:transform .15s}
.w-link:hover .w-ico{transform:translateX(3px)}

/* ---------- 导航（首屏上透明，往下滚变实心） ---------- */
.w-nav{position:fixed;top:0;left:0;right:0;z-index:40;transition:background .25s,box-shadow .25s,backdrop-filter .25s}
.w-nav.solid{background:rgba(5,42,36,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.w-nav-in{display:flex;align-items:center;gap:28px;height:68px}
.w-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:.04em}
.w-brand img{border-radius:8px;background:rgba(255,255,255,.12)}
.w-menu{display:flex;gap:4px;flex:1}
.w-menu a{color:rgba(255,255,255,.82);text-decoration:none;font-size:14.5px;padding:8px 14px;border-radius:8px;position:relative}
.w-menu a:hover{color:#9FE5D6}
.w-menu a.on{color:#fff}
.w-menu a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--w-amber)}
.w-menu a.m-only{display:none}
.w-nav-act{display:flex;align-items:center;gap:16px;margin-left:auto}
.w-drop{position:relative}
.w-drop summary{list-style:none;cursor:pointer;color:rgba(255,255,255,.88);font-size:14.5px;padding:8px 4px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.w-drop summary::-webkit-details-marker{display:none}
.w-drop summary .w-ico{width:16px;height:16px;transition:transform .2s}
.w-drop[open] summary .w-ico{transform:rotate(180deg)}
.w-drop summary:hover{color:#fff}
.w-drop-menu{position:absolute;right:-8px;top:calc(100% + 12px);width:310px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--w-shadow-lg);padding:8px;z-index:50}
.w-drop-menu a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;text-decoration:none}
.w-drop-menu a:hover{background:var(--surface-2)}
.w-drop-menu .w-ico{color:var(--w-teal);margin-top:2px}
.w-drop-menu b{display:block;font-size:14px}
.w-drop-menu span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.w-drop-menu a.sub{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.w-burger{display:none;background:none;border:0;padding:8px 2px;cursor:pointer;flex-direction:column;gap:5px}
.w-burger span{display:block;width:22px;height:2px;border-radius:1px;background:#fff;transition:transform .2s,opacity .2s}
.w-nav.open .w-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.w-nav.open .w-burger span:nth-child(2){opacity:0}
.w-nav.open .w-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 首屏 ---------- */
.w-hero{position:relative;background:linear-gradient(160deg,#03211C 0%,#06302A 45%,#0A4038 100%);color:#EAF4F0;padding:148px 0 250px;overflow:hidden;isolation:isolate}
.w-hero.inner{padding:136px 0 88px}
.w-hero.inner.lift{padding-bottom:150px}
.w-scene{position:absolute;inset:0;z-index:-1;width:100%;height:100%}
.w-hero-photo{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}
.w-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(3,33,28,.92) 0%,rgba(5,42,36,.78) 45%,rgba(5,42,36,.55) 100%)}
.w-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.w-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;color:#CFEDE6}
.w-badge i{width:8px;height:8px;border-radius:50%;background:var(--w-amber);box-shadow:0 0 0 4px rgba(245,158,11,.22);animation:w-pulse 2.2s ease-in-out infinite}
@keyframes w-pulse{50%{box-shadow:0 0 0 7px rgba(245,158,11,.06)}}
/* 大标题负字距是拉丁字母的做法（字母本身有留白，收紧才紧凑）；中文是方块字，字面已经贴到
   字身框边缘，再收紧就会让相邻两字的笔画相撞、字腔变窄，看着"挤"。这里改回 0，
   靠字号和行高拉开层级。行高 1.08 对三行中文太紧（汉字重心偏上，1.08 会像一坨），放到 1.16。 */
.w-hero h1{margin-top:22px;font-size:clamp(38px,4.7vw,66px);line-height:1.16;font-weight:700;letter-spacing:0;color:#fff}
.w-hero h1 em{font-style:normal;background:linear-gradient(90deg,#7FE3CD,#F8C76A);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero.inner h1{font-size:clamp(32px,3.8vw,52px)}
.w-lead{text-wrap:pretty;margin-top:22px;font-size:clamp(15.5px,1.3vw,18px);line-height:1.8;color:rgba(234,244,240,.82);max-width:34em}
.w-acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.w-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:13.5px;color:rgba(234,244,240,.72)}
.w-proof span{display:inline-flex;align-items:center;gap:7px}
.w-proof .w-ico{width:16px;height:16px;color:#7FE3CD}
.w-crumb{font-size:13px;color:rgba(234,244,240,.6);display:flex;gap:8px;align-items:center}
.w-crumb a{text-decoration:none;color:rgba(234,244,240,.75)}
.w-crumb a:hover{color:#fff}

/* 产品截图框 + 浮动数据卡 */
.w-stage{position:relative}
.w-frame{border-radius:14px;overflow:hidden;background:#0E1A17;border:1px solid rgba(255,255,255,.14);box-shadow:var(--w-shadow-lg)}
.w-frame-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#13221E;border-bottom:1px solid rgba(255,255,255,.08)}
.w-frame-bar i{width:10px;height:10px;border-radius:50%;background:#33433E}
.w-frame-bar i:nth-child(1){background:#E5675B}.w-frame-bar i:nth-child(2){background:#E9B44C}.w-frame-bar i:nth-child(3){background:#5CC28A}
.w-frame-bar span{margin-left:12px;flex:1;max-width:260px;height:20px;border-radius:6px;background:rgba(255,255,255,.07);font-size:11px;line-height:20px;color:rgba(255,255,255,.55);padding:0 10px;font-family:var(--f-num)}
.w-frame img{display:block;width:100%;height:auto}
.w-hero .w-stage{transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}
.w-float{position:absolute;display:flex;align-items:center;gap:11px;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,.96);color:#13201C;box-shadow:0 14px 40px rgba(0,0,0,.28);font-size:12.5px;line-height:1.35;animation:w-bob 6s ease-in-out infinite}
.w-float b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.w-float small{color:#5A6964}
.w-float .w-ico{width:30px;height:30px;padding:6px;border-radius:9px;background:#E3F4EF;color:#0B6F62}
.w-float.amber .w-ico{background:#FEF1D6;color:#B86E00}
.w-float.f1{left:-34px;top:16%}
.w-float.f2{right:-22px;top:46%;animation-delay:-2s}
.w-float.f3{left:12%;bottom:-26px;animation-delay:-4s}
@keyframes w-bob{50%{transform:translateY(-8px)}}
.w-shot-note{margin-top:38px;font-size:12px;color:rgba(234,244,240,.5);text-align:right}

/* ---------- 信任条 ---------- */
.w-trust{background:var(--surface);border-bottom:1px solid var(--line)}
.w-trust-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:22px;padding-bottom:22px}
.w-trust-item{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--muted);line-height:1.45}
.w-trust-item .w-ico{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--accent-soft);color:var(--w-teal)}
.w-trust-item b{display:block;color:var(--ink);font-size:14px}

/* ---------- 内容页统一信息条（测算/车队/服务/关于） ----------
   v1.76：照首页 .home-strip 的形态重做——白色半透明圆角卡片、品牌绿圆形图标、
   5 项一行、项间细分隔线，卡片上提压住横幅图片下沿，形成悬浮观感。
   换形态只改这一处，四页共用。 */
.w-info-bar{position:relative;z-index:3;margin-top:-42px}
.w-info-bar .w-wrap{position:relative}
.w-info-card{position:relative;border-radius:16px;background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px -12px rgba(20,60,90,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.w-info-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 10px}
.w-info-item{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 14px;line-height:1.35}
.w-info-item+.w-info-item{border-left:1px solid rgba(30,80,60,.14)}
.w-info-item .w-ico{width:26px;height:26px;flex:none;padding:0;border:0;border-radius:0;background:none;color:#1E9446;stroke-width:1.7}
.w-info-item>div{min-width:0}
.w-info-item b{display:block;font-size:15px;font-weight:700;color:#14261F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-info-item span{display:block;margin-top:2px;font-size:11.5px;color:#5B6B66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 1180–1360：字号收一档，保证 5 项都不省略号 */
@media (max-width:1360px){
  .w-info-item{padding:2px 10px;gap:8px}
  .w-info-item b{font-size:13.5px}
  .w-info-item span{font-size:10.5px}
  .w-info-item .w-ico{width:23px;height:23px}
}
/* 980 以下：卡片不变，里面改横向滑动（右侧渐变 + 箭头提示还有内容） */
@media (max-width:980px){
  .w-info-bar{margin-top:-26px}
  .w-info-card{overflow:hidden}
  .w-info-card::after{content:"›";position:absolute;right:4px;top:0;bottom:0;width:42px;display:grid;place-items:center;
    pointer-events:none;color:rgba(30,148,70,.8);font-size:17px;line-height:1;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9) 46%,#fff 100%)}
  .w-info-in{display:flex;overflow-x:auto;width:auto;padding:11px 26px 11px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .w-info-in::-webkit-scrollbar{display:none}
  .w-info-item{width:232px;flex:none;padding:2px 14px}
  .w-info-item b{font-size:14px}
  .w-info-item span{font-size:11.5px}
  .w-info-item .w-ico{width:26px;height:26px}
}
@media (max-width:600px){
  .w-info-bar{margin-top:-20px}
  .w-info-item{width:216px;padding:2px 12px;gap:8px}
  .w-info-item .w-ico{width:23px;height:23px}
  .w-info-item b{font-size:13.5px}
  .w-info-item span{font-size:11px}
}

/* ---------- 区块 ---------- */
.w-sec{padding:104px 0}
.w-sec.alt{background:var(--surface)}
.w-sec.tight{padding:80px 0}
.w-head{max-width:760px;margin-bottom:52px}
.w-head.center{margin-left:auto;margin-right:auto;text-align:center}
.w-kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--w-teal);margin-bottom:14px}
.w-kick::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--w-amber)}
/* 中文字距统一归零（见 .w-hero h1 处的说明）；行高 1.22 → 1.3，中文两行时不至于黏在一起 */
.w-head h2,.w-h2{font-size:clamp(28px,3vw,42px);line-height:1.3;font-weight:700;letter-spacing:0}
.w-head p{margin-top:16px;font-size:16px;line-height:1.8;color:var(--muted)}
.w-dark{background:radial-gradient(1200px 500px at 85% 0%,rgba(43,181,156,.18),transparent 60%),linear-gradient(170deg,#052A24,#0A3A33);color:#EAF4F0}
.w-dark .w-kick{color:#7FE3CD}
.w-dark .w-head p{color:rgba(234,244,240,.72)}

/* 三件事：旅程 */
.w-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.w-journey::before{content:"";position:absolute;left:8%;right:8%;top:47px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 10px,transparent 10px 18px)}
.w-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--w-r);padding:30px 28px 28px;box-shadow:var(--w-shadow);display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.w-step:hover{transform:translateY(-4px);border-color:rgba(11,111,98,.4);box-shadow:0 16px 40px rgba(10,30,25,.12)}
.w-step-top{display:flex;align-items:center;justify-content:space-between}
.w-step-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#0B6F62,#14A38C);color:#fff;box-shadow:0 8px 20px rgba(11,111,98,.3)}
.w-step-ico .w-ico{width:26px;height:26px}
.w-step-n{font-family:var(--f-num);font-size:13px;color:var(--muted);letter-spacing:.1em}
.w-step em{font-style:normal;font-size:12.5px;font-weight:600;color:#B86E00;background:#FEF1D6;padding:3px 9px;border-radius:999px;align-self:flex-start}
.w-step h3{font-size:21px;font-weight:700}
.w-step p{font-size:14.5px;line-height:1.8;color:var(--muted);flex:1}
.w-step .w-link{color:#C77700}

/* 测算对比 */
.w-tco{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.w-sliders{display:flex;flex-direction:column;gap:22px;margin-top:30px;max-width:440px}
.w-slider label{display:flex;justify-content:space-between;font-size:14px;color:rgba(234,244,240,.78);margin-bottom:10px}
.w-slider label b{font-family:var(--f-num);color:#fff;font-size:15px}
.w-slider input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--w-amber) var(--p,50%),rgba(255,255,255,.16) var(--p,50%));outline:none}
.w-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--w-amber);box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer}
.w-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--w-amber);cursor:pointer}
.w-tco-steps{list-style:none;counter-reset:s;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;max-width:460px}
.w-tco-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px}
.w-tco-steps li::before{content:counter(s);grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:var(--w-amber);font-weight:700;font-family:var(--f-num)}
.w-tco-steps b{color:#fff;font-size:15.5px}
.w-tco-steps span{font-size:13.5px;color:rgba(234,244,240,.66);line-height:1.6}
.w-tco-gets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.w-tco-gets li{display:flex;gap:14px;align-items:flex-start;padding:24px 22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.w-tco-gets li:first-child{background:linear-gradient(150deg,#0E7E6E,#0B5F54);border-color:rgba(127,227,205,.45)}
.w-tco-gets .w-ico{flex:none;width:26px;height:26px;color:var(--w-amber)}
.w-tco-gets b{display:block;color:#fff;font-size:16.5px}
.w-tco-gets span{display:block;margin-top:4px;font-size:13.5px;color:rgba(234,244,240,.68);line-height:1.6}
@media (max-width:640px){.w-tco-gets{grid-template-columns:minmax(0,1fr)}}
.w-tco-note{margin-top:18px;font-size:13.5px;color:rgba(234,244,240,.68);line-height:1.8}
.w-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:0}
.w-vs-card{border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;gap:6px}
.w-vs-card.d{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.w-vs-card.e{background:linear-gradient(150deg,#0E7E6E,#0B5F54);border:1px solid rgba(127,227,205,.45);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.w-vs-card span{font-size:14px;color:rgba(234,244,240,.72);display:flex;align-items:center;gap:8px}
.w-vs-card span .w-ico{width:18px;height:18px}
.w-vs-num{font-family:var(--f-num);font-size:clamp(40px,4.4vw,60px);font-weight:700;line-height:1.05;color:#fff;letter-spacing:-.02em}
.w-vs-card.d .w-vs-num{color:rgba(234,244,240,.6)}
.w-vs-num small{font-size:.38em;font-weight:600;margin-left:4px;font-family:inherit}
.w-vs-card p{font-size:13px;color:rgba(234,244,240,.6)}
.w-vs-mid{display:grid;place-items:center;padding:0 14px}
.w-vs-mid i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#052A24;border:1px solid rgba(255,255,255,.18);font-style:normal;font-weight:700;font-size:15px;color:var(--w-amber);letter-spacing:.04em}
.w-gain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.w-gain .wide{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.w-gain .wide dd{font-size:clamp(22px,2.2vw,28px)}
.w-gain div{border-radius:16px;padding:18px 22px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.32)}
.w-gain dt{font-size:13px;color:rgba(234,244,240,.72);display:flex;align-items:center;gap:7px}
.w-gain dt .w-ico{width:16px;height:16px;color:var(--w-amber)}
.w-gain dd{margin:6px 0 0;font-variant-numeric:tabular-nums;font-size:clamp(28px,2.8vw,38px);font-weight:700;color:var(--w-amber);line-height:1.1}
.w-gain dd small{font-size:.45em;margin-left:4px;font-family:inherit;color:rgba(234,244,240,.7)}
.w-tco-cta{margin-top:22px;display:flex;justify-content:flex-end}

/* 痛点 */
.w-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.w-pain{padding:30px 28px;border-radius:var(--w-r);background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden}
.w-pain .w-ico{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--crit-soft);color:var(--crit)}
.w-pain h3{margin-top:18px;font-size:19px;font-weight:700}
.w-pain p{margin-top:10px;font-size:14.5px;line-height:1.8;color:var(--muted)}
.w-pain .w-fix{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--w-teal);display:flex;gap:8px;line-height:1.6}
.w-pain .w-fix .w-ico{width:18px;height:18px;padding:0;background:none;color:var(--w-teal);margin-top:2px}

/* 便当格：功能 */
.w-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:22px}
.w-tile{grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--w-shadow);display:flex;flex-direction:column;gap:12px;overflow:hidden}
.w-tile.wide{grid-column:span 3}
.w-tile.big{grid-column:span 4;grid-row:span 2}
.w-tile-h{display:flex;align-items:center;gap:12px}
.w-tile-h .w-ico{width:40px;height:40px;padding:9px;border-radius:11px;background:var(--accent-soft);color:var(--w-teal)}
.w-tile h3{font-size:18px;font-weight:700}
.w-tile>p{font-size:14px;line-height:1.75;color:var(--muted)}
.w-route{width:100%;height:auto;margin:6px 0 4px}
.w-mini{margin-top:auto;border-radius:12px;background:var(--bg);border:1px solid var(--line);padding:14px;font-size:12.5px}
/* 派车候选 */
.w-cand{display:flex;flex-direction:column;gap:8px}
.w-cand>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.w-cand>div.on{border-color:var(--w-teal);box-shadow:0 0 0 1px var(--w-teal) inset}
.w-cand b{font-size:13px}
.w-cand small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.w-cand .bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.w-cand .bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#14A38C,#0B6F62)}
.w-cand .sc{font-family:var(--f-num);font-weight:700;font-size:20px;color:var(--w-teal)}
.w-cand .tag{font-size:11px;font-weight:700;color:#B86E00;background:#FEF1D6;padding:2px 7px;border-radius:999px;margin-left:6px}
/* 读消息 */
.w-msg{display:flex;flex-direction:column;gap:10px}
.w-msg .bub{align-self:flex-start;max-width:92%;background:#E7F7DF;color:#1E2B1A;border-radius:4px 12px 12px 12px;padding:9px 11px;line-height:1.55}
.w-msg .out{display:flex;flex-wrap:wrap;gap:6px}
.w-msg .out span{padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--w-teal);font-weight:600;font-size:11.5px}
.w-msg .out span.p{background:#FEF1D6;color:#B86E00}
/* 电价条 */
.w-tariff{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:46px;align-items:end}
.w-tariff i{display:block;border-radius:2px 2px 0 0}
.w-tariff-x{display:flex;justify-content:space-between;color:var(--muted);font-size:10.5px;margin-top:6px;font-family:var(--f-num)}
.w-tariff-n{display:flex;gap:12px;margin-top:10px;font-size:11.5px;color:var(--muted)}
.w-tariff-n span{display:inline-flex;align-items:center;gap:5px}
.w-tariff-n i{width:9px;height:9px;border-radius:2px;display:inline-block}
/* 预警 */
.w-alerts{display:flex;flex-direction:column;gap:7px}
.w-alerts>div{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:9px;background:var(--surface);border-left:3px solid var(--crit)}
.w-alerts>div.warn{border-left-color:var(--warn)}
.w-alerts b{font-size:12.5px}
.w-alerts small{display:block;color:var(--muted);font-size:11.5px}
/* 对账流水线 */
.w-pipe{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.w-pipe span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-weight:600}
.w-pipe span .w-ico{width:14px;height:14px;color:var(--good)}
.w-pipe>.w-ico{width:14px;height:14px;color:var(--muted)}
.w-pipe-sum{margin-top:10px;display:flex;justify-content:space-between;color:var(--muted)}
.w-pipe-sum b{font-family:var(--f-num);color:var(--ink);font-size:15px}
/* 授权开关 */
.w-auth{display:flex;align-items:center;gap:12px}
.w-auth .sw{width:38px;height:22px;border-radius:11px;background:var(--w-teal);position:relative;flex:none}
.w-auth .sw::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.w-auth b{font-size:13px}
.w-auth small{display:block;color:var(--muted);font-size:11.5px}
.w-auth-log{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);color:var(--muted);font-size:11.5px;line-height:1.7}

/* 产品画廊 */
.w-gallery{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px;align-items:center}
.w-tabs{display:flex;flex-direction:column;gap:8px}
.w-tab{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:16px 18px;border-radius:14px;border:1px solid transparent;background:none;cursor:pointer;color:inherit;font:inherit;transition:background .2s,border-color .2s}
.w-tab .w-ico{width:38px;height:38px;padding:9px;border-radius:10px;background:var(--surface-2);color:var(--muted);transition:all .2s}
.w-tab b{display:block;font-size:15.5px}
.w-tab span{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:3px}
.w-tab:hover{background:var(--surface-2)}
.w-tab[aria-selected="true"]{background:var(--surface);border-color:var(--line);box-shadow:var(--w-shadow)}
.w-tab[aria-selected="true"] .w-ico{background:linear-gradient(140deg,#0B6F62,#14A38C);color:#fff}
.w-gallery .w-frame{background:#0E1A17}
.w-gallery .w-frame img{transition:opacity .35s ease}
.w-gallery-cap{margin-top:14px;font-size:13px;color:var(--muted)}

/* 商业模式图 */
.w-model{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:0;align-items:center}
.w-model-col{display:flex;flex-direction:column;gap:12px}
.w-model-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--w-shadow)}
.w-model-card .w-ico{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--accent-soft);color:var(--w-teal)}
.w-model-card b{display:block;font-size:14.5px}
.w-model-card small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.w-model-core{position:relative;margin:0 34px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#0E7E6E,#052A24 75%);color:#fff;box-shadow:0 0 0 14px rgba(11,111,98,.08),0 0 0 28px rgba(11,111,98,.05),0 24px 60px rgba(5,42,36,.35)}
.w-model-core img{width:46px;height:46px;margin:0 auto 10px}
.w-model-core b{font-size:20px;display:block}
.w-model-core span{display:block;margin-top:6px;font-size:13px;color:#9FE5D6}
.w-model-core em{display:inline-block;margin-top:12px;font-style:normal;font-weight:700;font-size:15px;color:var(--w-amber-ink);background:var(--w-amber);padding:5px 14px;border-radius:999px}
.w-model-arrow{position:absolute;top:50%;width:34px;height:2px;background:var(--line)}
.w-model-arrow.l{left:-34px}.w-model-arrow.r{right:-34px}
.w-model-lab{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.08em;margin-bottom:2px}
.w-never{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:56px}
.w-never span{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:600}
.w-never .w-ico{width:18px;height:18px;color:var(--crit)}

/* 登录入口 + 开通步骤 */
.w-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.w-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.w-steps li{display:grid;grid-template-columns:48px 1fr;gap:18px;position:relative;padding-bottom:30px}
.w-steps li:not(:last-child)::before{content:"";position:absolute;left:23px;top:50px;bottom:4px;width:2px;background:var(--line)}
.w-steps i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-family:var(--f-num);background:var(--surface);border:2px solid var(--w-teal);color:var(--w-teal);font-size:17px}
.w-steps b{display:block;font-size:17px;margin-top:4px}
.w-steps p{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.75}
.w-logins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w-login{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--w-r);background:var(--surface);border:1px solid var(--line);text-decoration:none;box-shadow:var(--w-shadow);transition:transform .2s,border-color .2s}
.w-login:hover{transform:translateY(-3px);border-color:var(--w-teal)}
.w-login .w-ico{width:40px;height:40px;padding:9px;border-radius:11px;background:var(--accent-soft);color:var(--w-teal)}
.w-login b{font-size:16px;margin-top:4px}
.w-login span{font-size:13px;color:var(--muted);line-height:1.6;flex:1}
.w-login em{font-style:normal;font-size:13.5px;font-weight:600;color:#C77700;display:inline-flex;align-items:center;gap:5px}
.w-login em .w-ico{width:14px;height:14px;padding:0;background:none;color:inherit}
.w-join-hint{margin-top:16px;font-size:14px;color:var(--muted)}
.w-join-hint a{color:var(--w-teal);font-weight:600}

/* 常见问题 */
.w-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.w-faq-side{position:sticky;top:100px}
.w-faq-side p{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.8}
.w-faq-side .w-acts{margin-top:24px}
.w-faq details{border-bottom:1px solid var(--line)}
.w-faq details:first-child{border-top:1px solid var(--line)}
.w-faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:16.5px;font-weight:600;position:relative}
.w-faq summary::-webkit-details-marker{display:none}
.w-faq summary::after{content:"";position:absolute;right:8px;top:28px;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.w-faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.w-faq details p{padding:0 40px 22px 0;font-size:15px;line-height:1.85;color:var(--muted)}

/* 收尾行动条 */
.w-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#052A24 0%,#0B4F45 60%,#0E6B5D 100%);color:#fff;padding:84px 0}
.w-cta::after{content:"";position:absolute;right:-120px;top:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.22),transparent 65%)}
.w-cta-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.w-cta h2{font-size:clamp(26px,2.8vw,38px);font-weight:700}
.w-cta p{margin-top:12px;font-size:16px;color:rgba(234,244,240,.78)}
.w-cta .w-acts{margin-top:0}

/* 页脚 */
.w-foot{background:#031C18;color:rgba(234,244,240,.66);padding:72px 0 30px}
.w-foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px}
.w-foot .w-brand{font-size:18px}
.w-foot-brand p{margin-top:14px;font-size:14px;line-height:1.8;max-width:26em}
.w-foot-brand .contact{margin-top:14px;color:#9FE5D6}
.w-foot h4{font-size:14px;color:#fff;margin-bottom:16px;font-weight:600}
.w-foot-grid a{display:block;color:rgba(234,244,240,.66);text-decoration:none;font-size:14px;padding:5px 0}
.w-foot-grid a:hover{color:#fff}
.w-foot-grid a.w-brand{display:flex;padding:0;color:#fff}
/* 电话号码是行内拨号链接：上面那条「页脚链接一律 block」会把每个号码压成一行，
   中间的分隔符再单独占一行，看起来就是号码／斜杠／号码三行。这里改回行内。 */
.w-foot-grid a.w-tel{display:inline;padding:2px 1px;color:#9FE5D6;text-decoration:none;white-space:nowrap;
  border-bottom:1px solid rgba(159,229,214,.42)}
.w-foot-grid a.w-tel:hover{color:#D6F7EC;border-bottom-color:rgba(214,247,236,.7)}
.w-foot-bottom{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.w-foot-bottom a{color:rgba(234,244,240,.55);text-decoration:none}
.w-foot-bottom a:hover{color:#fff}

/* ---------- 车队系统页 ---------- */
.w-hero-stack{position:relative;height:420px}
.w-hero-stack .w-frame{position:absolute;width:82%}
.w-hero-stack .w-frame:nth-child(1){right:0;top:0;opacity:.55;transform:scale(.92);transform-origin:top right}
.w-hero-stack .w-frame:nth-child(2){left:0;bottom:0}
.w-roles{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px;align-items:start}
.w-role-body{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.w-role-body h3{font-size:26px;font-weight:700;line-height:1.3}
.w-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.w-checks li{display:flex;gap:10px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.w-checks .w-ico{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--accent-soft);color:var(--w-teal);margin-top:2px}
.w-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.w-phone-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:30px;align-items:center}
.w-phone{width:220px;border-radius:34px;padding:10px;background:#0E1A17;box-shadow:var(--w-shadow-lg);position:relative}
.w-phone::before{content:"";position:absolute;top:14px;left:50%;width:70px;height:6px;margin-left:-35px;border-radius:3px;background:#22302C;z-index:2}
.w-phone img{display:block;width:100%;border-radius:26px}
.w-phone-card h3{font-size:22px;font-weight:700}
.w-phone-card .w-checks{grid-template-columns:minmax(0,1fr);margin-top:16px}
.w-dark .w-checks li{color:rgba(234,244,240,.8)}
.w-dark .w-checks .w-ico{background:rgba(127,227,205,.15);color:#7FE3CD}
.w-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.w-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--w-r);padding:28px;box-shadow:var(--w-shadow)}
.w-card>.w-ico{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--accent-soft);color:var(--w-teal)}
.w-card h3{margin-top:18px;font-size:18px;font-weight:700}
.w-card p{margin-top:10px;font-size:14.5px;line-height:1.8;color:var(--muted)}

/* ---------- 平台服务页 ---------- */
.w-orbit{position:relative;aspect-ratio:1;width:100%;max-width:440px;margin-left:auto}
.w-orbit::before,.w-orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.18)}
.w-orbit::before{inset:12%}
.w-orbit::after{inset:30%;border-style:solid;border-color:rgba(255,255,255,.1)}
.w-orbit-core{position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0E7E6E,#063A33);box-shadow:0 0 60px rgba(43,181,156,.35)}
.w-orbit-core img{width:44%;border-radius:10px}
.w-orbit-node{position:absolute;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#0B6F62;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.w-orbit-node .w-ico{width:28px;height:28px}
.w-orbit-node span{position:absolute;top:66px;white-space:nowrap;font-size:12.5px;color:rgba(234,244,240,.8)}
.w-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.w-svc-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--w-shadow);display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s}
.w-svc-card:hover{transform:translateY(-3px);border-color:rgba(11,111,98,.4)}
.w-svc-card.feature,.w-svc-card.tail{grid-column:span 2;background:linear-gradient(150deg,var(--surface),var(--accent-soft))}
.w-svc-top{display:flex;align-items:center;justify-content:space-between}
.w-svc-top .w-ico{width:48px;height:48px;padding:11px;border-radius:13px;background:linear-gradient(140deg,#0B6F62,#14A38C);color:#fff}
.w-svc-top small{font-size:12px;color:var(--muted);font-family:var(--f-num)}
.w-svc-card h3{margin-top:8px;font-size:19px;font-weight:700}
.w-svc-card .sub{font-size:14.5px;color:var(--ink);font-weight:600}
.w-svc-card ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;flex:1}
.w-svc-card li{font-size:14px;line-height:1.7;color:var(--muted);padding-left:16px;position:relative}
.w-svc-card li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:2px;background:var(--w-teal-l)}
.w-svc-who{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px}
.w-svc-who .w-ico{width:15px;height:15px;color:var(--w-teal)}
.w-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:f;position:relative}
.w-flow::before{content:"";position:absolute;top:27px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,#14A38C,var(--w-amber))}
.w-flow li{list-style:none;position:relative;padding-top:74px}
.w-flow li::before{counter-increment:f;content:counter(f);position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--w-teal);color:var(--w-teal);font-weight:700;font-family:var(--f-num);font-size:18px;box-shadow:0 0 0 6px var(--bg)}
.w-sec.alt .w-flow li::before{box-shadow:0 0 0 6px var(--surface)}
.w-flow ol{margin:0;padding:0}
.w-flow b{display:block;font-size:17px}
.w-flow p{margin-top:8px;font-size:14px;line-height:1.75;color:var(--muted)}
.w-partner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.w-partner-box{border-radius:20px;padding:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.w-partner-box h3{font-size:22px;font-weight:700}
.w-partner-box p{margin-top:10px;color:rgba(234,244,240,.72);font-size:14.5px;line-height:1.8}
.w-partner-box .w-acts{margin-top:22px}

/* ---------- 关于、申请 ---------- */
.w-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.w-story p{font-size:16px;line-height:1.95;color:var(--muted)}
.w-story p+p{margin-top:16px}
.w-quote{font-size:clamp(22px,2.2vw,30px);line-height:1.55;font-weight:700;color:var(--ink);padding-left:26px;border-left:4px solid var(--w-amber)}
.w-quote small{display:block;margin-top:16px;font-size:14px;font-weight:500;color:var(--muted)}
.w-apply{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(10,30,25,.16);border:1px solid var(--line);margin-top:-80px;position:relative;z-index:2;background:var(--surface)}
.w-apply-side{background:linear-gradient(165deg,#052A24,#0B4F45);color:#EAF4F0;padding:44px 40px}
.w-apply-side h3{font-size:22px;font-weight:700}
.w-apply-side .w-checks{grid-template-columns:minmax(0,1fr);margin-top:22px}
.w-apply-side .w-checks li{color:rgba(234,244,240,.82)}
.w-apply-side .w-checks .w-ico{background:rgba(127,227,205,.15);color:#7FE3CD}
.w-apply-side .w-steps{margin-top:30px}
.w-apply-side .w-steps i{background:transparent;border-color:#7FE3CD;color:#7FE3CD}
.w-apply-side .w-steps li:not(:last-child)::before{background:rgba(255,255,255,.15)}
.w-apply-side .w-steps p{color:rgba(234,244,240,.7)}
.w-apply-main{padding:40px 44px}
.w-seg{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px;margin-bottom:26px}
.w-seg a{padding:10px 22px;border-radius:9px;text-decoration:none;font-size:14.5px;color:var(--muted);font-weight:600}
.w-seg a[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.w-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.w-form .wide{grid-column:1 / -1}
.w-form .field{margin:0}
.w-form label{font-size:13.5px;font-weight:600}
/* 只给文本类控件铺满：以前这条写在裸 input 上，连「同意协议」的 checkbox 一起匹配，
   checkbox 被撑成整列宽（580 宽的表单里 366px），文字被挤到最右边还折成两行。 */
.w-form input:not([type="checkbox"]):not([type="radio"]),.w-form select,.w-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-size:15px;transition:border-color .15s,box-shadow .15s}
.w-form input:not([type="checkbox"]):not([type="radio"]):focus,.w-form select:focus,.w-form textarea:focus{outline:none;border-color:var(--w-teal);box-shadow:0 0 0 3px var(--accent-soft)}
.w-form textarea{resize:vertical;font-family:inherit}
/* 同意协议那一行 */
.w-form .check{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.7;color:var(--muted);cursor:pointer}
.w-form .check input[type="checkbox"]{flex:none;width:16px;height:16px;margin:3px 0 0;padding:0;border-radius:4px;accent-color:var(--w-teal);cursor:pointer}
.w-form .check a{color:var(--w-teal);font-weight:600}
.w-form .note{grid-column:1 / -1;margin:0}
.w-form-act{grid-column:1 / -1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.w-form-act small{font-size:13px;color:var(--muted)}
.w-done{text-align:center;padding:30px 10px}
.w-done .w-ico{width:64px;height:64px;padding:16px;border-radius:50%;background:var(--good-soft);color:var(--good)}
.w-done b{display:block;margin-top:18px;font-size:22px}
.w-done p{margin:12px auto 22px;font-size:15px;line-height:1.8;color:var(--muted);max-width:28em}
.w-after{margin-top:24px;font-size:14px;color:var(--muted);text-align:center}
.w-after a{color:var(--w-teal);font-weight:600}

/* 购车测算页里的测算器 */
.w-tco-page{margin-top:-80px;position:relative;z-index:2}

/* ---------- 进场动画（尊重“减少动态效果”设置） ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .w-float,.w-badge i{animation:none}
  .w-scene animateMotion{display:none}
}

/* ---------- 宽度适配 ---------- */
@media (max-width:1100px){
  .w-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-tile,.w-tile.wide{grid-column:span 1}
  .w-tile.big{grid-column:span 2;grid-row:auto}
  .w-trust-in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .w-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-svc-card.feature{grid-column:span 2}
  .w-svc-card.tail{grid-column:auto}
}
@media (max-width:1024px){
  .w{--w-pad:24px}
  .w-menu{display:none}
  .w-burger{display:flex}
  .w-nav.open{background:rgba(5,42,36,.98)}
  .w-nav.open .w-menu{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:68px;background:rgba(5,42,36,.98);padding:6px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .w-nav.open .w-menu a{padding:13px 4px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0}
  .w-nav.open .w-menu a.on::after{display:none}
  .w-nav.open .w-menu a.m-only{display:block;color:var(--w-amber)}
  .w-nav-act .w-btn.pri{display:none}
  .w-hero{padding:120px 0 150px}
  .w-hero-grid,.w-tco,.w-gallery,.w-roles,.w-faq-grid,.w-start,.w-story,.w-partner,.w-apply{grid-template-columns:minmax(0,1fr)}
  .w-hero .w-stage{transform:none;margin-top:10px}
  .w-float.f1{left:-8px}.w-float.f2{right:-8px}
  .w-hero-stack{height:auto;display:grid;gap:16px}
  .w-hero-stack .w-frame{position:static;width:100%}
  .w-hero-stack .w-frame:nth-child(1){display:none}
  .w-orbit{margin:20px auto 0;max-width:360px}
  .w-journey::before{display:none}
  .w-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .w-tab{flex:none;padding:10px 14px}
  .w-tab span{display:none}
  .w-model{grid-template-columns:minmax(0,1fr);gap:28px}
  .w-model-core{max-width:280px;margin:0 auto;width:100%}
  .w-model-arrow{display:none}
  .w-faq-side{position:static}
  .w-phones{grid-template-columns:minmax(0,1fr)}
  .w-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .w-foot-brand{grid-column:1 / -1}
  .w-apply{margin-top:-60px}
}
@media (max-width:700px){
  .w{--w-pad:20px}
  .w-sec{padding:64px 0}
  .w-sec.tight{padding:52px 0}
  .w-head{margin-bottom:34px}
  .w-hero{padding:104px 0 120px}
  .w-hero.inner{padding:104px 0 64px}
  .w-acts .w-btn{flex:1}
  .w-float{padding:8px 11px;font-size:11px}
  .w-float b{font-size:13px}
  .w-float .w-ico{width:24px;height:24px;padding:4px}
  .w-float.f3{display:none}
  .w-trust-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .w-trust-item:last-child{grid-column:1 / -1}
  .w-journey,.w-pains,.w-grid3,.w-svc,.w-logins,.w-checks{grid-template-columns:minmax(0,1fr)}
  .w-svc-card.feature,.w-svc-card.tail{grid-column:auto}
  .w-bento{grid-template-columns:minmax(0,1fr)}
  .w-tile.big{grid-column:auto}
  .w-vs{grid-template-columns:minmax(0,1fr)}
  .w-vs-mid{padding:10px 0}
  .w-flow{grid-template-columns:minmax(0,1fr);gap:8px}
  .w-flow::before{top:0;bottom:0;left:27px;right:auto;width:2px;height:auto}
  .w-flow li{padding:0 0 22px 76px;min-height:56px}
  .w-phone-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:left}
  .w-phone{width:200px}
  .w-form{grid-template-columns:minmax(0,1fr)}
  .w-apply-side,.w-apply-main{padding:30px 22px}
  .w-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-cta{padding:60px 0}
  .w-drop-menu{position:fixed;left:12px;right:12px;top:72px;width:auto}
}

/* 购车测算页首屏右侧：你能得到什么 */
.w-gets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:440px;margin-left:auto}
.w-gets li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(4px)}
.w-gets .w-ico{width:40px;height:40px;padding:9px;border-radius:11px;background:rgba(245,158,11,.16);color:#F8C76A;flex:none}
.w-gets b{display:block;font-size:15.5px;color:#fff}
.w-gets span{display:block;font-size:13px;color:rgba(234,244,240,.72);margin-top:2px}
#tco-start{scroll-margin-top:84px}
@media (max-width:1024px){.w-gets{margin:8px 0 0;max-width:none}}

/* ================= 首页 v0.46（照片首屏、白色吸顶导航、四项能力、满屏品牌图、车型、服务、合作） ================= */
.w{--w-ink:#14211E;--w-body:#52615C;--w-line:#E4EBE7;--w-soft:#E8F3ED}

/* 导航：首屏上透明白字，往下滚变白底深字（手机上一直是白底） */
.w-nav.solid{background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--w-line)}
.w-nav.solid .w-brand,.w-nav.solid .w-drop summary{color:var(--w-ink)}
.w-nav.solid .w-menu a{color:#3A4945}
.w-nav.solid .w-menu a:hover{color:var(--w-teal)}
.w-nav.solid .w-menu a.on{color:var(--w-ink)}
.w-nav.solid .w-burger span{background:var(--w-ink)}
.w-nav.solid .w-btn.ghost{color:var(--w-ink);border-color:var(--w-line);background:#fff}
.w-nav.solid .w-brand img{background:var(--w-soft)}

/* 首屏照片 */
.w-tag{font-size:12.5px;font-weight:700;letter-spacing:.22em;color:#9FE5D6;margin-bottom:18px}
.w-hero.photo{padding:0;min-height:min(100vh,880px);display:flex;align-items:center;background:#06302A}
.w-hero.photo::after{content:none}
.w-hero-bg{position:absolute;inset:0;z-index:-1}
.w-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:68% center;display:block}
.w-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,33,28,.92) 0%,rgba(4,40,34,.78) 32%,rgba(5,42,36,.32) 62%,rgba(5,42,36,.05) 100%),linear-gradient(0deg,rgba(3,33,28,.55),transparent 30%)}
.w-hero-copy{width:100%;padding-top:120px;padding-bottom:110px}
.w-hero-copy>*{max-width:620px}
.w-hero.photo h1{margin-top:0;font-size:clamp(40px,5vw,72px);line-height:1.1}
.w-hero.photo .w-lead{max-width:560px}
.w-hero-mimg{display:none}

/* 价值条 */
.w-values{background:#fff;border-bottom:1px solid var(--w-line)}
.w-values-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:44px;padding-bottom:44px}
.w-value{display:flex;gap:14px;align-items:flex-start}
.w-value .w-ico{width:28px;height:28px;color:var(--w-teal);flex:none;margin-top:2px}
.w-value b{display:block;font-size:17px;color:var(--w-ink)}
.w-value span{display:block;margin-top:4px;font-size:14px;color:var(--w-body);line-height:1.6}
.w-value+.w-value{padding-left:24px;border-left:1px solid var(--w-line)}

/* 四项能力：图文左右交替 */
.w-caps{display:flex;flex-direction:column;gap:96px}
.w-cap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.w-cap.rev .w-cap-text{order:2}
.w-cap-text h3{font-size:clamp(24px,2.2vw,30px);line-height:1.3;font-weight:700;color:var(--ink)}
.w-cap-text>p{margin-top:14px;font-size:16px;line-height:1.8;color:var(--muted)}
.w-cap-text .w-checks{grid-template-columns:minmax(0,1fr);margin:20px 0 22px}
.w-cap-photo{position:relative}
.w-cap-photo img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:var(--w-shadow)}
.w-cap-photo .w-float{right:-18px;left:auto;top:auto;bottom:28px}
.w-cap-media .w-frame{border-radius:16px}

/* 中段满屏品牌图：铺满浏览器宽度 */
.w-bleed{position:relative;height:clamp(560px,52vw,760px);overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.w-bleed picture,.w-bleed img{position:absolute;inset:0;width:100%;height:100%}
.w-bleed img{object-fit:cover;object-position:62% center}
.w-bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,24,.85) 0%,rgba(3,28,24,.35) 45%,rgba(3,28,24,0) 75%),linear-gradient(90deg,rgba(3,28,24,.55),transparent 60%)}
.w-bleed-copy{position:relative;z-index:1;width:100%;padding-bottom:80px}
.w-bleed h2{font-size:clamp(32px,3.8vw,56px);line-height:1.26;font-weight:700;letter-spacing:0}
.w-bleed p{margin-top:16px;font-size:clamp(15px,1.3vw,18px);color:rgba(255,255,255,.85);max-width:36em}

/* 四类车型 */
.w-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.w-type{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--w-shadow);text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s}
.w-type:hover{transform:translateY(-3px);border-color:rgba(11,111,98,.45)}
.w-type-top{display:flex;align-items:center;gap:14px}
.w-type-top .tco-car-i{width:56px;height:56px;padding:11px;margin:0;border-radius:15px}
.w-type-top span{font-size:21px;font-weight:700}
.w-type>p{font-size:14.5px;color:var(--muted);line-height:1.7;flex:1}
.w-type-res{font-size:14.5px;padding:12px 14px;border-radius:12px;background:var(--bg);color:var(--muted)}
.w-type-res b{color:var(--w-teal)}
.w-type em{font-style:normal;font-weight:700;color:#C77700;display:inline-flex;align-items:center;gap:6px;font-size:14.5px}
.w-type em .w-ico{width:16px;height:16px}

/* 服务演示 */
.w-service{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.w-service-img{margin:0;position:relative}
.w-service-img img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:var(--w-shadow)}
.w-service-img figcaption,.w-partner-img span{position:absolute;left:14px;bottom:14px;font-size:12px;color:#fff;background:rgba(0,0,0,.42);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.w-service-text>p{margin-top:14px;font-size:16px;line-height:1.8;color:var(--muted)}
.w-service-text .w-steps{margin-top:26px}
.w-service-text .w-steps i{font-size:14px}
.w-service-text .w-acts{margin-top:8px}

/* 合作：一张 16:10 小图轮播两张场景 */
.w-partners{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.w-partners-text>p{margin-top:14px;font-size:15.5px;line-height:1.8;color:var(--muted)}
.w-partners-text .w-checks{grid-template-columns:minmax(0,1fr);margin:18px 0 22px}
.w-carousel{position:relative;width:100%;max-width:460px;justify-self:end;overflow:hidden}
.w-carousel-track{display:flex;transition:transform .5s ease}
.w-partner-pic{margin:0;flex:0 0 100%;min-width:0}
.w-partner-img{position:relative}
.w-partner-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;box-shadow:var(--w-shadow)}
.w-partner-pic figcaption{margin-top:12px}
.w-partner-pic figcaption b{display:block;font-size:16px}
.w-partner-pic figcaption span{display:block;margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.6}
.w-carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.w-carousel-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(15,40,35,.18);cursor:pointer;transition:background .2s,width .2s}
.w-carousel-dots button.on{background:var(--w-teal,#0e7a6b);width:22px}
@media (prefers-reduced-motion:reduce){.w-carousel-track{transition:none}}

/* 登录入口窄栏 */
.w-loginbar{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.w-loginbar-in{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.w-loginbar b{font-size:15px}
.w-loginbar-in>div{display:flex;gap:10px 22px;flex-wrap:wrap}
.w-loginbar a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink);font-size:14.5px}
.w-loginbar a:hover{color:var(--w-teal)}
.w-loginbar .w-ico{width:18px;height:18px;color:var(--w-teal)}

@media (max-width:1100px){
  .w-partners{gap:36px}
  .w-carousel{max-width:420px}
}
@media (max-width:1024px){
  .w-values-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-value:nth-child(3){padding-left:0;border-left:0}
  .w-cap,.w-service{grid-template-columns:minmax(0,1fr);gap:28px}
  .w-cap.rev .w-cap-text{order:0}
  .w-caps{gap:64px}
  .w-cap-photo .w-float{right:12px}
  .w-nav.open{background:#fff}
  .w-nav.open .w-brand{color:var(--w-ink)}
  .w-nav.open .w-burger span{background:var(--w-ink)}
  .w-nav.open .w-menu{background:#fff;border-bottom:1px solid var(--w-line)}
  .w-nav.open .w-menu a{color:var(--w-ink);border-bottom-color:var(--w-line)}
  .w-nav.open .w-menu a.m-only{color:#C77700}
  .w-nav.open .w-drop summary{color:var(--w-ink)}
}
/* 手机和竖屏平板（900 以下）：首屏白底深字，文字在上、4:3 照片在下；导航一直白底 */
@media (max-width:900px){
  .w-nav{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--w-line)}
  .w-nav-in{height:64px}
  .w-nav .w-brand,.w-nav .w-drop summary{color:var(--w-ink)}
  .w-nav .w-burger span{background:var(--w-ink)}
  .w-nav .w-brand img{background:var(--w-soft)}
  .w-nav .w-btn.ghost{color:var(--w-ink);border-color:var(--w-line);background:#fff}
  .w-hero.photo{display:block;min-height:0;background:linear-gradient(180deg,#fff 0%,#F2F8F5 100%);color:var(--w-ink)}
  .w-hero.photo .w-hero-bg{display:none}
  .w-hero-copy{padding-top:96px;padding-bottom:26px}
  .w-hero.photo .w-tag{color:var(--w-teal)}
  .w-hero.photo h1{color:var(--w-ink);font-size:clamp(34px,9.5vw,42px)}
  .w-hero.photo h1 em{background:linear-gradient(90deg,#087F5B,#18B879);-webkit-background-clip:text;background-clip:text}
  .w-hero.photo .w-lead{color:var(--w-body);font-size:15.5px}
  .w-hero.photo .w-btn.ghost{color:var(--w-ink);border-color:#C9D6D0;background:#fff}
  .w-hero.photo .w-proof{color:var(--w-body)}
  .w-hero.photo .w-proof .w-ico{color:var(--w-teal)}
  .w-hero-mimg{display:block;padding:0 var(--w-pad) 30px;max-width:760px}
  .w-hero-mimg img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
  .w-hero.inner{padding-top:96px}
  .w-values-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding-top:30px;padding-bottom:30px}
  .w-value{flex-direction:column;gap:8px}
  .w-value+.w-value{padding-left:0;border-left:0}
  .w-value b{font-size:15.5px}
  .w-value span{font-size:13px}
  .w-bleed{height:auto;min-height:0;display:block}
  .w-bleed picture,.w-bleed img{position:static;height:auto;aspect-ratio:4/5}
  .w-bleed img{object-position:78% center}
  .w-bleed::after{content:none}
  .w-bleed-copy{background:#052A24;padding-top:30px;padding-bottom:40px}
  .w-types,.w-partners{grid-template-columns:minmax(0,1fr)}
  .w-carousel{justify-self:start;max-width:100%}
  .w-type{padding:22px}
  .w-loginbar-in{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.w-type,.w-type:hover{transition:none;transform:none}}

/* ---- 内页顶部照片（v0.47）：购车测算、车队系统、平台服务、关于我们、申请 ---- */
.w-hero.inner.has-bg{min-height:520px;display:flex;align-items:center;background:#052A24}
.w-hero.inner.has-bg>.w-wrap{width:100%}
.w-hero.inner.has-bg .w-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.w-hero.inner.has-bg .w-lead{max-width:34em}

/* 购车测算：“你能得到什么”一条横栏 */
.w-gets-bar{background:var(--surface);border-bottom:1px solid var(--line)}
.w-gets-bar .w-gets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;max-width:var(--w-max);margin:0 auto;padding:30px var(--w-pad)}
.w-gets-bar .w-gets li{background:none;border:0;padding:0;backdrop-filter:none;align-items:flex-start}
.w-gets-bar .w-gets .w-ico{width:38px;height:38px;padding:8px;background:var(--accent-soft);color:var(--w-teal)}
.w-gets-bar .w-gets b{color:var(--ink);font-size:15px}
.w-gets-bar .w-gets span{color:var(--muted);font-size:13px;line-height:1.55}
.w-tco-sec{padding-top:40px}
.w-tco-sec .w-tco-page{margin-top:0}
@media (max-width:1100px){.w-gets-bar .w-gets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .w-hero.inner.has-bg{min-height:420px}
  .w-hero.inner.has-bg .w-hero-bg::after{background:linear-gradient(180deg,rgba(3,33,28,.55) 0%,rgba(3,33,28,.82) 55%,rgba(3,33,28,.92) 100%)}
}
@media (max-width:700px){
  .w-hero.inner.has-bg{min-height:0;padding-bottom:48px}
  .w-gets-bar .w-gets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding-top:24px;padding-bottom:24px}
  .w-gets-bar .w-gets li{flex-direction:column;gap:8px}
  .w-gets-bar .w-gets li:last-child{grid-column:1 / -1}
}

/* ---- AI 调度（v0.62）：算法三步 + 权重表 + 对比表 + 人机协同 ---- */
.w-ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:56px;align-items:start}
.w-ai-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}
.w-ai-steps li{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:16px}
.w-ai-steps i{grid-row:1/3;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(127,227,205,.1);border:1px solid rgba(127,227,205,.3);color:#7FE3CD;font-family:var(--f-num);font-size:14.5px;font-weight:700;font-style:normal;letter-spacing:.02em}
.w-ai-steps b{display:block;color:#fff;font-size:17.5px;font-weight:700;margin-bottom:7px}
.w-ai-steps p{margin:0;font-size:14px;line-height:1.8;color:rgba(234,244,240,.66)}
.w-ai-rules{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:20px 4px 8px;overflow:hidden}
.w-ai-rules-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0 18px 15px;flex-wrap:wrap}
.w-ai-rules-top b{color:#fff;font-size:16.5px}
.w-ai-rules-top span{font-size:11.5px;letter-spacing:.04em;color:rgba(234,244,240,.45)}
.w-tbl-wrap{overflow-x:auto}
.w-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:430px}
.w-tbl th{text-align:left;padding:9px 18px;font-size:11.5px;font-weight:600;letter-spacing:.08em;color:rgba(234,244,240,.45);border-bottom:1px solid rgba(255,255,255,.13);white-space:nowrap}
.w-tbl td{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top;line-height:1.6}
.w-tbl td:first-child{color:#fff;font-weight:600;white-space:nowrap}
.w-tbl td:nth-child(2){color:var(--w-amber);font-family:var(--f-num);white-space:nowrap;font-size:13px}
.w-tbl td:nth-child(3){color:rgba(234,244,240,.6);font-size:12.8px}
.w-tbl tbody tr:last-child td{border-bottom:0}
.w-ai-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.w-ai-tags span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:rgba(234,244,240,.86);font-size:13px;font-weight:600}
.w-ai-tags .w-ico{width:15px;height:15px;color:#7FE3CD}
/* 暗色区块里的卡片 */
.w-dark .w-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13);box-shadow:none}
.w-dark .w-card h3{color:#fff}
.w-dark .w-card p{color:rgba(234,244,240,.68)}
.w-dark .w-card .w-ico{color:#7FE3CD}
/* 靠人排 vs AI 排 */
.w-cmp-wrap{overflow-x:auto;border-radius:16px;background:var(--surface);box-shadow:var(--w-shadow);border:1px solid var(--line)}
.w-cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:680px}
.w-cmp thead th{padding:16px 22px;text-align:left;font-size:13px;font-weight:700;letter-spacing:.04em;background:var(--w-deep);color:rgba(234,244,240,.7)}
.w-cmp thead th:nth-child(3){color:#7FE3CD}
.w-cmp tbody td{padding:15px 22px;border-top:1px solid var(--line);vertical-align:top;line-height:1.7}
.w-cmp tbody td:first-child{font-weight:600;white-space:nowrap}
.w-cmp tbody td:nth-child(2){color:var(--muted)}
.w-cmp tbody td:nth-child(3){color:var(--ink);font-weight:600}
/* 人机协同 */
.w-human{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:start}
.w-human-list{display:flex;flex-direction:column;gap:16px}
.w-human-list .w-card{padding:22px 24px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:start}
.w-human-list .w-card .w-ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--w-teal);grid-row:1/3}
.w-human-list .w-card h3{font-size:16px;margin-bottom:5px}
.w-human-list .w-card p{font-size:14px;line-height:1.8;color:var(--muted)}
@media (max-width:1100px){
  .w-ai,.w-human{grid-template-columns:minmax(0,1fr);gap:38px}
}
@media (max-width:700px){
  .w-ai-steps li{grid-template-columns:42px minmax(0,1fr);column-gap:13px}
  .w-ai-steps i{width:42px;height:42px;font-size:13px}
  .w-ai-steps b{font-size:16px}
  .w-tbl td,.w-tbl th{padding-left:14px;padding-right:14px}
  .w-cmp tbody td,.w-cmp thead th{padding:13px 16px;font-size:13.5px}
}

/* ---- 客户案例（v0.63）：数据在 js/cases.js，有客户签字才往那里加 ---- */
.w-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.w-case{background:var(--surface);border:1px solid var(--line);border-radius:var(--w-r);padding:28px;box-shadow:var(--w-shadow);display:flex;flex-direction:column;gap:14px}
.w-case-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.w-case-top b{font-size:18.5px;font-weight:700}
.w-case-top span{font-size:12px;color:var(--muted);font-family:var(--f-num)}
.w-case-line{font-size:13px;color:var(--muted)}
.w-case-before{font-size:14.5px;line-height:1.8;color:var(--muted);padding-left:12px;border-left:3px solid var(--line)}
.w-case .w-checks{margin:0;grid-template-columns:minmax(0,1fr);gap:8px}
.w-case-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.w-case-num{background:var(--surface-2);border-radius:10px;padding:10px 13px}
.w-case-num small{display:block;font-size:12px;color:var(--muted)}
.w-case-num b{display:block;margin-top:3px;font-family:var(--f-num);font-size:15.5px;color:var(--w-teal)}
.w-case-quote{margin:2px 0 0;padding-left:14px;border-left:3px solid var(--w-amber);font-size:15px;line-height:1.75;font-weight:600}
.w-case-quote small{display:block;margin-top:8px;font-size:12.5px;font-weight:400;color:var(--muted)}
/* 还没有案例时的说明块 */
.w-empty-case{max-width:720px;margin:0 0 48px}
.w-empty-case h2{margin:0 0 14px}
.w-empty-case p{font-size:16px;line-height:1.85;color:var(--muted)}
.w-empty-case .w-acts{margin-top:26px}
@media (max-width:900px){.w-cases{grid-template-columns:minmax(0,1fr)}}

/* ================= v0.65 做减法：一个主色、不发光、不渐变、字更大、留白更多（放在最后，统一覆盖前面各版） ================= */
.w{--w-ink:#0F1A17;--w-body:#4A5753;--w-line:#E2E7E4;--w-deep:#0B2A25;--w-accent:#0B6F62;--w-paper:#F4F6F5}
/* 按钮：浅底上实心深绿，深底上实心白；不发光、不上浮 */
.w-btn{border-radius:6px;font-weight:600;padding:14px 30px;font-size:15.5px;transition:background .15s,color .15s,border-color .15s}
.w-btn:hover{transform:none!important}
.w-btn.pri,.w-btn.teal{background:var(--w-deep);color:#fff;box-shadow:none}
.w-btn.pri:hover,.w-btn.teal:hover{background:#14443C;box-shadow:none}
.w-hero .w-btn.pri,.w-dark .w-btn.pri,.w-cta .w-btn.pri,.w-nav .w-btn.pri{background:#fff;color:var(--w-deep)}
.w-hero .w-btn.pri:hover,.w-dark .w-btn.pri:hover,.w-cta .w-btn.pri:hover,.w-nav .w-btn.pri:hover{background:#E6EEEB}
.w-nav.solid .w-btn.pri{background:var(--w-deep);color:#fff}
.w-btn.ghost{background:transparent;border-color:rgba(255,255,255,.5)}
.w-btn.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.w-btn.sm{border-radius:6px;padding:9px 18px}
.w-link{color:var(--w-accent);font-weight:600;font-size:15px}
/* 导航：选中项用细线，不用橙色 */
.w-menu a{font-size:15px}
.w-menu a.on::after{background:#fff;height:1.5px}
.w-nav.solid .w-menu a.on::after{background:var(--w-deep)}
.w-nav.open .w-menu a.m-only{color:var(--w-accent)}
/* 首屏：实心白字，不用渐变字 */
.w-hero h1{font-weight:700;letter-spacing:.01em}
.w-hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#A8DCCF}
.w-hero.photo h1{font-size:clamp(44px,5.2vw,78px);line-height:1.16}
.w-hero.photo .w-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.85;color:rgba(255,255,255,.86);max-width:30em;margin-top:28px}
.w-hero.photo .w-acts{margin-top:40px}
/* 小标题：去掉橙色短线和大字距 */
.w-kick{letter-spacing:.06em;font-weight:600}
.w-kick::before{display:none}
.w-label{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--w-accent);margin-bottom:18px}
.w-dark .w-label,.w-dark .w-kick{color:#8FCFC0}
/* 标题与区块：更大、更松 */
.w-head h2,.w-h2,.w-sec-head h2,.w-split h2,.w-cta h2{font-size:clamp(30px,3.2vw,48px);line-height:1.25;font-weight:700;letter-spacing:.005em}
.w-head p{font-size:17px}
.w-sec{padding:128px 0}
/* 深色区块、收尾条：纯色，不加光晕 */
.w-dark{background:var(--w-deep)}
.w-cta{background:var(--w-deep);padding:96px 0}
.w-cta::after{display:none}
.w-cta p{font-size:17px}
/* 卡片：去阴影、小圆角；图标去底色块；不再有浮动数据卡 */
.w-card,.w-svc-card,.w-case,.w-type,.w-login,.w-step,.w-tile,.w-model-card,.w-cmp-wrap{box-shadow:none;border-radius:8px}
.w-card>.w-ico,.w-login .w-ico,.w-tile-h .w-ico,.w-model-card .w-ico,.w-trust-item .w-ico,.w-pain .w-ico,.w-human-list .w-card .w-ico{background:none;padding:0;width:28px;height:28px;color:var(--w-accent)}
.w-step-ico,.w-svc-top .w-ico,.w-tab[aria-selected="true"] .w-ico{background:var(--w-deep);box-shadow:none}
.w-checks .w-ico{background:none;padding:0;width:18px;height:18px}
.w-float{display:none}
.w-svc-card.feature,.w-svc-card.tail{background:var(--surface)}
.w-svc-card li::before{background:var(--w-accent)}
.w-flow::before{background:var(--line)}
.w-model-core{background:var(--w-deep);box-shadow:none}
.w-model-core em{background:#fff;color:var(--w-deep)}
.w-orbit-core{box-shadow:none;background:var(--w-deep)}
/* 截图框：不画仿浏览器的三个圆点 */
.w-frame{border-radius:8px;box-shadow:none;border:1px solid var(--w-line);background:#fff}
.w-frame-bar{display:none}
.w-dark .w-frame{border-color:rgba(255,255,255,.14)}
/* 原来用橙色点缀的地方都改回主色 */
.w-type em,.w-login em,.w-step .w-link,.w-step em{color:var(--w-accent);background:none;padding:0}
.w-quote,.w-case-quote{border-left-color:var(--w-deep)}
.w-tbl td:nth-child(2){color:#8FCFC0}
.w-never .w-ico{color:var(--w-body)}
/* 常见问题、页脚 */
.w-faq summary{font-size:17px;font-weight:600}
.w-faq details p{font-size:15.5px}
.w-foot{background:#08201C}
.w-foot-co{margin-top:14px;font-size:13.5px;line-height:1.8;color:rgba(234,244,240,.5)}
/* 正式横版 LOGO（v0.68）：深色底（首屏照片上、页脚）用白色版，白底（吸顶后、手机）用深色版 */
.w-brand img{background:none!important;border-radius:0;display:block;height:50px;width:auto;margin-left:-12px}
.w-brand .on-light{display:none}
.w-nav.solid .w-brand .on-dark,.w-nav.open .w-brand .on-dark{display:none}
.w-nav.solid .w-brand .on-light,.w-nav.open .w-brand .on-light{display:block}
.w-foot .w-brand img{height:54px}
@media (max-width:900px){
  .w-nav .w-brand .on-dark{display:none}
  .w-nav .w-brand .on-light{display:block;height:42px;margin-left:-10px}
}

/* ---- 首页 v0.65 ---- */
.w-intro{padding-top:120px}
.w-intro-top{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}
.w-intro-top .w-label{margin:10px 0 0}
.w-statement{font-size:clamp(22px,2.1vw,31px);line-height:1.7;font-weight:500;color:var(--w-ink);letter-spacing:.01em;max-width:30em}
.w-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:96px;border-top:1px solid var(--w-line)}
.w-index-item{display:flex;flex-direction:column;gap:14px;padding:40px 40px 8px 0;text-decoration:none;color:inherit}
.w-index-item+.w-index-item{padding-left:40px;border-left:1px solid var(--w-line)}
.w-index-n{font-family:var(--f-num);font-size:14px;color:var(--w-body);letter-spacing:.06em}
.w-index-item h3{font-size:26px;font-weight:700;transition:color .15s}
.w-index-item p{font-size:15.5px;line-height:1.85;color:var(--w-body);flex:1}
.w-index-item em{font-style:normal;color:var(--w-accent);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.w-index-item em .w-ico{width:16px;height:16px;transition:transform .15s}
.w-index-item:hover h3{color:var(--w-accent)}
.w-index-item:hover em .w-ico{transform:translateX(3px)}
.w-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.w-sec-head .w-link{white-space:nowrap;margin-bottom:8px}
.w-product{background:var(--w-paper)}
.w-shot-tabs{display:flex;gap:36px;border-bottom:1px solid var(--w-line);margin-bottom:36px;overflow-x:auto;scrollbar-width:none}
.w-shot-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 16px;font:inherit;font-size:16px;color:var(--w-body);cursor:pointer;white-space:nowrap}
.w-shot-tabs button:hover{color:var(--w-ink)}
.w-shot-tabs button[aria-selected="true"]{color:var(--w-ink);font-weight:600;border-bottom-color:var(--w-deep)}
.w-shot{margin:0}
.w-shot img{display:block;width:100%;height:auto;border:1px solid var(--w-line);border-radius:6px;background:#fff;transition:opacity .3s}
.w-shot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;font-size:15.5px;color:var(--w-ink)}
.w-shot figcaption p{margin:0}
.w-shot figcaption span{font-size:13px;color:var(--w-body);white-space:nowrap}
.w-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.w-tcoband h2{color:#fff}
.w-tcoband p{margin-top:22px;font-size:17px;line-height:1.85;color:rgba(234,244,240,.74);max-width:30em}
.w-tcoband .w-acts{margin-top:40px}
.w-outs{margin:0;border-top:1px solid rgba(255,255,255,.16)}
.w-outs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.w-outs dt{color:#fff;font-weight:600;font-size:17px}
.w-outs dd{margin:0;color:rgba(234,244,240,.7);font-size:15.5px;line-height:1.7}
.w-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;border-top:1px solid var(--w-line);padding-top:40px}
.w-cols3 h3{font-size:22px;font-weight:700}
.w-cols3 p{margin-top:14px;font-size:15.5px;line-height:1.85;color:var(--w-body)}
.w-kinds{margin-top:72px;padding:32px 36px;background:var(--w-paper);border-radius:6px;display:flex;align-items:center;gap:18px 36px;flex-wrap:wrap}
.w-kinds>span{font-weight:600;font-size:15.5px}
.w-kinds ul{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;flex:1;color:var(--w-body);font-size:15px}
.w-kinds li::before{content:"·";margin-right:8px;color:var(--w-accent);font-weight:700}
.w-home .w-faq-grid{gap:96px}
/* 首页段落白底、浅灰底交替，分出层次 */
.w-home .w-sec{background:#fff}
.w-home .w-product,.w-home .w-sec:has(.w-faq){background:var(--w-paper)}
.w-home .w-dark{background:var(--w-deep)}
.w-business{padding-bottom:112px}
/* 页脚五栏：品牌 + 了解、登录、申请、条款 */
.w-foot-grid{grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(0,1fr))}
@media (max-width:1024px){
  .w-foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .w-intro-top{grid-template-columns:minmax(0,1fr);gap:8px}
  .w-index{grid-template-columns:minmax(0,1fr);margin-top:56px}
  .w-index-item,.w-index-item+.w-index-item{padding:30px 0;border-left:0}
  .w-index-item+.w-index-item{border-top:1px solid var(--w-line)}
  .w-split{grid-template-columns:minmax(0,1fr);gap:48px}
  .w-cols3{grid-template-columns:minmax(0,1fr);gap:32px}
  .w-sec-head{flex-direction:column;align-items:flex-start}
  .w-home .w-faq-grid{gap:40px}
}
@media (max-width:900px){
  .w-hero.photo .w-btn.pri,.w-nav .w-btn.pri{background:var(--w-deep);color:#fff}
  .w-hero.photo h1{font-size:clamp(34px,9vw,44px)}
  .w-hero.photo .w-lead{color:var(--w-body);font-size:16px}
}
@media (max-width:700px){
  .w-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-sec{padding:80px 0}
  .w-intro{padding-top:72px}
  .w-statement{font-size:20px}
  .w-outs div{grid-template-columns:minmax(0,1fr);gap:6px}
  .w-kinds{padding:24px 22px}
  .w-shot figcaption{flex-direction:column;gap:6px}
}

/* ================= v0.69 首屏（照用户给的参考图）：白色导航、明亮大图、左侧深色标题、底部深绿横条 ================= */
.w{--w-brand:#0B6B47;--w-brand-h:#0A5C3D}
/* 按钮改成胶囊形；主按钮用品牌绿 */
.w-btn{border-radius:999px}
.w-btn.sm{border-radius:999px;padding:9px 20px}
.w-btn.pri,.w-btn.teal,.w-nav.solid .w-btn.pri{background:var(--w-brand);color:#fff}
.w-btn.pri:hover,.w-btn.teal:hover,.w-nav.solid .w-btn.pri:hover{background:var(--w-brand-h)}
.w-nav .w-btn.pri .w-ico{width:16px;height:16px}
/* 首页导航一直白底 */
.w-nav.light{background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--w-line)}
.w-nav.light .w-menu a.on{color:var(--w-brand)}
.w-nav.light .w-menu a.on::after{background:var(--w-brand)}

.w-hero.bright{padding:68px 0 0;min-height:clamp(620px,50vw,780px);display:flex;flex-direction:column;justify-content:center;background:#E9F1EC;color:var(--w-ink)}
.w-hero.bright::after{content:none}
.w-hero.bright .w-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;display:block}
/* 左侧白色渐隐，深色字看得清；右边照片保持原样 */
.w-hero.bright .w-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.72) 28%,rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 64%)}
.w-hero.bright .w-hero-copy{padding-top:56px;padding-bottom:150px}
.w-hero.bright .w-hero-copy>*{max-width:600px}
/* 手机端首屏标题：.02em 的字距在中文字上没必要（方块字自带均匀留白），归零；
   行高 1.2 → 1.28，两行「汇联运力，/ 智程致远」不会挨太近。字号不动。 */
.w-hero.bright h1{margin:0;font-size:clamp(40px,4.4vw,64px);line-height:1.28;font-weight:700;letter-spacing:0;color:#0F2A22}
.w-hero.bright h1 em{color:var(--w-brand)}
.w-hero.bright .w-lead{margin-top:22px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.9;color:#33463F;max-width:27em}
.w-hero.bright .w-acts{margin-top:34px}
.w-hero.bright .w-btn.pri{background:var(--w-brand);color:#fff}
.w-hero.bright .w-btn.line{background:rgba(255,255,255,.85);border-color:rgba(11,107,71,.35);color:var(--w-brand)}
.w-hero.bright .w-btn.line:hover{background:#fff;border-color:var(--w-brand)}
/* 底部深绿横条：四项 */
.w-hero-strip{position:absolute;left:0;right:0;bottom:0;background:rgba(10,52,40,.84);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}
.w-hero-strip .w-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.w-strip-item{display:flex;align-items:center;gap:16px;padding:24px 20px}
.w-strip-item+.w-strip-item{border-left:1px solid rgba(255,255,255,.18)}
.w-strip-ico{flex:none;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);display:grid;place-items:center}
.w-strip-ico .w-ico{width:24px;height:24px;color:#fff}
.w-strip-item b{display:block;font-size:16.5px;font-weight:600}
.w-strip-item small{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.72)}
@media (max-width:1100px){.w-strip-item{padding:20px 12px;gap:12px}.w-strip-ico{width:44px;height:44px}}
/* 手机和竖屏平板：文字在上，4:3 图在下，横条变两列 */
@media (max-width:900px){
  .w-hero.bright{display:block;min-height:0;padding-top:64px;background:#fff}
  .w-hero.bright .w-hero-bg{display:none}
  .w-hero.bright .w-hero-copy{padding-top:28px;padding-bottom:24px}
  .w-hero.bright h1{font-size:clamp(32px,8.6vw,42px)}
  .w-hero.bright .w-hero-mimg{display:block;padding:0;max-width:none}
  .w-hero.bright .w-hero-mimg img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0}
  .w-hero-strip{position:static;background:#0A3428;backdrop-filter:none}
  .w-hero-strip .w-wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .w-strip-item{padding:18px var(--w-pad);gap:12px}
  .w-strip-item+.w-strip-item{border-left:0}
  .w-strip-item:nth-child(even){border-left:1px solid rgba(255,255,255,.14)}
  .w-strip-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
  .w-strip-ico{width:40px;height:40px}
  .w-strip-ico .w-ico{width:20px;height:20px}
  .w-strip-item b{font-size:15px}
  .w-strip-item small{font-size:12px}
}

/* ================= v0.71 手机端专项优化（手机是主力入口） ================= */
/* 1) 首屏四宫格：图标缩小、说明文字 13px 并压到一行，杜绝“一批订单统一匹/配”这种把词劈开的换行 */
@media (max-width:700px){
  .w-hero-strip .w-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-strip-item{padding:14px 16px;gap:10px;align-items:flex-start}
  .w-strip-ico{width:30px;height:30px;border-width:1px}
  .w-strip-ico .w-ico{width:16px;height:16px}
  .w-strip-item b{font-size:14px;line-height:1.35}
  .w-strip-item small{font-size:13px;line-height:1.45;margin-top:2px;color:rgba(255,255,255,.8)}

  /* 2) 文字链点击区：原来只有 23px 高，拇指点不准，补到 40px */
  .w-link{padding:9px 0;min-height:40px;align-items:center;font-size:14.5px}
  .w-foot-grid a{padding:9px 0;font-size:14.5px}
  .w-tel{color:#7FE3CD;text-decoration:none;border-bottom:1px solid rgba(127,227,205,.45);padding:2px 1px;white-space:nowrap}

  /* 3) 系统截图标签条：右侧加渐隐，提示还能往右滑（原来第 4 个标签被切一半，像坏了） */
  .w-shot-tabs{position:relative;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .w-shot-tabs>*{scroll-snap-align:start}
  .w-shot-tabs::after{content:"";position:sticky;right:0;top:0;flex:none;width:34px;align-self:stretch;margin-left:-34px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),var(--bg) 78%)}

  /* 4) 吸底行动条 */
  .w{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
.w-mcta{display:none}
@media (max-width:700px){
  .w-mcta{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(10,30,25,.08);
    transform:translateY(115%);transition:transform .28s ease;will-change:transform}
  .w-mcta.show{transform:none}
  .w-mcta-t{flex:1;min-width:0}
  .w-mcta-t b{display:block;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}
  .w-mcta-t span{display:block;margin-top:1px;font-size:12px;color:var(--muted);line-height:1.4}
  .w-mcta .w-btn{flex:none;padding:11px 20px;font-size:14.5px}
}
@media print{.w-mcta{display:none!important}}

/* v0.71 续：手机端字号与留白 */
@media (max-width:700px){
  /* 抽屉里的登录条目说明原来是 12.5px，手机上偏小，提到 13px */
  .w-drop-menu span{font-size:13px;line-height:1.55}
  /* 每段上下留白 104px 在手机上是浪费，收紧到 64px：全页少约 560px，少滚一屏 */
  .w-sec{padding:64px 0}
  .w-sec.tight{padding:52px 0}
  .w-head{margin-bottom:32px}
  /* 段内小标题与正文之间的间距同步收紧 */
  .w-head p{margin-top:12px}
  .w-foot{padding:52px 0 26px}
}

/* ================= v1.08 购车测算首屏（照用户 11-02 给的效果图）：明亮天空 + 底部实景，左文案、右玻璃看板，底部五项白条 ================= */
/* 电脑端首屏＝用户给的设计稿原图，原样展示；平板和手机仍用下面的复刻版 */
.tco-design{display:none}
@media (min-width:1101px){
  .tco-design{display:block;position:relative;max-width:1440px;margin:0 auto}
  .tco-design img{display:block;width:100%;height:auto}
  .tco-page .tco-hero-scene,.tco-page .tco-hero-grid{display:none}
  .tco-hero{padding-top:108px}
  /* 图上画的两个按钮：透明热区盖在原来的位置上，点了照样能用 */
  .tco-hot{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:10px}
  .tco-hot:focus-visible{outline:2px solid #1E9142;outline-offset:3px}
  .tco-hot.hot-go{left:7.7%;top:43.1%;width:13.4%;height:6.4%}
  .tco-hot.hot-demo{left:22.6%;top:43.1%;width:12.9%;height:6.4%}
}

/* 这一页的导航浮起来：白色圆角条，四周留 8px（设计稿如此） */
body:has(.tco-hero) .w-nav{top:8px;left:8px;right:8px;border-radius:12px;background:rgba(255,255,255,.96);
  box-shadow:0 6px 22px -10px rgba(20,60,90,.28);overflow:hidden}
body:has(.tco-hero) .w-nav .w-wrap{max-width:none}
.tco-hero{position:relative;overflow:hidden;padding-top:112px;--scene:calc(100vw * 727 / 1245);color:#1D2B26;
  background:radial-gradient(55% 38% at 16% 16%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),radial-gradient(45% 32% at 84% 8%,rgba(255,255,255,.75),rgba(255,255,255,0) 70%),linear-gradient(180deg,#D5E7F7 0%,#E3EEF9 52%,#E2EEF8 100%)}
.tco-hero-scene{position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none}
.tco-hero-scene img{display:block;width:100%;height:auto}
.tco-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.56fr) minmax(0,1fr);grid-template-areas:"copy board" "acts board";grid-template-rows:auto 1fr;column-gap:12px;padding-bottom:calc(var(--scene) * .12)}
.tco-hero-copy{grid-area:copy;padding-top:30px}
.tco-chip{display:inline-block;padding:7px 20px;border:1.5px solid #2FAE4E;border-radius:999px;background:rgba(255,255,255,.65);color:#1C8C42;font-size:15px;font-weight:700;letter-spacing:.04em}
/* 中文没有真正的斜体字形（雅黑/苹方都没有 italic 字重），写 font-style:italic 时浏览器只是
   把整块字形做几何斜切，竖笔会变歪、横画两端出台阶，放大看很假。中文字体规范里也不做倾斜。
   这里去掉斜体，改用品牌绿 + 字号对比来突出重点；字距归零（方块字不需要额外收紧）。 */
.tco-hero h1{margin-top:22px;font-size:clamp(34px,3.6vw,54px);line-height:1.3;font-weight:700;font-style:normal;letter-spacing:0;color:#14365E}
.tco-hero h1 em{color:#22A045}
.tco-lead{margin-top:20px;max-width:31em;font-size:16px;line-height:1.95;color:#33433E}
.tco-hero-acts{grid-area:acts;display:flex;flex-wrap:wrap;gap:18px;align-self:start;margin-top:32px;margin-bottom:calc(var(--scene) * .3)}
.tco-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:10px;border:1.5px solid transparent;font:inherit;font-size:17px;font-weight:700;cursor:pointer;transition:filter .15s,background .15s,transform .15s}
.tco-btn .w-ico{width:20px;height:20px}
.tco-btn.pri{background:linear-gradient(180deg,#3DB65C,#1E9142);color:#fff;box-shadow:0 12px 26px -10px rgba(30,145,66,.7)}
.tco-btn.pri:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tco-btn.line{background:rgba(255,255,255,.85);border-color:#33413C;color:#1D2B26}
.tco-btn.line:hover{background:#fff}
.tco-btn.line .w-ico{color:#1E9142}
.tco-btn:disabled{opacity:.6;cursor:wait}

/* 玻璃看板 */
.tco-board{grid-area:board;align-self:start;position:relative;margin-bottom:calc(var(--scene) * -.02);padding:0 18px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.98);
  background:linear-gradient(158deg,#fff 0%,#FCFEFD 46%,#F6FBF9 100%);
  box-shadow:0 1px 0 #fff inset,0 3px 8px rgba(20,60,90,.07),0 18px 38px -10px rgba(20,60,90,.22),0 46px 76px -28px rgba(16,52,44,.38)}
.tco-board-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px;padding-right:16px;min-height:76px}
.tco-board-t{display:flex;align-items:center;gap:14px;align-self:stretch;padding:14px 84px 14px 26px;border-radius:22px 0 0 0;color:#fff;background:linear-gradient(100deg,#1C8C42,#35AE5A 58%,#6CCB86);clip-path:polygon(0 0,100% 0,calc(100% - 36px) 100%,0 100%)}
.tco-board-t b{font-size:44px;font-weight:700;font-style:normal;line-height:1.1;letter-spacing:0}
.tco-board-t strong{display:block;font-size:23px;font-weight:700;line-height:1.25}
.tco-board-t small{display:block;font-size:12.5px;opacity:.9}
.tco-board-tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0}
.tco-board-tags li{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(30,80,60,.08);font-size:12.5px;color:#23332D;white-space:nowrap}
.tco-board-tags .w-ico{width:17px;height:17px;padding:3px;border-radius:50%;background:#2FAE4E;color:#fff;stroke-width:3.2}
.tco-board-b{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,.54fr);grid-template-areas:"cats cmp kpi" "cats line line";gap:10px;margin-top:9px}
.tco-board-cats{grid-area:cats;list-style:none;margin:0;padding:8px 0;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.tco-board-cats li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#23332D;white-space:nowrap}
.tco-board-cats .w-ico{width:22px;height:22px;flex:none;color:#2F7BE5}
.tco-board-cats li:nth-child(n+4) .w-ico{color:#22A045}
.tb-card{background:#fff;border:1px solid #EFF5F3;border-radius:14px;box-shadow:0 4px 18px rgba(30,70,100,.08);padding:11px 14px}
.tb-card h4{font-size:13.5px;font-weight:700;color:#1D2B26}
.tco-cmp{grid-area:cmp;position:relative}
.tco-vbars{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;height:150px;margin-top:6px;padding-right:96px}
.tco-vbars>div:not(.tco-save):not(.tco-pct){display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.tco-vbars em{font-style:normal;font-size:17px;font-weight:700;color:#1D2B26;margin-bottom:6px;white-space:nowrap}
.tco-vbars em small{font-size:12px;font-weight:600}
.tco-vbars em.g{color:#1E9142}
.tco-vbar{display:block;width:52%;max-width:64px;border-radius:4px 4px 0 0;transition:height .6s ease}
.tco-vbar.d{background:linear-gradient(180deg,#86BDF7,#3B82F6)}
.tco-vbar.e{background:linear-gradient(180deg,#7DDA91,#22A048)}
.tco-vbars>div>span{margin-top:7px;font-size:12px;color:#3D4D47;white-space:nowrap}
.tco-save{align-self:center;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}
.tco-save em{font-size:13px;line-height:1.35;color:#1E9142;margin:0;white-space:nowrap;text-align:center}
.tco-save svg{width:52px;height:26px}
.tco-pct{position:absolute;right:16px;top:38px;padding:7px 11px;border:1.5px solid #2FAE4E;border-radius:10px;background:#fff;text-align:center;box-shadow:0 3px 10px rgba(30,120,70,.08)}
.tco-pct small{display:block;font-size:10.5px;color:#2E7D46;white-space:nowrap}
.tco-pct b{font-size:20px;font-weight:700;color:#1E9142;white-space:nowrap}
.tb-kpis{grid-area:kpi;display:flex;flex-direction:column;gap:12px}
.tb-kpi{flex:1;display:flex;flex-direction:column;justify-content:center}
.tb-kpi p{display:flex;align-items:baseline;gap:8px;margin-top:10px}
.tb-kpi .w-ico{width:28px;height:28px;flex:none;align-self:center;color:#1E9142}
.tb-kpi b{font-size:26px;font-weight:700;line-height:1;color:#1D2B26}
.tb-kpi b.g{color:#1E9142}
.tb-kpi small{font-size:14px;color:#3D4D47}
.tb-line{grid-area:line;position:relative}
.tb-line-h{display:flex;align-items:center;gap:18px}
.tb-line-h h4{margin-right:auto}
.tb-line-h .lg{display:flex;align-items:center;gap:6px;font-size:12px;color:#3D4D47}
.tb-line-h .lg::before{content:"";width:8px;height:8px;border-radius:50%;background:#3B82F6}
.tb-line-h .lg.e::before{background:#2FAE4E}
.tb-line-h .lg.e{margin-right:110px}
.tb-line-svg{margin-top:2px;padding-right:100px;min-height:96px}
.tb-line-svg svg{display:block;width:100%;height:auto}
.tb-line-badge{position:absolute;right:14px;top:44%;padding:8px 14px;border-radius:10px;background:linear-gradient(160deg,#36B45A,#1E9446);color:#fff;text-align:center;box-shadow:0 10px 22px -6px rgba(30,148,70,.5)}
.tb-line-badge small{display:block;font-size:11px;opacity:.92}
.tb-line-badge b{font-size:24px;font-weight:700;white-space:nowrap}
.tb-line-badge b small{display:inline;font-size:13px}
.tco-board-note{display:none}
.tco-mboard{display:none}

/* 旧版五项白条已由 .w-info-bar 统一替代（保留空位便于回溯） */

/* 窄电脑：看板收紧 */
@media (max-width:1280px){
  .tco-hero-grid{column-gap:30px}
  .tco-board-b{grid-template-columns:96px minmax(0,1fr) minmax(0,.62fr)}
  .tco-board-cats li{font-size:12.5px;gap:8px}
  .tco-board-tags li:nth-child(3){display:flex}
}
/* 平板：文案在上、看板在下、实景垫底 */
@media (max-width:1100px){
  .tco-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "acts" "board";padding-bottom:calc(var(--scene) * .9)}
  .tco-hero-acts{margin-bottom:0}
  .tco-board{margin-top:34px;align-self:auto;justify-self:start;width:100%;max-width:760px}
  .tco-board-tags li:nth-child(3){display:flex}
}
/* 手机：照效果图右侧手机版——文案、五个成本项、横条对比、两张指标卡、按钮通栏 */
@media (max-width:767px){
  .tco-hero{padding-top:84px;background:radial-gradient(70% 30% at 20% 10%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),linear-gradient(180deg,#DCEBF8 0%,#EEF5FB 60%,#F4F8FB 100%)}
  .tco-hero-scene,.tco-board{display:none}
  .tco-hero-grid{grid-template-areas:"copy" "mboard" "acts";padding-bottom:30px}
  .tco-hero-copy{padding-top:14px}
  .tco-chip{font-size:14px;padding:6px 16px}
  .tco-hero h1{margin-top:16px;font-size:clamp(27px,7.8vw,34px)}
  .tco-lead{margin-top:14px;font-size:14px;line-height:1.85}
  .tco-mboard{display:block;grid-area:mboard;margin-top:20px}
  .tco-mcats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .tco-mcats li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 10px;border-radius:12px;background:rgba(255,255,255,.85);box-shadow:0 3px 12px rgba(30,70,100,.08);font-size:12.5px;color:#23332D}
  .tco-mcats .w-ico{width:24px;height:24px;color:#2F7BE5}
  .tco-mcats li:nth-child(n+4) .w-ico{color:#22A045}
  .tco-mcmp{margin-top:12px;padding:14px}
  .tco-hbar{display:grid;grid-template-columns:7.4em minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px}
  .tco-hbar span{font-size:12px;color:#3D4D47}
  .tco-hbar>div{height:22px}
  .tco-hbar i{display:block;height:100%;border-radius:3px;transition:width .6s ease}
  .tco-hbar i.d{background:linear-gradient(90deg,#86BDF7,#3B82F6)}
  .tco-hbar i.e{background:linear-gradient(90deg,#7DDA91,#22A048)}
  .tco-hbar b{font-size:15px;font-weight:700;color:#1D2B26;white-space:nowrap}
  .tco-mkpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
  .tco-mkpis .tb-card{display:flex;align-items:center;gap:10px;padding:14px 12px}
  .tco-mkpis .w-ico{width:30px;height:30px;flex:none;color:#1E9142}
  .tco-mkpis small{display:block;font-size:12.5px;color:#3D4D47}
  .tco-mkpis b{display:block;margin-top:2px;font-size:24px;font-weight:700;color:#1D2B26;white-space:nowrap}
  .tco-mkpis b small{display:inline;font-size:13px}
  .tco-mkpis b.g{color:#1E9142}
  .tco-hero-acts{flex-direction:column;gap:12px;margin-top:22px}
  .tco-btn{width:100%;height:52px}
}
.tco-hero h1{font-size:clamp(32px,3.05vw,50px)}
.tco-board-t{flex:none;padding-right:46px}
.tco-board-t strong{white-space:nowrap}
.tco-board-tags{flex-wrap:nowrap;gap:6px}
.tco-board-tags li{padding:6px 10px;font-size:12px}
@media (min-width:1101px){.tco-hero h1{white-space:nowrap}}

/* ================= v1.14 平台服务顶部横幅：整图满宽、图上不叠字 ================= */
.w-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.w-banner{padding-top:68px;background:#fff}
.w-banner-in{position:relative}
.w-banner-in img{display:block;width:100%;height:auto}
/* 旧图上的两个按钮热区（.w-banner-hit）在 11-03 换成不带字的图后已无引用，规则一并删除 */

/* 首页顶部横幅（v1.15）：整张设计稿图原样显示，图上的按钮和四张功能卡用透明热区接上。
   手机上横幅里的字太小，仍用原来的首屏，两套按宽度切换 */
.home-banner{padding-top:78px;padding-bottom:0;background:var(--bg)}
.home-banner .w-banner-in{width:100%;margin:0;border-radius:0;overflow:hidden}
.home-banner .w-banner-in{height:min(52vh,560px)}
.hb-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,248,245,.88) 0%,rgba(242,248,245,.55) 42%,rgba(242,248,245,.06) 72%)}
.w-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%}
/* 叠字层 left 用内容区左边线（--w-edge），和下面正文第一列同一条竖线；
   旧值 14%（宽屏 9%）在 1440 下比正文偏右 70~95px，滚动时字会“跳”一下 */
/* 文字区在「横幅顶部到信息条之间」垂直居中：内容变高（加大副标题、加免费胶囊）也不会
   压到底部那条白信息带上——原先写死 top:16%，视口一矮就撞。 */
.hb-copy{position:absolute;left:var(--w-edge);top:12px;bottom:84px;display:flex;flex-direction:column;justify-content:center;max-width:640px}
/* 横幅文字层级按中文排版的常规档位重排（v1.81）：
   品牌名 = 小字距标签（14px/600，不跟主标题抢），主标题 = 唯一的大字重（700），
   副标题 = 400 常规字重靠字号撑（和主标题形成粗细反差，不再两个都是 700）。
   中文字距全部归零；只有品牌名这一类"短标签"保留宽松字距，那是刻意的标签感。 */
/* 品牌名是 4 字短标签，字距 0.2em 拉得太散（4 个字被拆成 4 个孤岛）。
   中文小标签的常规做法是 0.08~0.12em，这里取 0.1em；字号提到 15px、字重 600。 */
.hb-brand{margin:0;font-size:15px;font-weight:600;letter-spacing:.1em;color:#2C5F53}
.hb-title{margin:8px 0 0;font-size:clamp(30px,3.4vw,52px);line-height:1.22;font-weight:700;letter-spacing:0;color:#14365E}
.hb-title .g{color:#1E9142}
.hb-sub{margin:12px 0 0;font-size:clamp(17px,1.75vw,26px);line-height:1.5;color:#33463F;font-weight:400;letter-spacing:0}
/* 横幅第三行：免费是最大的差异化。单行胶囊——文案 23 字，字号按视口宽度自适应，
   保证在正文列宽内一行排完；桌面 20px、1024 约 15px、手机压到 12px 仍是一行。
   v1.81：上限从 22px 降到 20px 且封顶（原 1.52vw 在 1440 是 21.888px 这种非整数值，
   中文在该尺寸上抗锯齿最糊），并去掉只有 0.01em 的伪字距。 */
.hb-free{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;max-width:100%;box-sizing:border-box;
  margin:12px 0 0;padding:9px 20px 9px 15px;
  border-radius:999px;background:rgba(30,145,66,.1);border:1px solid rgba(30,145,66,.3)}
.hb-free .w-ico{width:19px;height:19px;flex:none;color:#1E9142;stroke-width:2.4}
/* 22 字单行要塞进正文列，字号只能自适应；但把上限收到 20px、下限抬到 12.5px，
   并改用整数字号档位，避免 21.888px 这类半像素值。
   字重 600 —— 胶囊已经是绿色底+边框，再用 700 会显得比副标题还重，层级颠倒。 */
.hb-free b{font-size:clamp(12.5px,1.45vw,20px);font-weight:600;color:#12622F;letter-spacing:0;line-height:1.3;white-space:nowrap}
.hb-sub i{font-style:normal;margin:0 12px;color:#5B7A70}
.hb-acts{display:flex;align-self:flex-start;gap:16px;margin-top:18px}
.hb-ghost{background:rgba(255,255,255,.92);border-color:#33413C;color:#14261F}
.hb-ghost:hover{background:#fff}
/* v1.34 已彻底删除右侧四卡（hb-cards 全部样式与渲染） */
/* 宽屏也不再单独收窄 left（旧值 9%）：left 已由 --w-edge 统一，只收紧文案宽度 */
@media (max-width:1340px){.hb-copy{max-width:520px}}

/* 首页横幅里的特性条：图裁掉底部后按原样用 HTML 重绘，叠在横幅底部。
   v1.20：原图底部还剩 8 像素旧特性条的白边，从 HTML 条下面露出来，再裁掉（505 → 496，热区纵向百分比按 505/496 换算）
   v1.51：左右从 2.6% 改成内容区左边线，和正文第一列同宽，不再比正文宽出一截 */
.home-strip{position:absolute;left:var(--w-edge);right:var(--w-edge);bottom:14px;margin:0;padding:14px 10px;
  list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:rgba(255,255,255,.9);border-radius:16px;box-shadow:0 10px 30px -12px rgba(20,60,90,.35)}
.home-strip li{display:flex;align-items:center;gap:10px;padding:2px 14px;min-width:0}
.home-strip li+li{border-left:1px solid rgba(30,80,60,.14)}
.home-strip .w-strip-ico{width:34px;height:34px;flex:none;color:#1E9446;stroke-width:1.7;border:0}
/* 图标沿用了老首屏深色横条的白色样式（白圈白线），放在白底上看不见：改品牌绿 */
.home-strip .w-strip-ico .w-ico{width:26px;height:26px;color:#1E9446}
.home-strip b{display:block;font-size:15px;font-weight:700;color:#14261F;white-space:nowrap}
.home-strip small{display:block;margin-top:2px;font-size:11.5px;color:#5B6B66;white-space:nowrap}
@media (max-width:1359px){
  .home-strip b{font-size:13px}
  .home-strip small{font-size:10px}
  .home-strip .w-strip-ico{width:28px;height:28px}
  .home-strip .w-strip-ico .w-ico{width:22px;height:22px}
  .home-strip li{padding:2px 8px}
}
/* 768–900 是横屏平板：5 列在 685px 里要 793px，最后一项「产业服务」的说明文字会被白条右缘切掉。
   这里把字号、图标、内边距再收一档，刚好装下（实测 760px 需求 → 682px 可用）。 */
@media (max-width:900px){
  .home-strip{padding:12px 6px}
  .home-strip li{padding:2px 1px;gap:4px}
  .home-strip b{font-size:11px}
  .home-strip small{font-size:8px}
  .home-strip .w-strip-ico{width:19px;height:19px}
  .home-strip .w-strip-ico .w-ico{width:15px;height:15px}
}
@media (min-width:768px){
  .w-home .hero-mobile{display:none}
}
@media (max-width:767px){
  .home-banner{display:none}
}
@media (max-width:900px){.w-banner{padding-top:64px}}
#svc-list{scroll-margin-top:190px}

/* ================= v1.21 平台服务七项：状态标签（已上线 / 可咨询） ================= */
.w-svc-st{display:flex;gap:6px;margin-left:auto;margin-right:12px}
.w-st{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
.w-st.live{background:#E7F4EC;color:#16815D}
.w-st.ask{background:#FEF3E2;color:#B45309}
#site-ai{scroll-margin-top:72px}

/* ================= v1.22 全站统一设计（照 UI/UX 升级任务书：白底为主、绿色强调，只留页脚深色） =================
   颜色取自正式 LOGO：深绿 #12312A（字）、品牌绿 #048250、浅绿 #189A62。旧变量（teal、deep、brand）全部指过来，
   以前各段各写一套绿的地方自动统一。这一段放在最后，覆盖前面各版本的写法 */
.w{
  --brand:#048250; --brand-h:#036B42; --brand-d:#12312A; --brand-l:#189A62; --brand-soft:#EAF5EF;
  --w-soft-bg:#F4F8F6; --w-line2:#E3EBE6;
  --w-brand:var(--brand); --w-brand-h:var(--brand-h); --w-teal:var(--brand); --w-teal-l:var(--brand-l);
  --w-deep:var(--brand-d); --w-deep-2:#1A4237; --w-mint:var(--brand-soft); --accent-soft:var(--brand-soft);
  --w-r:14px;
  --w-shadow:0 1px 2px rgba(18,49,42,.04),0 6px 20px rgba(18,49,42,.06);
}

/* ---- 按钮：全站一种形状（胶囊，和横幅图上的按钮一致），主按钮品牌绿、次按钮白底绿边 ---- */
.w .w-btn{border-radius:999px;padding:12px 26px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.w .w-btn.sm{padding:8px 16px;border-radius:999px}
.w .w-btn.pri,.w .w-btn.teal{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 6px 16px -6px rgba(4,130,80,.45)}
.w .w-btn.pri:hover,.w .w-btn.teal:hover{background:var(--brand-h);border-color:var(--brand-h);transform:translateY(-1px)}
.w .w-btn.ghost,.w .w-btn.line{background:#fff;color:var(--brand);border-color:rgba(4,130,80,.4)}
.w .w-btn.ghost:hover,.w .w-btn.line:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.w .w-btn:focus-visible{outline:3px solid rgba(4,130,80,.35);outline-offset:2px}
.w .w-btn:active{transform:translateY(0)}

/* ---- 卡片：白底、浅边、轻阴影，悬停上浮 2px ---- */
.w .w-card,.w .w-svc-card{border-radius:var(--w-r);border:1px solid var(--w-line2);box-shadow:var(--w-shadow);transition:transform .22s,box-shadow .22s,border-color .22s}
.w .w-card:hover,.w .w-svc-card:hover{transform:translateY(-2px);border-color:rgba(4,130,80,.28);box-shadow:0 2px 4px rgba(18,49,42,.05),0 14px 30px -10px rgba(18,49,42,.16)}
.w .w-card>.w-ico,.w .w-svc-top .w-ico{background:var(--brand-soft);color:var(--brand);box-shadow:none}
.w .w-svc-card.feature,.w .w-svc-card.tail{background:#fff}

/* ---- 标题：模块标题 30–36px，深绿；小标签品牌绿 ---- */
.w .w-head h2,.w .w-h2,.w .w-sec-head h2,.w .w-split h2,.w .w-cta h2{font-size:clamp(26px,2.5vw,36px);line-height:1.3;font-weight:700;color:var(--brand-d)}
.w .w-kick,.w .w-label{color:var(--brand)}

/* ---- 内页首屏：白色渐隐压在照片左侧，深色字（和首页、测算页、平台服务页的明亮首屏一致） ---- */
.w .w-hero.inner.has-bg{background:#EEF4F1;color:var(--brand-d)}
.w .w-hero.inner.has-bg::after{content:none}
/* 白纱只压左侧文字区，64% 之后基本归零。原来 62% 还有 .4 白、78% 才归零，
   关于我们那张地球图（主体从 60% 开始）被压得发灰，翠绿全丢了。
   文字最宽到 38%（1440 下 max-width 34em），所以 34% 处保持 .88 就够读。 */
.w .w-hero.inner.has-bg .w-hero-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 34%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.06) 64%,rgba(255,255,255,0) 72%)}
.w .w-hero.inner.has-bg h1{color:var(--brand-d);font-size:clamp(30px,3.2vw,46px);font-weight:700}
.w .w-hero.inner.has-bg h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--brand)}
.w .w-hero.inner.has-bg .w-lead{color:#40554C}
.w .w-hero.inner.has-bg .w-crumb,.w .w-hero.inner.has-bg .w-crumb a{color:#6B7B75}
.w .w-hero.inner.has-bg .w-crumb a:hover{color:var(--brand)}

/* ---- 原来的深色大区块改成浅灰绿底（任务书：不要大面积深色），只有页脚保留深绿 ---- */
.w .w-dark{background:var(--w-soft-bg);color:var(--brand-d)}
.w .w-dark h2,.w .w-dark h3,.w .w-dark .w-card h3{color:var(--brand-d)}
.w .w-dark .w-head p,.w .w-dark .w-card p,.w .w-dark .w-checks li{color:#4A5A54}
.w .w-dark .w-kick,.w .w-dark .w-label{color:var(--brand)}
.w .w-dark .w-checks .w-ico{background:var(--brand-soft);color:var(--brand)}
.w .w-dark .w-card{background:#fff;border-color:var(--w-line2);box-shadow:var(--w-shadow)}
.w .w-dark .w-card .w-ico{color:var(--brand)}
.w .w-dark .w-frame{border-color:var(--w-line2)}
.w .w-tco-note{color:#6B7B75}
/* 智能调度：算法三步 + 评分规则表 */
.w .w-ai-steps i{background:var(--brand-soft);border-color:rgba(4,130,80,.22);color:var(--brand)}
.w .w-ai-steps b{color:var(--brand-d)}
.w .w-ai-steps p{color:#4A5A54}
.w .w-ai-rules{background:#fff;border-color:var(--w-line2);box-shadow:var(--w-shadow)}
.w .w-ai-rules-top b{color:var(--brand-d)}
.w .w-ai-rules-top span{color:#7A8A84}
.w .w-tbl th{color:#7A8A84;border-bottom-color:var(--w-line2)}
.w .w-tbl td{border-bottom-color:#EEF2F0}
.w .w-tbl td:first-child{color:var(--brand-d)}
.w .w-tbl td:nth-child(2){color:#B45309}
.w .w-tbl td:nth-child(3){color:#6B7B75}
/* 首页“购车测算”一段 */
.w .w-tcoband h2{color:var(--brand-d)}
.w .w-tcoband p{color:#4A5A54}
.w .w-outs{border-top-color:var(--w-line2)}
.w .w-outs div{border-bottom-color:var(--w-line2)}
.w .w-outs dt{color:var(--brand-d)}
.w .w-outs dd{color:#5B6B66}
/* 平台服务“合作方入驻” */
.w .w-partner-box{background:#fff;border-color:var(--w-line2);box-shadow:var(--w-shadow)}
.w .w-partner-box p{color:#5B6B66}

/* ---- 结尾行动条：浅绿底卡片，不再整条深色 ---- */
.w .w-cta{background:var(--brand-soft);color:var(--brand-d);padding:72px 0}
.w .w-cta::after{display:none}
.w .w-cta p{color:#4A5A54}

/* ---- 页脚：全站唯一的深色区，用品牌深绿 ---- */
.w .w-foot{background:#123F35}
.w .w-foot-brand .contact{color:#9ED7BC}
/* 手机上文字盖满整张图：横向渐隐不够，改成从上到下的白色遮罩，字清楚、图做底 */
@media (max-width:760px){
  .w .w-hero.inner.has-bg .w-hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 62%,rgba(255,255,255,.55) 100%)}
}

/* ================= v1.35 首页重新设计 + 动效 =================
   动效原则（任务书第十三章）：轻、慢、自然、克制——进场渐显、卡片轻轻上浮、数字滑动、标签自动轮播；
   不做视差、粒子、大面积跳动。时长 150–500ms。全部尊重系统的“减少动态效果”设置（文件末尾） */

/* ---- 进场：比以前更轻更快 ---- */
@media (prefers-reduced-motion:no-preference){
  .rv{transform:translateY(16px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.7,.2,1)}
  .rv.in{transform:none}
}
.svcrow>li.rv.in,.w-vcards>.rv.in,.w-roles3>.rv.in{transition-delay:calc(var(--i,0)*60ms)}

/* ---- 首页各段的底色和间距：白、浅灰绿交替 ---- */
.w-home .w-sec{padding:88px 0}
.w-home .w-svcrow{background:#fff;padding:80px 0 72px}
.w-home .w-intro{background:var(--w-soft-bg)}
.w-home .w-product{background:#fff}
.w-home .w-trialsec{background:var(--w-soft-bg)}
.w-home .w-eco{background:#fff}

/* ---- 阅读进度线 ---- */
.w-prog{position:fixed;top:68px;left:0;right:0;height:2px;z-index:41;pointer-events:none}
.w-prog i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--brand-l),var(--brand))}

/* ---- 七项服务入口 ---- */
.svcrow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.svcrow>li{display:flex}
.svct{position:relative;display:flex;flex:1;flex-direction:column;gap:8px;padding:22px 16px 16px;border-radius:16px;background:#fff;border:1px solid var(--w-line2);box-shadow:var(--w-shadow);text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.svct::before,.w-vcard::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(170px circle at var(--mx,50%) var(--my,0),rgba(4,130,80,.11),transparent 72%)}
.svct>*,.w-vcard>*{position:relative}
.svct:focus-visible{outline:3px solid rgba(4,130,80,.35);outline-offset:2px}
.svct-ico,.w-vcard-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);transition:background .22s,color .22s,transform .3s}
.svct-ico .w-ico,.w-vcard-ico .w-ico{width:24px;height:24px}
.svct b{margin-top:8px;font-size:16.5px;font-weight:700;color:var(--brand-d)}
.svct small{font-size:12.5px;line-height:1.6;color:#6B7B75;min-height:2.6em}
.svct-st{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.svct-st>.w-ico{margin-left:auto;width:16px;height:16px;color:var(--brand);transition:transform .2s}
.svc-note{margin:22px 0 0;font-size:13.5px;color:#6B7B75}
@media (hover:hover){
  .svct:hover{transform:translateY(-4px);border-color:rgba(4,130,80,.38);box-shadow:0 2px 4px rgba(18,49,42,.05),0 18px 34px -12px rgba(18,49,42,.2)}
  .svct:hover::before{opacity:1}
  .svct:hover .svct-ico{background:var(--brand);color:#fff;transform:scale(1.07) rotate(-4deg)}
  .svct:hover .svct-st>.w-ico{transform:translateX(3px)}
}

/* ---- 介绍：三个入口卡片 + 四个数 ---- */
.w-vcards,.w-roles3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.w-vcards>.rv,.w-roles3>.rv{display:flex}
.w-vcard{position:relative;flex:1;display:flex;flex-direction:column;gap:12px;padding:28px 26px 24px;background:#fff;border:1px solid var(--w-line2);border-radius:16px;box-shadow:var(--w-shadow);text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.w-vcard.static{box-shadow:none}
.w-vcard.static::before{display:none}
.w-vcard h3{margin:6px 0 0;font-size:22px;font-weight:700;color:var(--brand-d)}
.w-vcard p{margin:0;flex:1;font-size:15px;line-height:1.85;color:#4A5A54}
.w-vcard em{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--brand)}
.w-vcard em .w-ico{width:16px;height:16px;transition:transform .2s}
a.w-vcard:focus-visible{outline:3px solid rgba(4,130,80,.35);outline-offset:2px}
@media (hover:hover){
  a.w-vcard:hover{transform:translateY(-4px);border-color:rgba(4,130,80,.38);box-shadow:0 2px 4px rgba(18,49,42,.05),0 18px 34px -12px rgba(18,49,42,.2)}
  a.w-vcard:hover::before{opacity:1}
  a.w-vcard:hover .w-vcard-ico{background:var(--brand);color:#fff;transform:scale(1.07) rotate(-4deg)}
  a.w-vcard:hover em .w-ico{transform:translateX(4px)}
}
.w-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px;background:#fff;border:1px solid var(--w-line2);border-radius:18px;overflow:hidden}
.w-fact{padding:30px 28px 28px}
.w-fact+.w-fact{border-left:1px solid var(--w-line2)}
.w-fact b{display:flex;align-items:baseline;gap:4px;font-size:clamp(38px,3.8vw,54px);font-weight:700;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums}
.w-fact b small{font-size:.36em;font-weight:700;color:var(--brand-d)}
.w-fact>span{display:block;margin-top:12px;font-size:15px;font-weight:700;color:var(--brand-d)}
.w-fact em{display:block;margin-top:6px;font-style:normal;font-size:13px;line-height:1.7;color:#6B7B75}

/* ---- 车队系统：标签自动轮播的进度线 ---- */
.w-shot-tabs button{position:relative}
.w-shot-tabs button i{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--brand);pointer-events:none}
.w-shot-tabs.auto button[aria-selected="true"] i{animation:w-tabfill 5.6s linear forwards}
.w-shot-tabs.auto.off button[aria-selected="true"] i,.w-shot-tabs.auto.hold button[aria-selected="true"] i{animation-play-state:paused}
@keyframes w-tabfill{from{width:0}to{width:100%}}
.w-shot img{transition:opacity .3s,transform .35s cubic-bezier(.22,.7,.2,1)}

/* ---- 购车测算：拖一拖，实时算 ---- */
.w-trial{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center}
.w-trial-lead{margin-top:16px;max-width:32em;font-size:16px;line-height:1.85;color:#4A5A54}
.w-ctl{margin-top:30px;max-width:480px;display:flex;flex-direction:column;gap:24px}
.w-ctl-row>label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14.5px;font-weight:600;color:var(--brand-d)}
.w-ctl output{font-size:17px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.w-ctl input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:26px;margin:0;background:transparent;cursor:pointer}
.w-ctl input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brand) var(--p),#D7E5DD var(--p))}
.w-ctl input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#D7E5DD}
.w-ctl input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--brand)}
.w-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px rgba(4,130,80,.35);transition:transform .15s}
.w-ctl input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px rgba(4,130,80,.35)}
.w-ctl input[type=range]:hover::-webkit-slider-thumb,.w-ctl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.w-ctl input[type=range]:focus-visible{outline:3px solid rgba(4,130,80,.3);outline-offset:4px;border-radius:6px}
.w-seg{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--w-line2)}
.w-seg button{border:0;background:transparent;padding:8px 22px;border-radius:999px;font:inherit;font-size:14.5px;font-weight:600;color:#4A5A54;cursor:pointer;transition:background .2s,color .2s}
.w-seg button[aria-pressed="true"]{background:var(--brand);color:#fff}
.w-seg button:not([aria-pressed="true"]):hover{background:var(--brand-soft);color:var(--brand)}
.w-seg button:focus-visible{outline:3px solid rgba(4,130,80,.35);outline-offset:2px}
.w-trial-eg{margin:26px 0 0;font-size:13px;line-height:1.7;color:#6B7B75}
.w-trial-note{margin:8px 0 0;font-size:13px;color:#B45309}
.w-trial .w-acts{margin-top:26px}
.w-res{padding:30px 30px 24px;border-radius:20px;background:#fff;border:1px solid var(--w-line2);box-shadow:0 2px 4px rgba(18,49,42,.04),0 24px 50px -22px rgba(18,49,42,.25)}
.w-res.stale .w-bars,.w-res.stale .w-res-big{opacity:.55}
.w-res-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:#4A5A54}
.w-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--brand)}
.w-live i{width:8px;height:8px;border-radius:50%;background:var(--brand-l);animation:w-pulse 2s infinite}
@keyframes w-pulse{0%{box-shadow:0 0 0 0 rgba(24,154,98,.5)}70%{box-shadow:0 0 0 8px rgba(24,154,98,0)}100%{box-shadow:0 0 0 0 rgba(24,154,98,0)}}
.w-bars{margin-top:22px;display:flex;flex-direction:column;gap:16px;transition:opacity .3s}
.w-bar{display:grid;grid-template-columns:110px minmax(0,1fr) 84px;align-items:center;gap:14px;font-size:14px;color:var(--brand-d)}
.w-bar>div{height:16px;border-radius:8px;background:#EEF3F0;overflow:hidden}
.w-bar>div i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#86BDF7,#3B82F6);transition:width .6s cubic-bezier(.22,.7,.2,1)}
.w-bar.e>div i{background:linear-gradient(90deg,#7DDA91,var(--brand))}
.w-bar b{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.w-res-big{margin-top:26px;padding-top:22px;border-top:1px solid var(--w-line2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;transition:opacity .3s}
.w-res-big small{display:block;font-size:13px;color:#6B7B75}
.w-res-big b{display:block;margin-top:6px;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.15;color:var(--brand);font-variant-numeric:tabular-nums}
.w-res-big b.neg{color:#B45309}
.w-res-big small:last-child{margin-top:8px;min-height:3.4em;font-size:12px;line-height:1.7}
.w-res-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.w-grade{display:inline-block;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--brand-soft);color:var(--brand)}
.w-grade:empty{display:none}
.w-grade.mid{background:#FEF3E2;color:#B45309}
.w-grade.no{background:#FDECEC;color:#B91C1C}

/* ---- 平台服务页：从首页点某一项进来，到了之后那一项亮一下 ---- */
.w-svc-card{scroll-margin-top:96px}
.w-svc-card.flash{animation:w-flash 1.6s ease 1}
@keyframes w-flash{0%{box-shadow:0 0 0 0 rgba(4,130,80,.5)}40%{box-shadow:0 0 0 8px rgba(4,130,80,.22),0 18px 34px -12px rgba(18,49,42,.25)}100%{box-shadow:var(--w-shadow)}}

/* ---- 宽度适配 ---- */
@media (max-width:1180px){
  .svcrow{grid-template-columns:repeat(4,minmax(0,1fr))}
  .svct small{min-height:0}
}
@media (max-width:960px){
  .w-trial{grid-template-columns:minmax(0,1fr);gap:40px}
  .w-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-fact:nth-child(3){border-left:0}
  .w-fact:nth-child(n+3){border-top:1px solid var(--w-line2)}
  .w-vcards,.w-roles3{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:36px}
}
@media (max-width:640px){
  .w-home .w-sec{padding:56px 0}
  .w-home .w-svcrow{padding:48px 0 40px}
  .svcrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .svcrow>li:last-child{grid-column:1 / -1}
  .svct{padding:18px 14px 14px}
  .w-fact{padding:22px 18px}
  .w-fact em{display:none}
  .w-bar{grid-template-columns:84px minmax(0,1fr) 70px;gap:10px;font-size:13px}
  .w-res{padding:22px 18px 18px}
  .w-res-big{gap:14px}
  .w-res-big b{font-size:24px}
  .w-prog{top:64px}
}

/* ---- 减少动态效果：不位移、不轮播、不脉冲 ---- */
@media (prefers-reduced-motion:reduce){
  .svct,.svct-ico,.w-vcard,.w-vcard-ico,.w-bar>div i,.w-shot img{transition:none}
  .svct:hover,a.w-vcard:hover{transform:none}
  .w-live i,.w-svc-card.flash{animation:none}
  .w-shot-tabs button i{display:none}
}
.w .w-trial h2,.w .w-eco h2{font-size:clamp(26px,2.5vw,36px);line-height:1.3;font-weight:700;color:var(--brand-d)}
/* 七项服务：箭头放卡片右上角（底部一行留给状态标签，两个标签也放得下） */
.svct>.svct-st{position:static}
.svct-st>.w-ico{position:absolute;top:30px;right:16px;margin:0}
/* 试算：用户拖动后超过 350 毫秒还没算完，结果区变淡、标签变成“计算中…” */
.w-res.busy .w-bars,.w-res.busy .w-res-big{opacity:.55}
.w-res.busy .w-live{color:#B45309}
.w-res.busy .w-live i{background:#F59E0B;animation:none}

/* ================= 通用图片横幅：满宽图当背景 + 左侧 HTML 叠字（v1.50 起，v1.52 泛化）=================
   用在购车测算页（tco-banner-video）、车队系统页（system-banner-video）、平台服务页
   （services-banner-video）。以后再加同款横幅直接复用，不要再复制一段 .xxx-banner 出来。
   尺寸对齐首页横幅：满宽、高度 min(52vh,560px)，三页顶图一样高，互相跳转不会「画面突然变高/变矮」。
   图/视频只当背景：标题和按钮是 HTML，改文案不用重做素材。
   **换素材要重算 `.ib-copy` 的 max-width 和标题字号**——每张图的留白区不一样（v1.48 踩过），
   但 left 不许动，一律 var(--w-edge)（v1.51 用户定的规矩，和正文第一列同一条竖线）。
   窄屏 <860px 改成「文案在上、图条在下」，竖屏平板上叠字必挤。 */
.img-banner{position:relative;padding-top:78px;padding-bottom:0;background:var(--bg)}
/* 外框高度（v1.69）：第三个值 `100vw/2.72` 是给窄档位兜底的。
   视频素材统一是 1470×552（2.66:1），外框在 1440/1920 这些宽档位是 3.0~3.7:1，
   比画面宽 —— 画面高度顶满、两侧留白，正常。
   但窄到 1024 以下时外框反而比画面**窄**（1009 宽 / 416 高 = 2.43:1），
   画面想等高就必然往左溢出，被 overflow 裁掉的那一截正好是左端的渐隐区，
   于是左边变成硬边（实测 1024 溢出 99px、900 溢出 223px）。
   加上这项后窄档位外框自己降高到和画面等高，画面恰好铺满、零溢出零留白。
   宽档位这第三项永远不是最小值，取到的还是 52vh/560px，与首页逐像素一致。 */
.img-banner .w-banner-in{width:100%;margin:0;border-radius:0;overflow:hidden;height:min(52vh,560px,calc(100vw / 2.72))}
/* 图片和视频同一套：满宽铺满、cover 裁切。视频静音循环播放，poster 是同构图第一帧，
   加载完成前和不支持播放时看到的就是这一帧，不会闪白。 */
.img-banner .w-banner-in img,.img-banner .w-banner-in video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.img-banner .w-banner-in video{background:transparent}
/* 视频底下的备用底图（v1.60）：视频能播就盖住它；播不起来时它在那儿缓慢缩放，
   横幅看着仍然是“活的”。尺度 1→1.06、26 秒一个来回，够慢，不抢注意力。 */
.ib-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  transform-origin:50% 46%;animation:ibDrift 26s ease-in-out infinite alternate}
.ib-video{position:absolute;inset:0;transition:opacity .7s ease}
/* 一直没播起来时由脚本加这个类，视频隐去、露出底图动画 */
.ib-video.is-still{opacity:0}
@keyframes ibDrift{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.ib-poster{animation:none}}
/* 图左侧本来就是浅色留白，只需一层很淡的白纱压住纹理，保证深绿标题在任何屏宽下都够清楚 */
.ib-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.34) 34%,rgba(255,255,255,.06) 58%,rgba(255,255,255,0) 72%)}
.ib-copy{position:absolute;left:var(--w-edge);top:calc(78px + min(52vh,560px,100vw / 2.72) / 2);transform:translateY(-50%);max-width:520px;z-index:2}
.ib-brand{margin:0;font-size:13px;font-weight:700;letter-spacing:.22em;color:#0B6B47}
.ib-title{margin:12px 0 0;font-size:clamp(27px,2.75vw,44px);line-height:1.3;font-weight:700;color:#0F2A22;letter-spacing:0}
.ib-title em{font-style:normal;color:#1E9142;display:block}
.ib-sub{margin:16px 0 0;font-size:clamp(13px,1.05vw,16px);line-height:1.8;color:#33463F;max-width:27em}
.ib-acts{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}
/* 文案收尾的玻璃分隔线。底色是薄荷绿（约 rgb(199,237,232)），玻璃切边要有三层才像：
   ① 主线是白色渐变（比底更亮，浅底上白线才有反光的味道；深色线看着像画上去的框）；
   ② 主线下方 3px 一道绿影——这是「厚度」。注意别用 box-shadow：元素只有 1px 高，
      负 spread 会把它算成零，暗边根本不渲染（踩过）；要用 filter:drop-shadow，它跟元素的实际形状走；
   ③ ::before 在线上方铺模糊光带、::after 在中段加更亮的短高光，模拟玻璃受光的一小段切面。
   三段都收在文案右沿以内（100%/27em，跟副标题同宽），不伸进右侧的环形光带。 */
.ib-rule{position:relative;margin-top:38px;width:100%;max-width:27em;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.88) 12%,rgba(255,255,255,1) 40%,rgba(255,255,255,.62) 76%,rgba(255,255,255,0) 100%);
  filter:drop-shadow(0 3px 1.5px rgba(11,107,71,.30)) drop-shadow(0 1px 0 rgba(11,107,71,.12))}
.ib-rule::before{content:"";position:absolute;left:3%;right:3%;top:-5px;height:11px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7) 30%,rgba(240,255,252,.88) 58%,rgba(255,255,255,0));
  filter:blur(4px);border-radius:999px}
.ib-rule::after{content:"";position:absolute;left:20%;top:-1px;width:34%;height:2px;
  background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(222,255,247,.6) 42%,rgba(222,255,247,0) 76%);
  filter:blur(1.2px)}
.ib-ghost{background:rgba(255,255,255,.92);border-color:rgba(11,107,71,.35);color:#0B6B47}
.ib-ghost:hover{background:#fff;border-color:#0B6B47}
/* ================= 与首页同尺寸的横幅（v1.64）=================
   用户要求：购车测算、平台服务两页的横幅**宽高必须和首页一致**（满宽 × min(52vh,560px)）。
   但这两段素材是 1470×630（2.33:1），首页那套容器在 1440×900 下是 1425×468（≈3.05:1）。
   直接 cover 的话，上下各裁 71px —— 等于把画面放大 23%，面板和刻度边缘会被切掉，
   这正是用户之前反馈"看着被放大了"的观感。
   所以外框**完全照首页**（这里一个尺寸都不覆盖），画面用 contain 整帧显示（不裁不放大），
   两侧空出来的部分垫一层同一张 poster 放大 + 模糊，颜色天然对齐，看着是柔化过渡而非黑边。
   结果：三页横幅的外框尺寸逐像素一致，画面还不被裁。 */
/* 外框仍是满宽 × min(52vh,560px)（和首页一致），内部用 flex 把视频靠右放，
   让 video 元素本身就等于"画面宽度"（高 100%、宽按比例），而不是撑满整框。
   这样才能把渐隐遮罩打在画面上——遮罩按元素算百分比，元素撑满整框的话，7% 落在
   两侧空白区，根本盖不到接缝（v1.64 第一版就是这么错的，看着还是一条硬边）。 */
.ib-natural .w-banner-in{position:relative;display:flex;align-items:center;justify-content:flex-end;
  padding-right:clamp(32px,8vw,140px)}
/* 柔化底（v1.69）：**不再 cover 裁切，改成 object-fit:fill 拉伸铺满整框**。
   原来用 cover，2.33:1 的画面被裁成 3.05:1，上下各切掉 11%——正好把素材自带的那段
   浅色天光切没了，于是两侧是深绿、中间顶部是纯白，同一条水平线上颜色完全不同，
   看着就是"中间一块白、两边一块绿"。fill 拉伸后模糊底的取色位置和视频一一对应，
   上下也是同一段天光，接缝自然消失。横向多拉 31% 无所谓，72px 模糊之后只是柔光。
   半径太小会保留画面结构、露出竖缝，72px 是下限。 */
.ib-natural .ib-poster{object-fit:fill;filter:blur(72px) saturate(1.12);animation-name:ibDriftBig}
/* 画面高度（v1.69）：素材自带上下各 38px 纯白 letterbox（`system`/`about` 两条尤其明显，
   亮度 253、标准差 0），整帧显示时就成了横幅里"上下两道白边"。四条素材已统一
   `crop=1470:553:0:38` 重转码，白条在素材层就没了，比例也从 2.33:1 变成 2.66:1
   —— 内容本身比原来矮了一档，正是用户要的「高度调矮一点」，不需要再压 CSS 高度。
   所以这里让画面恰好等于外框高度，上下零空白，只在左右做渐变融进模糊底。
   宽度**不给 max-width**：给了会出现两种错法——① 宽度被压回来、高度仍 100%，
   画面直接压扁（1024/900 实测扁了 9%）；② 加 object-fit:contain 不压扁了，但窄档位
   元素比画面宽，contain 就又留出上下 18px 空带，白边原样回来。
   现在是让元素尺寸=画面尺寸（宽按 2.66 比例跟着高算），窄档位超出外框的那截
   落在左侧淡出区里，由 .w-banner-in 的 overflow:hidden 裁掉，看不出损失。 */
.ib-natural .w-banner-in video{position:relative;inset:auto;width:auto;height:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 80%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 80%,transparent 100%)}
/* 模糊底要放大一点再模糊，否则边缘会露出透明/发黑的接缝。
   ibDrift 是给没做 contain 的页面用的（1→1.06），这里需要更大的底，单独一组关键帧。 */
@keyframes ibDriftBig{from{transform:scale(1.12)}to{transform:scale(1.2)}}
/* 窄于 1240 时外框余量不够（1024 下 1009 的框、画面本来就 971 宽，只剩 38px），
   再往左让就会把画面压窄——等于又变回"被放大"的观感。这一档不让位，
   右侧收边全靠遮罩（90%→100%）做出柔化，观感一致、画面不缩。 */
@media (min-width:861px) and (max-width:1240px){
  .ib-natural .w-banner-in{padding-right:0}
}

/* 窄屏横幅里的字会挤成一团：文字回到文档流、图缩成一条窄带垫在底下，两者都不裁切。
   断点定在 860 而不是 767：768 的竖屏平板上，图被 cover 放大后玻璃卡片会顶到文案里，
   而 1024 宽还有余量，仍用叠字版式。 */
@media (max-width:860px){
  .img-banner{padding-top:64px}
  /* 这张图主体在中部，窄带压太扁会看不清；40vw 左右刚好把玻璃卡片带全 */
  .img-banner .w-banner-in{height:clamp(140px,40vw,210px)}
  .img-banner .w-banner-in img,.img-banner .w-banner-in video{object-position:50% 50%}
  /* 手机上横幅是 140~210px 的窄条，没必要再留两侧柔化，直接满铺 */
  .ib-natural .w-banner-in{display:block;padding-right:0}
  .ib-natural .w-banner-in video{position:absolute;inset:0;width:100%;height:100%;
    -webkit-mask-image:none;mask-image:none}
  .ib-veil{display:none}
  /* 手机上改成上下排布：文案在上、图在下，两者都不裁切。底部多留 8px：
     分隔线就在文案末尾，离图太近会被看成图片的边框。 */
  .ib-copy{position:static;transform:none;max-width:none;order:-1;padding:24px var(--w-pad) 28px}
  .img-banner{display:flex;flex-direction:column}
  .ib-title{font-size:clamp(26px,7.2vw,34px)}
  .ib-sub{font-size:14px;line-height:1.75}
  .ib-acts{margin-top:18px}
  /* 手机上文案不在图上了（图被挪到下面），浅色底上白亮线看不见、只剩一道暗影，看着发脏。
     「玻璃切边」是靠图当底才成立的，单栏场景换成一条极淡的绿线收尾，不带阴影。 */
  .ib-rule{margin-top:28px;width:100%;max-width:none;height:1px;
    filter:none;
    background:linear-gradient(90deg,rgba(11,107,71,0) 0%,rgba(11,107,71,.14) 10%,rgba(11,107,71,.16) 60%,rgba(11,107,71,0) 100%)}
  .ib-rule::before,.ib-rule::after{display:none}
}
/* v1.72 TCO 一体化工作台：参数、计算、决策都在同一个悬浮框内 */
.tcw-board [hidden]{display:none!important}
.tcw-mobile-tabs{display:none}
@media(max-width:640px){.tcw-mobile-tabs{display:flex;gap:4px;margin:11px 12px 0;padding:4px;border-radius:10px;background:#E8F1EB}.tcw-mobile-tabs button{flex:1;padding:9px;border:0;border-radius:7px;background:transparent;color:#5F7567;font:inherit;font-size:13px;cursor:pointer}.tcw-mobile-tabs button[aria-selected="true"]{background:#fff;color:#237C40;font-weight:700;box-shadow:0 2px 7px rgba(24,77,42,.09)}.tcw-board[data-pane="input"] .tcw-result-pane{display:none}.tcw-board[data-pane="result"] .tcw-input-pane{display:none}.tcw-board[data-pane="result"] .tcw-result-pane{border-top:0}.tcw-context{scroll-margin-top:74px}}
.tcw-page-sec{position:relative;padding:42px 0 64px;background:radial-gradient(70% 50% at 88% 8%,#D9EFE6 0,transparent 75%),linear-gradient(180deg,#F4F8F6,#EDF4F0)}
.tcw-page-sec .w-wrap{max-width:1540px}
.tcw-board{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.98);border-radius:25px;color:#20332C;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,252,249,.92));box-shadow:0 1px 0 #fff inset,0 4px 10px rgba(35,80,60,.06),0 24px 56px -16px rgba(37,79,68,.20),0 48px 88px -34px rgba(19,68,50,.20);overflow:hidden}
.tcw-board::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.9);border-radius:20px;pointer-events:none;z-index:-1}
.tcw-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:22px;min-height:78px;border-bottom:1px solid #E6EEE9}
.tcw-brand{align-self:stretch;display:flex;align-items:center;gap:13px;min-width:355px;padding:13px 68px 13px 24px;color:#fff;border-radius:24px 0 0 0;background:linear-gradient(100deg,#167C43,#2BAA55 65%,#72CD91);clip-path:polygon(0 0,100% 0,calc(100% - 35px) 100%,0 100%)}
.tcw-brand>b{font-size:42px;font-style:normal;line-height:1}.tcw-brand strong{display:block;font-size:21px;white-space:nowrap}.tcw-brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:.06em;opacity:.88}
.tcw-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding:10px 0}.tcw-header-right ul{display:flex;gap:12px;list-style:none;margin:0;padding:0}.tcw-header-right li{display:flex;align-items:center;gap:4px;font-size:11px;color:#4F695A;white-space:nowrap}.tcw-header-right li::first-letter{color:#269647}
.tcw-tools{display:flex;align-items:center;gap:7px}.tcw-tool{border:1px solid #DCE8E0;border-radius:7px;padding:5px 10px;background:#fff;color:#355745;font:inherit;font-size:11px;cursor:pointer}.tcw-tool:hover{border-color:#66AE7B;background:#F4FBF6}.tcw-tool:disabled{opacity:.5;cursor:wait}
.tcw-status{display:inline-flex;align-items:center;gap:6px;margin-right:4px;font-size:11px;color:#64806F;white-space:nowrap}.tcw-status i{width:6px;height:6px;border-radius:50%;background:#9DADA3}.tcw-status.ready{color:#288545}.tcw-status.ready i{background:#36A757;box-shadow:0 0 0 3px #E2F4E6}.tcw-status.busy i{background:#D69B32;animation:tcw-pulse 1s infinite}.tcw-status.error{color:#B44D3F}.tcw-status.error i{background:#C96555}
.tcw-context{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px;align-items:center;padding:16px 22px;background:rgba(246,251,248,.85);border-bottom:1px solid #E6EEE9}
.tcw-car-wrap{display:flex;align-items:center;gap:14px;min-width:0}.tcw-car-wrap>span,.tcw-pane-title>div>span{font-size:10px;font-weight:700;letter-spacing:.08em;color:#6E8978;white-space:nowrap}.tcw-context .tco-cars{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;min-width:0}.tcw-context .tco-car{flex-direction:row;align-items:center;gap:7px;padding:7px 9px;border-radius:9px;border-width:1px;background:#fff}.tcw-context .tco-car:hover{transform:none}.tcw-context .tco-car-i{width:28px;height:28px;padding:5px;border-radius:7px;margin:0;flex:none}.tcw-context .tco-car b{font-size:12px;white-space:nowrap}.tcw-context .tco-car>span{display:none}.tcw-context .tco-car[aria-checked="true"]{box-shadow:0 0 0 2px var(--accent-soft);border-color:#339E52}
.tcw-live-hint{text-align:right}.tcw-live-hint b{display:block;font-size:12px;color:#2F6545}.tcw-live-hint span{display:block;margin-top:4px;font-size:10px;color:#7B8E82;line-height:1.5}
.tcw-main{display:grid;grid-template-columns:104px minmax(340px,.84fr) minmax(470px,1.5fr);align-items:start}
.tcw-category-nav{position:sticky;top:88px;display:flex;flex-direction:column;gap:7px;padding:18px 8px;border-right:1px solid #E7EEE9}.tcw-nav-label{padding:0 5px 7px;font-size:10px;color:#839389}.tcw-category-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;border:1px solid transparent;border-radius:10px;background:transparent;color:#53685C;font:inherit;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}.tcw-category-nav button svg{width:23px;height:23px;fill:none;stroke:#3983A5;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tcw-category-nav button:nth-of-type(n+4) svg{stroke:#379C52}.tcw-category-nav button:hover,.tcw-category-nav button.active{border-color:#CDE4D3;background:#F0F8F2;color:#26773F}
.tcw-input-pane,.tcw-result-pane{min-width:0;padding:18px}.tcw-input-pane{border-right:1px solid #E7EEE9}.tcw-pane-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;min-height:37px}.tcw-pane-title h2{margin:3px 0 0;font-size:16px;color:#233A2D}.tcw-pane-title>span{font-size:10px;color:#8A9B91;white-space:nowrap}
.tcw-workspace{display:block}.tcw-workspace .tco-form{position:static;max-height:none;overflow:visible;padding:0;border:0;background:transparent;gap:10px}.tcw-workspace .tco-form-h{padding:10px 12px;border:1px solid #DDEAE1;border-radius:10px;background:#F5FAF7}.tcw-workspace .tco-form-h .tco-car-i{width:30px;height:30px;padding:6px;margin:0}.tcw-workspace .tco-form h4{margin-top:10px;padding-top:10px;border-top:1px solid #E8EFEA;color:#4B6A57;font-size:12px}.tcw-workspace .tco-grid{gap:9px}.tcw-workspace .tco-grid .field label{font-size:11px}.tcw-workspace .tco-in input{padding:7px;font-size:12px}.tcw-workspace .tco-scheme{padding:10px}.tcw-workspace .tco-scheme b{font-size:12px}.tcw-workspace .tco-scheme>span{font-size:10px}.tcw-workspace .tco-schemes{gap:7px}.tcw-workspace .tco-seg>*{font-size:11px}.tcw-workspace .tco-how{background:#fff;border-radius:9px;padding:10px}.tcw-field-focus{animation:tcw-focus 1.2s ease-out;border-radius:8px}
.tcw-result-pane .tco-out{gap:12px}.tcw-result-pane .tco-out>section,.tcw-result-pane .tco-out>.tco-how,.tcw-result-pane .tco-out>.tco-cta{padding:15px;border-radius:12px}.tcw-result-pane .tco-out .tco-verdict{padding:18px}.tcw-result-pane .tco-out .tco-verdict h3{font-size:20px}.tcw-result-pane .tco-out .tco-verdict>p{font-size:12px}.tcw-result-pane .tco-kpis{gap:8px;margin-top:12px}.tcw-result-pane .tco-kpis div{padding:10px}.tcw-result-pane .tco-kpis dt{font-size:11px}.tcw-result-pane .tco-kpis dd{font-size:19px}.tcw-result-pane .tco-kpis small{font-size:10px}.tcw-result-pane .tco-cards.n5{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tcw-result-pane .tco-scn-h{align-items:flex-start}.tcw-result-pane .tco-scn{flex-wrap:wrap;justify-content:flex-end}.tcw-result-pane .tco-scn button{font-size:10px}.tcw-result-pane .tco-how{font-size:12px}.tcw-result-pane .tco-cta{align-items:center}
.tcw-view-tabs{display:flex;gap:5px;padding:4px;border-radius:12px;background:#EDF3EE}.tcw-view-tabs button{border:0;border-radius:9px;min-height:42px;padding:0 18px;background:#E2EAE4;color:#4F6A5A;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.tcw-view-tabs button:hover{background:#D5E3D9}.tcw-view-tabs button[aria-selected="true"]{background:linear-gradient(135deg,#188247,#37AA5C);color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(30,133,68,.24)}
.tcw-overview{border:1px solid #DFEAE3;border-radius:14px;background:rgba(255,255,255,.88);overflow:hidden;box-shadow:0 4px 15px rgba(35,80,55,.04)}.tcw-overview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #EBF1ED}.tcw-eyebrow{font-size:8px;letter-spacing:.12em;color:#4C9B66}.tcw-overview h3{margin:3px 0 0;font-size:14px;color:#294235}.tcw-scheme-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.tcw-scheme-pills button{padding:5px 8px;border:1px solid #DFE9E2;border-radius:999px;background:#fff;color:#61776A;font:inherit;font-size:10px;cursor:pointer}.tcw-scheme-pills button.on{border-color:#5DAE70;background:#EAF6EC;color:#22783B;font-weight:700}
.tcw-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}.tcw-cost{padding:13px;border:1px solid #E2ECE6;border-radius:11px;background:linear-gradient(145deg,#fff,#F6FAF8)}.tcw-cost-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#425E4E}.tcw-cost-label>i{width:7px;height:7px;border-radius:2px;background:#579ED2}.tcw-cost-label span{margin-left:auto;font-size:9px;color:#87968D;font-weight:400}.tcw-cost.electric .tcw-cost-label>i{background:#42A555}.tcw-cost strong{display:block;margin-top:9px;font-size:30px;line-height:1;color:#283D33;font-variant-numeric:tabular-nums}.tcw-cost strong small{font-size:13px;margin-right:3px}.tcw-cost strong em{font-size:12px;font-style:normal;margin-left:4px}.tcw-cost.electric strong{color:#298A42}.tcw-meter{height:5px;margin-top:11px;border-radius:4px;background:#E8F0F7;overflow:hidden}.tcw-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8BC5ED,#4599D5)}.tcw-cost.electric .tcw-meter{background:#E6F2E7}.tcw-cost.electric .tcw-meter i{background:linear-gradient(90deg,#8AD279,#3FAB50)}.tcw-cost p{display:flex;justify-content:space-between;gap:5px;margin:8px 0 0;font-size:9px;color:#73877B}
.tcw-kpi-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #E4EDE7;border-radius:10px;overflow:hidden}.tcw-kpi-grid>div{position:relative;padding:11px 10px 10px 33px;min-width:0}.tcw-kpi-grid>div+div{border-left:1px solid #E7EEE9}.tcw-kpi-grid svg{position:absolute;left:10px;top:12px;width:16px;height:16px;fill:none;stroke:#65A375;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tcw-kpi-grid span{display:block;font-size:9px;color:#7A8C81;white-space:nowrap}.tcw-kpi-grid b{display:block;margin-top:4px;font-size:15px;color:#2C4436;white-space:nowrap}.tcw-kpi-grid b.good{color:#2C9345}.tcw-kpi-grid b.bad{color:#B05242}.tcw-kpi-grid small{font-size:8px;color:#8A9B91}.tcw-overview-note{display:flex;justify-content:space-between;gap:10px;margin:0;padding:0 14px 12px;font-size:9px;line-height:1.5;color:#829187}.tcw-overview-note span{color:#3A8E4E;font-weight:700;white-space:nowrap}
.tcw-live-trend{padding:12px 14px 10px;border-top:1px solid #E7EEE9;background:linear-gradient(180deg,#FCFEFD,#F8FBF9)}.tcw-trend-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tcw-trend-head h4{margin:0;font-size:11px;color:#3A5143}.tcw-trend-head>div{display:flex;gap:10px;font-size:9px;color:#6F8276}.tcw-trend-head span{display:flex;align-items:center;gap:4px}.tcw-trend-head i{width:7px;height:7px;border-radius:50%}.tcw-trend-head i.d{background:#4D9BD0}.tcw-trend-head i.e{background:#36A050}.tcw-chart-wrap{position:relative;margin-top:3px}.tcw-live-chart{display:block;width:100%;height:auto;touch-action:pan-y;outline:none}.tcw-live-chart:focus-visible{outline:2px solid #64A776;outline-offset:-2px;border-radius:5px}.tcw-live-chart text{font:10px system-ui,"Microsoft YaHei",sans-serif;fill:#778A7E}.tcw-chart-tip{position:absolute;top:18px;z-index:2;min-width:118px;padding:7px 9px;border:1px solid #DDE9E1;border-radius:7px;background:rgba(255,255,255,.97);box-shadow:0 4px 15px rgba(28,68,42,.12);pointer-events:none;font-size:9px}.tcw-chart-tip b{display:block;margin-bottom:4px;font-size:10px}.tcw-chart-tip span{display:flex;justify-content:space-between;gap:10px;margin-top:3px;color:#687C6E}.tcw-chart-tip em{font-style:normal;font-weight:700;color:#2D4938}.tcw-live-trend>p{margin:1px 0 0;font-size:8px;line-height:1.5;color:#88988E}
/* v1.77 参数区：开始计算 / 清空重填 挪到标题栏右侧；六类成本分开显示 */
.tcw-actions{display:flex;align-items:center;gap:8px;flex:none}
.tcw-reset{min-height:40px;padding:0 16px;border:1px solid #CFE0D5;border-radius:10px;background:#fff;color:#4E6A5B;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.tcw-reset:hover{border-color:#AFCFBA;background:#F5FAF7;color:#2C6041}
.tcw-calculate{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#188247,#37AA5C);box-shadow:0 5px 14px rgba(30,133,68,.2);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.tcw-calculate:hover{filter:brightness(1.05);box-shadow:0 7px 18px rgba(30,133,68,.26)}.tcw-calculate:active{transform:translateY(1px)}.tcw-calculate svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tco-panel{display:none}
.tco-panel.on{display:block;animation:tcwPanelIn .18s ease-out}
@keyframes tcwPanelIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tco-panel.on{animation:none}}
.tco-panel-h{display:flex;align-items:center;gap:10px;margin:10px 0 14px;padding:11px 13px;border:1px solid #DCEBE1;border-radius:11px;background:linear-gradient(135deg,#F2F9F4,#EAF5ED)}
.tco-panel-h svg{width:22px;height:22px;flex:none;fill:none;stroke:#2C9448;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tco-panel-h b{display:block;font-size:14px;font-weight:700;color:#22452F}
.tco-panel-h span{display:block;margin-top:2px;font-size:11px;color:#6D8A78}
.tco-panel .tco-form-h+.tco-panel-h,.tco-panel>h4:first-child{margin-top:0}
/* 结论条 */
.tcw-verdict{display:flex;align-items:flex-start;gap:10px;margin:12px 13px;padding:11px 13px;border:1px solid #D8EBDD;border-radius:11px;background:linear-gradient(135deg,#F1F9F2,#EAF6EC)}
.tcw-verdict-tag{flex:none;margin-top:1px;padding:2px 8px;border-radius:6px;background:#1E8A46;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}
.tcw-verdict p{margin:0;font-size:12.5px;line-height:1.65;color:#33513F}
.tcw-verdict b{color:#1C6B39}
.tcw-verdict b.good{color:#1F8A42}
.tcw-verdict b.bad{color:#B05242}
/* 回本进度：多久回本 + 逐月还差多少 */
.tcw-payback{margin:0 13px 13px;padding:14px;border:1px solid #E2ECE6;border-radius:12px;background:#fff}
.tcw-payback-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tcw-payback-head h4{margin:4px 0 0;font-size:15px;color:#233D2E}
/* 两套回本口径并排：省出来的钱 / 运费挣回来 */
.tcw-rc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.tcw-rc{display:flex;flex-direction:column;gap:3px;padding:12px 13px;border:1px solid #E2ECE6;border-radius:11px;background:#F7FAF8}
.tcw-rc.ok{border-color:#CDE7D6;background:linear-gradient(150deg,#F2FAF4,#EAF6EE)}
.tcw-rc.off{border-style:dashed;background:#FAFBFA}
.tcw-rc-t{font-size:10.5px;font-weight:600;line-height:1.45;color:#6E8577}
.tcw-rc-v{font-size:21px;line-height:1.2;font-weight:700;color:#1F8642;font-variant-numeric:tabular-nums}
.tcw-rc.off .tcw-rc-v{color:#A9B7AE;font-weight:600;font-size:19px}
.tcw-rc-u{font-size:10.5px;color:#7C8F83}
.tcw-rc-s{margin-top:2px;font-size:10px;line-height:1.5;color:#8B9B90}
.tcw-payback-big{text-align:right;flex:none}
.tcw-payback-big small{display:block;font-size:10px;color:#7C8F83}
.tcw-payback-big b{display:block;margin-top:3px;font-size:24px;line-height:1.15;color:#1F8642;font-variant-numeric:tabular-nums}
.tcw-payback-big span{display:block;margin-top:3px;font-size:11px;color:#6E8577}
.tcw-payback-bar{display:flex;align-items:center;gap:10px;margin-top:12px}
.tcw-payback-bar>div{flex:1;min-width:0;height:9px;border-radius:6px;background:#E8F1EA;overflow:hidden}
.tcw-payback-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#6ACB86,#2C9A4E);transition:width .4s ease}
.tcw-payback-bar span{flex:none;font-size:11px;font-weight:700;color:#2C7A49;white-space:nowrap}
.tcw-payback-hint{margin:10px 0 0;font-size:10.5px;line-height:1.6;color:#86988C}
.tcw-trail{margin-top:10px;display:grid;gap:4px}
.tcw-trail-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;align-items:center}
.tcw-trail-row>b{font-size:10px;font-weight:600;color:#7D8F84;white-space:nowrap}
.tcw-trail-cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}
.tcw-trail-cell{display:grid;place-items:center;height:26px;border-radius:4px;background:#F1F5F2;color:#63776C;font-size:11px;font-variant-numeric:tabular-nums;cursor:default}
/* 手机端切到「查看结果」后，车型选择（01）就不必再占着首屏：它只在填参数时才用得上。
   收起来能把结果整体上提约 120px，切回「填写参数」自动恢复。 */
@media(max-width:640px){
  /* 结果页不需要选车型、也不需要参数分类导航 —— 两者都只服务于「填写参数」。
     一并收起能把结论和回本卡提到首屏，切回「填写参数」自动恢复。 */
  .tcw-board[data-pane="result"] .tcw-car-wrap,
  .tcw-board[data-pane="result"] .tcw-category-nav{display:none}
  .tcw-board[data-pane="result"] .tcw-context{padding:0;border:0;background:none;box-shadow:none}
  .tcw-board[data-pane="result"] .tcw-live-hint{display:none}
}
.tcw-trail-cell.ok{background:#E7F5EA;color:#2A7F45;font-weight:600}
.tcw-trail-cell.hit{background:#1E8A46;color:#fff;font-weight:700;box-shadow:0 0 0 2px rgba(30,138,70,.16)}
.tcw-input-pane>.tco-form{position:static;max-height:none;overflow:visible;padding:0;border:0;background:transparent;border-radius:0}
.tcw-footer{display:flex;justify-content:space-between;gap:15px;padding:12px 22px;border-top:1px solid #E4ECE7;background:#F7FAF8;color:#7B8C82;font-size:10px;line-height:1.5}
@keyframes tcw-pulse{50%{opacity:.35}}@keyframes tcw-focus{0%,35%{background:#E1F5E5;box-shadow:0 0 0 5px #E1F5E5}100%{background:transparent;box-shadow:none}}
@media(min-width:1500px){.tcw-main{grid-template-columns:112px minmax(390px,.85fr) minmax(600px,1.5fr)}.tcw-input-pane,.tcw-result-pane{padding:22px}}
@media(max-width:1180px){.tcw-main{grid-template-columns:92px minmax(310px,.85fr) minmax(380px,1.15fr)}.tcw-input-pane,.tcw-result-pane{padding:14px}.tcw-context{grid-template-columns:minmax(0,1fr)}.tcw-live-hint{display:none}.tcw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcw-kpi-grid>div:nth-child(3){border-left:0}.tcw-kpi-grid>div:nth-child(n+3){border-top:1px solid #E7EEE9}.tcw-overview-note{display:block}.tcw-overview-note span{display:block;margin-bottom:3px}.tcw-header-right ul{display:none}.tcw-view-tabs button{padding:0 12px;font-size:13px}.tcw-reset,.tcw-calculate{padding:0 14px;font-size:13px}}
@media(max-width:960px){.tcw-page-sec .w-wrap{padding-left:18px;padding-right:18px}.tcw-header{padding-right:16px}.tcw-brand{min-width:320px}.tcw-main{grid-template-columns:84px minmax(0,1fr)}.tcw-category-nav{grid-row:1/3}.tcw-input-pane{border-right:0}.tcw-result-pane{grid-column:2;border-top:1px solid #E4ECE7}.tcw-context .tco-car b{font-size:11px}.tcw-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tcw-kpi-grid>div:nth-child(3){border-left:1px solid #E7EEE9}.tcw-kpi-grid>div:nth-child(n+3){border-top:0}}
@media(max-width:640px){.tcw-page-sec{padding:20px 0 38px}.tcw-page-sec .w-wrap{padding-left:10px;padding-right:10px}.tcw-board{border-radius:18px}.tcw-header{display:block;padding:0;min-height:0}.tcw-brand{width:86%;height:67px;min-width:0;box-sizing:border-box;padding:12px 35px 12px 18px;border-radius:17px 0 0 0;gap:10px}.tcw-brand>b{font-size:32px}.tcw-brand strong{font-size:16px}.tcw-brand small{font-size:8px}.tcw-header-right{align-items:flex-start;padding:9px 12px}.tcw-header-right ul{display:flex;gap:10px}.tcw-header-right li{font-size:9px}.tcw-tools{margin-top:2px}.tcw-context{padding:13px 12px}.tcw-car-wrap{display:block}.tcw-car-wrap>span{display:block;margin-bottom:8px}.tcw-context .tco-cars{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tcw-context .tco-car{padding:8px}.tcw-context .tco-car b{font-size:12px}.tcw-main{display:flex;flex-direction:column}.tcw-category-nav{position:static;flex-direction:row;width:100%;box-sizing:border-box;padding:10px 8px;gap:3px;border-right:0;border-bottom:1px solid #E4ECE7;overflow-x:auto}.tcw-nav-label{display:none}.tcw-category-nav button{flex:1;min-width:49px;padding:7px 1px;font-size:9px;gap:4px}.tcw-category-nav button svg{width:20px;height:20px}.tcw-input-pane,.tcw-result-pane{width:100%;box-sizing:border-box;padding:14px 12px}.tcw-result-pane{border-top:1px solid #E4ECE7}.tcw-pane-title{align-items:flex-start;flex-wrap:wrap}.tcw-actions{width:100%;margin-top:9px}.tcw-reset,.tcw-calculate{flex:1;min-height:42px;padding:0 8px;font-size:13px}.tcw-view-tabs button{min-height:40px;padding:0 8px;font-size:12.5px}.tcw-payback-head{display:block}.tcw-rc-row{grid-template-columns:minmax(0,1fr);gap:8px}.tcw-rc-v{font-size:20px}.tcw-trail-row{grid-template-columns:38px minmax(0,1fr);min-width:0}.tcw-trail{overflow:visible}.tcw-trail-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.tcw-trail-cell{height:22px;font-size:9.5px}.tcw-verdict{padding:10px}.tcw-verdict p{font-size:11.5px}.tcw-pane-title h2{font-size:15px}.tcw-view-tabs{order:2;width:100%;box-sizing:border-box}.tcw-view-tabs button{flex:1}.tcw-overview-head{align-items:flex-start;flex-direction:column}.tcw-scheme-pills{justify-content:flex-start}.tcw-cost-grid{padding:10px;gap:8px}.tcw-cost{padding:10px}.tcw-cost-label{font-size:10px}.tcw-cost-label span{display:none}.tcw-cost strong{font-size:25px}.tcw-cost p{display:block}.tcw-cost p span{display:block;margin-top:3px}.tcw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcw-kpi-grid>div:nth-child(3){border-left:0}.tcw-kpi-grid>div:nth-child(n+3){border-top:1px solid #E7EEE9}.tcw-kpi-grid b{font-size:16px}.tcw-footer{display:block;padding:12px}.tcw-footer span{display:block}.tcw-footer span+span{margin-top:4px}.tcw-result-pane .tco-out .tco-verdict h3{font-size:18px}.tcw-result-pane .tco-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tcw-result-pane .tco-kpis dd{font-size:16px}.tcw-result-pane .tco-scn-h{display:block}.tcw-result-pane .tco-scn{justify-content:flex-start;margin-top:8px}.tcw-result-pane .tco-cta{display:block}.tcw-result-pane .tco-cta .btn{margin-top:10px;width:100%}}
@media print{.tcw-category-nav,.tcw-context,.tcw-tools,.tcw-view-tabs,.tcw-input-pane,.tcw-footer,.tcw-overview-slot{display:none!important}.tcw-main,.tcw-result-pane{display:block;padding:0;border:0}.tcw-result-pane .tco-out>*,.tcw-result-pane .tco-out>.tco-scn-sec{display:block!important}.tcw-board{box-shadow:none;border:0}.tcw-header{display:none}.w-nav,.w-foot,.w-footer,.img-banner,.w-info-bar,.w-faq,.w-cta,.mobile-cta{display:none!important}}
@media(prefers-reduced-motion:reduce){.tcw-status.busy i,.tcw-field-focus{animation:none}}

/* Unslop: retain vehicle photography and product views; quiet surrounding chrome. */
@media screen{
.w{--w-r:12px;--w-shadow:0 2px 12px rgba(10,30,25,.06);--w-shadow-lg:0 16px 40px rgba(0,0,0,.18)}
.w .w-nav.solid{background:#0D332C;backdrop-filter:none;-webkit-backdrop-filter:none}
.w .w-hero{background-color:#0D332C;background-image:none}
.w .w-hero h1 em{background:none;color:#C5E4D5;-webkit-text-fill-color:currentColor;font-style:normal}
.w :is(h1,h2,h3){font-weight:600}.w .w-hero h1{line-height:1.22}
.w .w-btn{min-height:48px;border-radius:8px;padding:12px 24px;box-shadow:none;transition:background .16s ease,border-color .16s ease}
.w .w-btn.pri,.w .w-btn.pri:hover{background:#E8F0E9;color:#153B2D;box-shadow:none;transform:none}
.w .w-btn.teal:hover{transform:none}.w .w-btn.sm{min-height:36px;padding:8px 16px}
.w .w-hero .w-stage{transform:none}.w .w-sec{padding-top:96px;padding-bottom:96px}
.w .tcw-board{background:#fff;box-shadow:0 8px 32px rgba(19,40,30,.10);border-color:#DEE7E0;border-radius:20px}
.w .tcw-brand{background:#12634C}.w .tcw-cost{background:#F8FAF8;box-shadow:none}
.w .tcw-view-tabs button[aria-selected="true"]{background:#12634C;box-shadow:none;font-weight:600}
.w .tcw-status.busy i{animation:none}
@media(max-width:700px){.w{--w-pad:20px}.w .w-sec{padding-top:64px;padding-bottom:64px}.w .w-btn{min-height:48px;padding:12px 20px}}
}
.w .w-nav.light,.w .w-nav.light.solid{background:#FFFFFF;box-shadow:0 1px 0 #DEE5DF}.w .w-nav.light .w-menu a{color:#41554A}.w .w-nav.light .w-menu a.on{color:#12634C}.w .w-nav.light .w-btn.pri{background:#12634C;color:#fff}.w .w-nav.light .w-btn.pri:hover{background:#0D503C}
.w .svct::before,.w .w-vcard::before{display:none}
.w .w-hero.bright{background:#EAF1EC}.w .w-hero.bright h1 em{color:#12634C}.w .rv{opacity:1;transform:none;transition:none}.w .w-btn:is(.pri,.teal){font-weight:600}

/* Product presentation: graphite screen bezel and machined laptop base. */
.w-laptop{width:100%;position:relative;padding:0 3.8% 2%;isolation:isolate}
.w-laptop-lid{position:relative;padding:2.4% 1.35% 1.6%;background:#111312;border:1px solid #4B504E;border-radius:clamp(8px,1.6vw,22px) clamp(8px,1.6vw,22px) 4px 4px;box-shadow:inset 0 0 0 2px #222624,0 16px 36px rgba(17,28,22,.12)}
.w-laptop-camera{position:absolute;top:1%;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#303C38;box-shadow:inset 0 0 0 1px #080D0A}
.w-laptop-screen{position:relative;background:#F5F7F5;overflow:hidden;border:1px solid #050807;border-radius:2px}
.w .w-laptop-screen picture{display:block}.w .w-laptop-screen img{display:block;width:100%;height:auto;border:0;border-radius:0;transform:none;aspect-ratio:1216/800;object-fit:contain;background:#fff}
.w-laptop-base{position:relative;margin:0 -4.1%;height:clamp(8px,1.35vw,18px);background:linear-gradient(90deg,#767C79 0%,#D5D9D6 3%,#B6BDB9 15%,#E0E3E0 50%,#B6BDB9 85%,#D5D9D6 97%,#767C79 100%);border:1px solid #9FA6A1;border-radius:2px 2px 40% 40%/2px 2px 70% 70%;box-shadow:0 3px 3px rgba(14,24,17,.16);z-index:1}
.w-laptop-notch{position:absolute;top:-1px;left:42%;width:16%;height:45%;border-radius:0 0 10px 10px;background:#9BA39D;border:1px solid #89928B;border-top:0}
.w-laptop-foot{position:absolute;bottom:0;left:8%;right:8%;height:3%;border-radius:50%;background:rgba(25,37,29,.12);filter:blur(5px);z-index:-1}
.w-shot .w-laptop{margin-top:8px}.w-shot figcaption{margin:24px 3.8% 0}.w-role-body .w-laptop{margin-top:8px}
@media(max-width:700px){.w-laptop-lid{padding-top:3%;border-radius:10px 10px 3px 3px}.w-laptop-camera{width:3px;height:3px;left:calc(50% - 1.5px)}.w-shot figcaption{margin-top:16px}.w-laptop-base{height:8px}}

/* Purpose-designed product demonstration. No live business data or screenshot assets. */
.pd-demo{container-type:inline-size;display:grid;grid-template-columns:18% minmax(0,1fr);background:#F2F5F2;color:#1A2C23;font-family:var(--f-body);font-size:clamp(5px,1.1vw,14px);aspect-ratio:16/10;overflow:hidden;text-align:left}
.pd-side{background:#102F27;color:#C3D2C9;padding:10% 8%;display:flex;flex-direction:column;min-width:0}
.pd-brand{display:flex;align-items:center;gap:.6em;white-space:nowrap;color:#fff;font-size:1.12em}.pd-brand>span{display:grid;place-items:center;width:1.8em;height:1.8em;border:1px solid #6D9782;border-radius:.4em;font-weight:600}.pd-side>small{font-size:.7em;margin-top:1em;color:#8DAB9B}.pd-brand b{font-weight:600}.pd-nav{margin-top:2.6em;display:flex;flex-direction:column;gap:.5em}.pd-nav>div{padding:.9em .6em;border-radius:.4em;display:flex;gap:.7em;white-space:nowrap;color:#C0D2C7}.pd-nav>div>span{color:#7A9A89;font-size:.8em}.pd-nav .active{background:#265344;color:white}.pd-side-foot{margin-top:auto;font-size:.72em;color:#8DAB9B}
.pd-main{min-width:0;display:flex;flex-direction:column}.pd-top{display:flex;justify-content:space-between;align-items:center;padding:1.2em 1.8em;background:white;border-bottom:1px solid #E1E8E2;font-size:.78em;gap:1em;white-space:nowrap}.pd-demo-label{color:#617469}.pd-content{padding:1.6em;display:flex;flex:1;flex-direction:column;gap:1.4em;min-height:0}.pd-heading{display:flex;justify-content:space-between;align-items:center}.w .pd-heading h3{font-size:1.65em;margin:0;line-height:1.3;font-weight:600}.w .pd-heading p{font-size:.8em;margin:.5em 0 0;color:#687D6F}.pd-day{font-size:.7em;padding:.6em .9em;border:1px solid #D6E2D9;border-radius:.4em;background:#FFF;color:#4B6657}
.pd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}.pd-metrics>div{padding:1.1em 1.2em;background:#fff;border:1px solid #DFE7E0;border-radius:.6em}.pd-metrics span{font-size:.8em;color:#5C7062}.pd-metrics strong{display:block;font-size:2em;font-weight:600;line-height:1.3;margin:.2em 0;font-variant-numeric:tabular-nums}.pd-metrics small{font-size:.65em;color:#718076}
.pd-panel{min-width:0;background:#fff;border:1px solid #DFE7E0;border-radius:.6em;overflow:hidden}.pd-panel-head{display:flex;align-items:center;justify-content:space-between;padding:1.1em 1.2em;gap:.8em}.pd-panel-head b{font-size:.95em;font-weight:600}.pd-panel-head>span{font-size:.65em;color:#718076;white-space:nowrap}.pd-split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1em}.pd-map{position:relative;margin:0 .8em .8em;overflow:hidden;border-radius:.35em}.pd-map>svg{display:block;width:100%;height:auto}.pd-map-label{display:flex;justify-content:space-between;position:absolute;bottom:.7em;left:.7em;right:.7em;font-size:.6em;color:#45624F}.pd-feed{padding:0 1em}.pd-feed>div{padding:.9em 0;border-top:1px solid #E7ECE8}.pd-row{display:flex;justify-content:space-between;align-items:center;gap:.4em}.pd-row b{font-size:.8em;font-weight:600}.w .pd-feed p{font-size:.73em;margin:.6em 0}.pd-feed small{font-size:.6em;color:#748378}.pd-badge{display:inline-flex;padding:.35em .6em;background:#EAF4EC;color:#226144;border-radius:.35em;font-size:.65em;white-space:nowrap}.pd-badge.amber{background:#F9F1E3;color:#8E6425}
.pd-route-list{padding:0 1.2em}.pd-route-row{display:flex;align-items:center;gap:1.1em;border-top:1px solid #E5EBE6;padding:1.1em 0}.pd-route-row>div:nth-child(2){flex:1}.pd-route-index{font-size:1.1em;color:#81968A}.pd-route-row b{font-weight:600;font-size:.95em}.w .pd-route-row p{font-size:.75em;color:#718076;margin:.6em 0 0}.pd-soc{font-size:.73em;color:#526F5B;min-width:5em;text-align:right}
.pd-energy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding:0 1em 1em}.pd-energy>div{border:1px solid #E2E9E3;padding:1em;border-radius:.5em}.pd-energy strong{font-size:2em;font-weight:500;display:block;margin:.7em 0 .3em}.pd-battery{height:.35em;background:#E6EEE7;border-radius:1em;overflow:hidden}.pd-battery i{display:block;height:100%;background:#237D56}.w .pd-energy p{font-size:.73em;margin:1em 0 .5em}.pd-energy small{font-size:.6em;color:#687F70}
.pd-ledger{padding:0 1em}.pd-ledger>div{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1em;padding:1.1em .5em;border-top:1px solid #E5EBE6;font-size:.85em}.pd-ledger .pd-table-head{background:#F4F7F3;font-size:.7em;color:#687D6F}.pd-summary{padding:1.2em;display:flex;justify-content:space-between;font-size:.75em;color:#51705B}.pd-footer{display:flex;justify-content:space-between;gap:1em;margin-top:auto;font-size:.65em;color:#718277}
@supports(font-size:1cqw){.pd-demo{font-size:1.2cqw}.w-laptop-screen{container-type:inline-size}}
@media(max-width:700px){.pd-demo{font-size:3.8px}.pd-content{padding:1.4em;gap:1.1em}}
@supports(font-size:1cqw){.pd-demo{font-size:1.4cqw}}
@container(max-width:500px){.pd-demo{grid-template-columns:1fr;font-size:2.25cqw}.pd-side{display:none}.pd-top{padding:.9em 1.2em}.pd-content{padding:1.2em;gap:1em}.pd-day{display:none}.pd-heading h3{font-size:1.5em}.pd-metrics>div{padding:.8em 1em}.pd-metrics small,.pd-feed small,.pd-footer>span:first-child{display:none}.pd-metrics strong{font-size:1.7em}.pd-route-row{padding:.9em 0}.pd-route-index{display:none}.pd-feed>div{padding:.65em 0}.pd-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.pd-panel-head{padding:.8em}.pd-footer{font-size:.65em}.pd-energy>div{padding:.7em}.pd-energy .pd-badge{display:none}}
@container(max-width:500px){.pd-demo{aspect-ratio:4/3}.pd-feed>div:last-child{display:none}.pd-footer{margin-top:.5em}.pd-energy small{line-height:1.4}.pd-map-label{position:static;padding:.4em;font-size:.65em}}

/* User-directed transport story, with finite route feedback. */
.pd-nav>button{font:inherit;text-align:left;border:0;background:transparent;padding:.9em .6em;border-radius:.4em;display:flex;gap:.7em;white-space:nowrap;color:#C0D2C7;cursor:pointer;transition:background .16s ease,color .16s ease}.pd-nav>button>span{color:#8EA99A;font-size:.8em}.pd-nav>button:hover{background:#204438}.pd-nav>button.active{background:#265344;color:white}
.pd-interactive{background:#fff}.pd-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#F9FBF8;border-top:1px solid #DCE5DD;font-size:13px;color:#223E2D}.pd-story-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.pd-story-copy b{font-weight:600}.pd-story-copy>span{font-size:11px;color:#63766B}.pd-story-steps{display:flex;gap:8px}.pd-story-steps button{border:1px solid transparent;border-radius:8px;background:transparent;color:#566E5F;display:flex;align-items:center;gap:8px;padding:10px 12px;font:inherit;cursor:pointer;min-height:44px;transition:background .16s ease,border-color .16s ease}.pd-story-steps button span{font-size:11px;color:#718B79}.pd-story-steps button:hover,.pd-story-steps button.active{background:#E7F1E8;border-color:#A9C6B0;color:#125236}.pd-story-next{font:inherit;white-space:nowrap;cursor:pointer;min-height:44px;padding:10px 20px;border:1px solid #12634C;border-radius:8px;color:white;background:#12634C}.pd-story-next:hover{background:#0B503B}.pd-interactive button:focus-visible{outline:2px solid #368564;outline-offset:2px}.pd-route-play .pd-drawn-route{stroke-dasharray:1;stroke-dashoffset:0;animation:pd-route-draw 1.2s ease-out both}@keyframes pd-route-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@container(max-width:750px){.pd-tools{padding:12px;gap:8px;flex-wrap:wrap}.pd-story-copy{width:100%}.pd-story-steps{flex:1;gap:0}.pd-story-steps button{padding:8px 6px;font-size:11px;gap:4px}.pd-story-next{font-size:12px;padding:8px 12px}.pd-story-steps button span{display:none}}
@media(prefers-reduced-motion:reduce){.pd-route-play .pd-drawn-route{animation:none}}

/* Quiet customer-service cards: fixed to each edge and collapsible. */
.w-service-float{position:fixed;top:43%;z-index:42;width:132px;padding:20px 12px 8px;text-align:center;background:#fff;border:1px solid #D7E3DA;border-radius:14px;box-shadow:0 6px 24px rgba(20,50,34,.12);color:#173F2D}
.w-service-float.left{left:16px}.w-service-float.right{right:16px}.w-service-title{display:block;font-size:17px;font-weight:600;text-decoration:none;line-height:1.5}.w-service-detail>.w-ico{display:block;margin:16px auto 12px;width:32px;height:32px;color:#12634C}.w .w-service-detail p{font-size:12px;line-height:1.7;color:#62756A;margin:0 0 16px}.w .w-service-action{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:8px;padding:8px 4px;background:#12634C;color:white;font-size:12px;text-decoration:none}.w-service-action .w-ico{width:14px;height:14px}.w-service-toggle{display:block;border:0;background:none;color:#65766B;font:inherit;font-size:11px;min-height:32px;width:100%;cursor:pointer;margin-top:4px}.w-service-float.collapsed{padding-top:12px}.w-service-title:hover{color:#0B7A4C}.w-service-action:hover{background:#0B503B}
@media(min-width:1600px){.w-service-float.left{left:max(16px,calc((100vw - 1560px)/2))}.w-service-float.right{right:max(16px,calc((100vw - 1560px)/2))}}
@media(max-width:1500px){.w-service-float{width:88px;padding:12px 8px 4px}.w-service-title{font-size:14px}.w-service-detail>.w-ico{width:24px;height:24px;margin:12px auto}.w .w-service-detail p{display:none}.w .w-service-action{font-size:11px}.w-service-action .w-ico{display:none}.w-service-float.left{left:4px}.w-service-float.right{right:4px}}
@media(max-width:900px){.w-service-float{top:auto;bottom:calc(100px + env(safe-area-inset-bottom));width:auto;padding:0;border-radius:8px;box-shadow:0 3px 12px rgba(20,50,34,.10)}.w-service-title{font-size:12px;min-height:44px;display:flex;align-items:center;padding:8px 12px}.w-service-detail,.w-service-toggle{display:none}.w-service-float.left{left:8px}.w-service-float.right{right:8px}}
@media print{.w-service-floats{display:none!important}}
@media(min-width:901px) and (max-width:1300px){.w-service-float{width:32px;padding:0;border-radius:6px}.w-service-float.left{left:0}.w-service-float.right{right:0}.w-service-title{writing-mode:vertical-rl;letter-spacing:3px;min-height:120px;padding:12px 6px;font-size:13px}.w-service-detail,.w-service-toggle{display:none}}

/* Fictional service portraits remain behind readable HTML labels and actions. */
.w-service-float{top:clamp(88px,30vh,340px);padding-top:154px;overflow:hidden;background:#F9FCF8}.w-service-portrait{position:absolute;inset:0 0 auto;width:100%;height:190px;object-fit:cover;object-position:center 20%;z-index:0;pointer-events:none}.w-service-float::after{content:"";position:absolute;top:112px;left:0;right:0;height:90px;background:linear-gradient(transparent,#F9FCF8 70%);pointer-events:none}.w-service-title,.w-service-detail,.w-service-toggle{position:relative;z-index:1}.w-service-detail>.w-ico{display:none}.w .w-service-detail p{margin:8px 0 12px}.w-service-float.collapsed{padding-top:12px}.w-service-float.collapsed .w-service-portrait,.w-service-float.collapsed::after{display:none}
@media(min-width:1301px) and (max-width:1500px){.w-service-float{width:100px;padding-top:124px}.w-service-portrait{height:155px}.w-service-float::after{top:88px;height:70px}}
@media(min-width:901px) and (max-width:1300px){.w-service-float{padding-top:0}.w-service-portrait,.w-service-float::after{display:none}}
@media(max-width:900px){.w-service-float{top:auto;padding-top:0}.w-service-portrait{width:36px;height:44px;object-position:center 18%}.w-service-title{padding-left:44px}.w-service-float::after{display:none}}
@media(max-height:540px) and (min-width:901px){.w-service-float{top:88px;padding-top:72px}.w-service-portrait{height:100px}.w-service-float::after{top:52px;height:60px}}

/* Left service card: copy is layered directly over the portrait. */
@media(min-width:1301px){.w-service-float:is(.left,.right){padding:0;min-height:264px;background:#183E2E}.w-service-float:is(.left,.right) .w-service-portrait{height:100%;object-position:center top}.w-service-float:is(.left,.right)::after{top:0;height:100%;background:linear-gradient(180deg,transparent 38%,rgba(8,32,23,.35) 65%,rgba(8,32,23,.88));z-index:0}.w-service-float:is(.left,.right) .w-service-title{position:absolute;left:8px;right:8px;bottom:94px;color:#fff;text-shadow:0 1px 3px #173A27}.w-service-float:is(.left,.right) .w-service-detail{position:absolute;left:10px;right:10px;bottom:38px}.w-service-float:is(.left,.right) .w-service-detail p{display:none}.w-service-float:is(.left,.right) .w-service-action{border:1px solid rgba(255,255,255,.8);background:rgba(12,67,42,.8);color:#fff}.w-service-float:is(.left,.right) .w-service-toggle{position:absolute;bottom:2px;color:#E1ECE4;margin:0}.w-service-float:is(.left,.right).collapsed{min-height:0;padding:12px 8px 4px;background:#F9FCF8}.w-service-float:is(.left,.right).collapsed .w-service-title,.w-service-float:is(.left,.right).collapsed .w-service-toggle{position:relative;inset:auto;color:#173F2D;text-shadow:none}}
@media(max-height:540px) and (min-width:1301px){.w-service-float:is(.left,.right){min-height:230px}}

/* Public glass presentation, preserving photography and readable product content. */
@media screen{
.w{--w-paper:#F4F7F5;--w-soft-bg:#EFF4F2;background:radial-gradient(ellipse at 0 10%,#DDECE3,transparent 45%),radial-gradient(ellipse at 100% 40%,#E4EDF5,transparent 45%),#F7F9F7}
.w .w-nav,.w .w-nav.light,.w .w-nav.solid,.w .w-nav.light.solid{left:20px;right:20px;top:12px;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 4px 24px rgba(23,57,37,.07);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.w .w-nav .w-menu a,.w .w-nav .w-menu button{color:#324C3D}.w .w-nav .w-menu a.on{color:#12634C}.w .w-nav .w-nav-act{color:#173B2A}.w .w-nav .w-btn.pri{background:#12634C;color:#fff}.w .w-nav-in{height:64px}
.w .w-btn{border-radius:14px;min-height:48px;font-weight:500}.w .w-btn.line{background:rgba(255,255,255,.75);border-color:rgba(132,162,144,.3)}
.w .w-home .w-sec,.w .w-home .w-svcrow,.w .w-home .w-intro,.w .w-home .w-product,.w .w-home .w-trialsec,.w .w-home .w-eco{background:transparent}.w .w-sec.alt{background:rgba(255,255,255,.32)}
.w .w-card,.w .w-vcard,.w .svct,.w .w-role-body,.w .w-res{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);border-radius:24px;box-shadow:0 8px 32px rgba(26,57,39,.06),inset 0 1px 0 #fff}.w .w-role-body{padding:32px}.w .w-vcard:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(26,57,39,.1)}
.w .w-tab{border-radius:16px}.w .w-tab[aria-selected="true"]{background:#12634C;color:white}.w .w-info-card{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.94);border-radius:20px;box-shadow:0 8px 28px rgba(26,57,39,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.w .w-shot-tabs{padding:8px;gap:8px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.55)}.w .w-shot-tabs button{flex:1;text-align:center;padding:12px 8px;border:0;border-radius:10px;font-size:15px}.w .w-shot-tabs button[aria-selected="true"]{background:white;box-shadow:0 2px 8px rgba(26,57,39,.08)}
.w .w-hero.bright{background:#EDF4EF}.w .w-sec-head h2,.w .w-section-head h2{letter-spacing:0;line-height:1.3}.w .w-laptop-lid{box-shadow:0 24px 64px rgba(30,54,40,.16)}
.w .w-service-float{border-color:rgba(255,255,255,.75);box-shadow:0 8px 28px rgba(20,50,34,.14)}
@media(max-width:700px){.w .w-nav,.w .w-nav.light,.w .w-nav.solid{left:8px;right:8px;top:8px;border-radius:16px}.w .w-nav-in{height:56px}.w .w-nav .w-wrap{padding:0 12px}.w .w-role-body{padding:20px}.w .w-shot-tabs{gap:4px}.w .w-shot-tabs button{font-size:13px;padding:12px;flex:none}.w .w-sec{padding:56px 0}}
@supports not (backdrop-filter:blur(1px)){.w .w-nav,.w .w-nav.light,.w .w-nav.solid{background:#F8FBF8}.w .w-info-card{background:#F8FBF8}}
}
@media screen{.w{--ink:#17352A;--muted:#5B7062;--surface:#FFFFFF;--surface-2:#EFF4EF;--line:#DCE5DE;--bg:#F4F7F5;color-scheme:light}}

/* Service cards stay attached to the viewport edges at every width. */
.w .w-service-float.left{left:0}.w .w-service-float.right{right:0}

/* Compact service portraits: half-height with one clear action. */
@media(min-width:1301px){
.w .w-service-float:is(.left,.right){width:132px;min-height:132px;height:132px;padding:0;border-radius:12px}
.w .w-service-float:not(.collapsed) .w-service-title{display:none}
.w .w-service-float:not(.collapsed) .w-service-detail{left:8px;right:8px;bottom:8px}
.w .w-service-float .w-service-portrait{object-position:center top}
.w .w-service-float .w-service-action{min-height:36px;padding:6px 4px;font-size:12px}
.w .w-service-float .w-service-toggle{top:2px;bottom:auto;right:2px;left:auto;width:32px;min-height:24px;padding:2px 0;font-size:10px;background:rgba(13,46,30,.6);border-radius:6px;color:#fff}
.w .w-service-float:is(.left,.right).collapsed{height:auto;min-height:0;padding:10px 6px 4px}
.w .w-service-float.collapsed .w-service-title{display:block}.w .w-service-float.collapsed .w-service-toggle{position:relative;inset:auto;width:100%;min-height:28px;background:none;color:#496956}
}
@media(min-width:901px) and (max-width:1300px){.w .w-service-title{min-height:72px;letter-spacing:1px;padding:8px 6px}}

/* Center the service call-to-action over the portrait with lighter glass. */
@media(min-width:1301px){
.w .w-service-float:not(.collapsed) .w-service-detail{top:50%;bottom:auto;transform:translateY(-50%);left:10px;right:10px}
.w .w-service-float:not(.collapsed) .w-service-action{background:rgba(17,74,49,.28);border-color:rgba(255,255,255,.5);color:#fff;text-shadow:0 1px 3px rgba(0,30,14,.8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.w .w-service-float:not(.collapsed)::after{background:rgba(10,40,25,.07)}
.w .w-service-float:not(.collapsed) .w-service-action:hover{background:rgba(17,74,49,.48)}
}

/* Portrait services use plain clickable text, without a button plate or outline. */
@media(min-width:1301px){
.w .w-service-float:not(.collapsed) .w-service-action,.w .w-service-float:not(.collapsed) .w-service-action:hover{background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,28,12,.85)}
.w .w-service-float .w-service-action .w-ico{display:none}
}
@media(min-width:1301px){.w .w-service-float:not(.collapsed) .w-service-detail{top:58%}}