/* ============================================================
   CBAM 咨询页（consult）独立样式
   ============================================================ */
@import url('https://miaoda.feishu.cn/fonts/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

:root{
  --green:#19ad5e;
  --green-d:#0d914c;
  --green-l:#e8f8ef;
  --navy:#0F2440;
  --ink:#22303f;
  --muted:#6b7a8d;
  --line:#e6ebf0;
  --bg-soft:#f4f8f7;
  --radius:14px;
}
*{box-sizing:border-box}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);margin:0;line-height:1.6}
a{text-decoration:none}
img{max-width:100%}

/* ---------- Hero split ---------- */
.consult-hero{
  font-size:16px;
  background:
    radial-gradient(1100px 520px at 88% -10%, rgba(25,173,94,.12), transparent 60%),
    linear-gradient(180deg,#f2faf6 0%, #eef5ff 100%);
  padding:clamp(90px,7vw,120px) 0 clamp(48px,6vw,72px);
  overflow:hidden;
}
.consult-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.hero-left{font-size:16px;line-height:1.6}

.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--green-d);
  font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;
  box-shadow:0 4px 16px rgba(25,173,94,.12);margin-bottom:22px}
.hero-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--green)}
.consult-hero h1{font-size:clamp(30px,3.6vw,44px);line-height:1.18;color:var(--navy);margin:0 0 18px;font-weight:900;letter-spacing:-.5px}
.consult-hero h1 .hl{color:var(--green)}
.hero-sub{font-size:17px;color:var(--muted);margin:0 0 30px;max-width:520px}
.hero-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.hero-points li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink);font-weight:500}
.hero-points .pt-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#fff;
  box-shadow:0 3px 10px rgba(15,36,64,.08);display:flex;align-items:center;justify-content:center;color:var(--green)}
.hero-points .pt-ic svg{width:18px;height:18px}

/* ---------- Form card ---------- */
.form-card{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,36,64,.14);padding:34px 34px 28px;position:relative}
.form-card::before{content:'';position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--green),#34d399)}
.form-card h2{margin:0 0 6px;font-size:23px;color:var(--navy);font-weight:800}
.form-card .fc-sub{margin:0 0 22px;font-size:13.5px;color:var(--muted)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-field{margin-bottom:14px;display:flex;flex-direction:column}
.f-field input,.f-field textarea{margin-top:0}
.f-field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
.f-field label i{color:#e5484d;font-style:normal;margin-right:2px}
.f-field input,.f-field textarea{
  width:100%;border:1.5px solid #e4eaf0;border-radius:12px;padding:12px 16px;font-size:14.5px;
  font-family:inherit;color:var(--ink);background:#f7f9fb;transition:all .2s;outline:none}
.f-field input::placeholder,.f-field textarea::placeholder{color:#aab4c0}
.f-field input:hover,.f-field textarea:hover{border-color:#c8d4e0;background:#fff}
.f-field input:focus,.f-field textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(25,173,94,.12)}
.f-field textarea{resize:vertical;min-height:88px}
.f-full{grid-column:1/-1}
.f-submit{width:100%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--green),#0fae63);
  color:#fff;font-size:16.5px;font-weight:700;padding:15px;border-radius:12px;letter-spacing:2px;
  display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;
  box-shadow:0 10px 22px rgba(25,173,94,.32)}
.f-submit:hover{background:linear-gradient(135deg,#ff7a1a,#ff9500);box-shadow:0 14px 28px rgba(255,122,26,.4);transform:translateY(-2px)}
.f-submit:active{box-shadow:0 8px 18px rgba(255,122,26,.4)}
.f-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
.f-note{font-size:12px;color:#9aa7b5;text-align:center;margin:12px 0 0}
.f-ok{display:none;background:var(--green-l);border:1.5px solid #9fe6c0;color:#0a7a41;border-radius:12px;
  padding:16px;text-align:center;font-size:15px;font-weight:600;margin-bottom:16px}
.f-ok.show{display:block}

/* ---------- What you get ---------- */
.benefits{padding:64px 0 20px;background:#fff}
.sec-center{text-align:center;max-width:640px;margin:0 auto 40px}
.sec-center h2{font-size:30px;color:var(--navy);font-weight:800;margin:0 0 12px}
.sec-center p{color:var(--muted);font-size:15.5px;margin:0}
.b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.b-card{background:var(--bg-soft);border-radius:var(--radius);padding:28px 24px;transition:transform .2s, box-shadow .2s;border:1px solid #eef3f1;text-align:center}
.b-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,36,64,.1);background:#fff}
.b-ic{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.b-ic img{width:56px;height:56px;object-fit:contain}
.b-card h3{font-size:16.5px;color:var(--navy);margin:0 0 8px;font-weight:700}
.b-card p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.65}


/* ---------- Responsive ---------- */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .consult-hero{padding:40px 0 52px}
  .consult-hero h1{font-size:32px}
  .b-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media(max-width:560px){
  .f-row{grid-template-columns:1fr}
  .b-grid{grid-template-columns:1fr}
  .form-card{padding:26px 20px 22px}
  .consult-hero h1{font-size:28px}
  .trust .tn{font-size:26px}
}

/* ---------- 覆盖：去掉桌面端空白 mge 间距 ---------- */
.mge{margin-top:0 !important;}
@media(max-width:767px){.mge{margin-top:60px !important;} .consult-hero{padding-top:80px !important;}}

/* ---------- 页脚重写 ---------- */
.foot{background:#191e28;color:#9aa4b5;font-size:13px;padding:26px 0;text-align:center;line-height:1.9}
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.foot .copyright img{height:14px;vertical-align:middle;margin:0 4px}
.foot .copyright a{color:#9aa4b5;text-decoration:none}
.foot .copyright a:hover{color:#fff}

/* ---------- 桌面官方头部自适应覆盖 ---------- */
.header .logo img{height:clamp(36px,3.2vw,48px) !important;width:auto !important}
.header .htool a{
  padding:clamp(6px,.7vw,10px) clamp(14px,1.8vw,30px) !important;
  font-size:clamp(12px,.9vw,14px) !important;
  border-radius:6px !important;line-height:1.4;white-space:nowrap !important;
}
.header .menu .item{font-size:clamp(13px,1vw,15px) !important}

/* ---------- 备案图标自适应 ---------- */
.footer .copyright img,.foot .copyright img{height:16px !important;width:auto !important;vertical-align:middle !important;display:inline-block !important;margin:0 2px !important}

/* ---------- mge 占位 ---------- */
.mge{margin-top:0 !important;}

/* ---------- 手机抽屉菜单修复 ---------- */
.sideMenu{list-style:none !important;}
.sideMenu .navs{list-style:none !important;padding:0 !important;margin:0 !important;}
.sideMenu .navs li{list-style:none !important;background:none !important;}
.sideMenu .navs li::before{display:none !important;content:none !important;}
.sideMenu .navs li a{display:block;padding:16px 20px;font-size:16px;color:#333;text-decoration:none;border-bottom:1px solid #eee;}
.sideMenu .navs .sub-nav{display:none;background:#f7f8fa;}
.sideMenu .navs .sub-nav a{padding-left:40px;font-size:14px;color:#666;}
.sideMenu .navs .has-child.open .sub-nav{display:block;}

/* iOS 加固 20261106：横屏文字膨胀 + 聚焦输入框整页放大 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports (-webkit-touch-callout:none){.f-field input,.f-field textarea{font-size:16px!important}}
@media (max-width:768px){.f-field input,.f-field textarea{font-size:16px!important}}