/* hero */
.consult-hero{
  background:
    radial-gradient(1100px 520px at 88% -10%, rgba(25,173,94,.12), transparent 60%),
    linear-gradient(180deg,#f2faf6 0%, #eef5ff 100%);
  padding:44px 0 40px;
}
.consult-wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.consult-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:32px;align-items:start}

.c-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0d914c;
  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}
.c-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#19ad5e}
.consult-hero h1{font-size:clamp(28px,3vw,38px);line-height:1.18;color:#0F2440;margin:0 0 18px;font-weight:900;letter-spacing:-.5px}
.consult-hero h1 .hl{color:#19ad5e}
.c-sub{font-size:15.5px;color:#6b7a8d;margin:0 0 26px;max-width:480px;line-height:1.7}
.c-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.c-points li{display:flex;align-items:center;gap:12px;font-size:15px;color:#22303f;font-weight:500}
.c-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:#19ad5e}
.c-pt-ic svg{width:18px;height:18px}

/* form card */
.c-form-card{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,36,64,.14);padding:28px 28px 22px;position:relative}
.c-form-card::before{content:'';position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#19ad5e,#34d399)}
.c-form-card h2{margin:0 0 6px;font-size:21px;color:#0F2440;font-weight:800}
.c-form-card .fc-sub{margin:0 0 18px;font-size:13px;color:#6b7a8d}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c-field{margin-bottom:12px;display:flex;flex-direction:column}
.c-field label{display:block;font-size:13px;font-weight:700;color:#22303f;margin-bottom:5px}
.c-field label i{color:#e5484d;font-style:normal;margin-right:2px}
.c-field input,.c-field textarea{
  width:100%;border:1.5px solid #e4eaf0;border-radius:12px;padding:11px 14px;font-size:14px;
  font-family:inherit;color:#22303f;background:#f7f9fb;transition:all .2s;outline:none;
  box-sizing:border-box}
.c-field input::placeholder,.c-field textarea::placeholder{color:#aab4c0}
.c-field input:hover,.c-field textarea:hover{border-color:#c8d4e0;background:#fff}
.c-field input:focus,.c-field textarea:focus{border-color:#19ad5e;background:#fff;box-shadow:0 0 0 4px rgba(25,173,94,.12)}
.c-field textarea{resize:vertical;min-height:90px}
.c-field .c-error{display:none;color:#c73d36;font-size:12px;margin-top:5px}
.c-field.invalid .c-error{display:block}
.c-field.invalid input,.c-field.invalid textarea{border-color:#d94d45;background:#fff7f6}

.c-submit{width:100%;border:none;cursor:pointer;background:linear-gradient(135deg,#19ad5e,#0fae63);
  color:#fff;font-size:15px;font-weight:700;padding:13px;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);margin-top:4px}
.c-submit:hover{background:linear-gradient(135deg,#ff7a1a,#ff9500);box-shadow:0 14px 28px rgba(255,122,26,.4);transform:translateY(-2px)}
.c-note{font-size:12px;color:#9aa7b5;text-align:center;margin:10px 0 0}

/* notice */
.c-notice{display:none;margin-top:10px;border-radius:8px;padding:9px 12px;font-size:12.5px;line-height:1.6}
.c-notice.show{display:block}
.c-notice.error{background:#fff2f0;color:#b83b2d}

/* success view */
.c-completion{display:none;text-align:center;padding:54px 12px 44px}
.c-completion.show{display:block}
.c-ok{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e4f5ea;color:#168b58;font-size:32px;margin:0 auto 18px}
.c-ok svg{width:34px;height:34px}
.c-completion h2{font-size:23px;margin:0 0 10px;color:#19372b}
.c-completion p{max-width:420px;margin:0 auto;color:#718078;font-size:14px;line-height:1.8}

/* 本页同时加载公共头尾，以下恢复被 sem 全局规则影响的公共页脚（仅本页生效） */
body .footer{position:relative;color:#fff;overflow:hidden;text-align:left;font-size:14px;line-height:1.55;padding:0;background:radial-gradient(1200px 500px at 82% -10%,rgba(25,173,94,.16),transparent 60%),radial-gradient(900px 420px at -5% 30%,rgba(25,173,94,.10),transparent 55%),linear-gradient(180deg,#0A3520 0%,#08301C 45%,#062313 100%)}
body .footer .wrap{position:relative;z-index:1}

/* responsive */
@media(max-width:1280px){
  .consult-wrap{max-width:1000px}
  .consult-hero{padding:30px 0 26px}
  .consult-hero h1{font-size:27px}
  .c-sub{font-size:14px;margin-bottom:20px}
  .c-points{gap:10px}
  .c-points li{font-size:13.5px}
  .c-pt-ic{width:30px;height:30px}
  .c-form-card{padding:22px 22px 18px}
  .c-form-card h2{font-size:18px}
  .c-field input,.c-field textarea{padding:10px 12px;font-size:13px}
  .c-submit{padding:11px;font-size:14px}
}
@media(max-width:960px){
  .consult-grid{grid-template-columns:1fr;gap:28px}
  .consult-hero{padding:30px 0 32px}
}
@media(max-width:560px){
  .c-row{grid-template-columns:1fr}
  .c-form-card{padding:22px 16px 18px}
}

/* 从案例详情页 CTA 带 ?t=品类 进来时，副标题高亮咨询方向 */
.consult-hero .c-sub b{color:#0C7A3C;font-weight:700}