/* ========= 卡片容器 ========= */
.card{
  margin:0 14px 14px;border-radius:20px;background:var(--c-bg-2);
  box-shadow:var(--c-shadow-deep);padding:22px 18px;
  border:1px solid var(--c-line-2);
}

/* ========= Hot Pill(已有 836 位)========= */
.hot-pill{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(90deg,#eff6ff,#ede9fe);
  color:#1e3a8a;font-size:13px;font-weight:600;
  padding:9px 16px;border-radius:999px;margin:0 auto 20px;
  width:fit-content;border:1px solid #c7d2fe;letter-spacing:.3px;
}
.hot-pill em{
  color:var(--c-red);font-weight:900;margin:0 4px;font-size:15px;
  font-feature-settings:"tnum";font-variant-numeric:tabular-nums;
  padding:0 6px;background:#fff;border-radius:6px;
  border:1px solid rgba(185,28,28,.2);
}
.hot-pill__fire{font-size:14px}

/* ========= 表单字段 ========= */
.field{margin-bottom:14px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:0}
.field__label{
  flex:0 0 76px;font-size:13px;font-weight:600;color:var(--c-ink);
  line-height:46px;padding-right:8px;white-space:nowrap;letter-spacing:.3px;
}
.field__label span{color:var(--c-red);margin-left:2px;display:inline-block}
.field > input[type=text],
.field > input[type=tel]{
  flex:1;min-width:0;height:46px;padding:0 16px;border-radius:12px;
  background:#f6f8fc;border:1px solid var(--c-line);
  font-size:14px;color:var(--c-ink);transition:.2s;letter-spacing:.3px;
}
.field input::placeholder{color:var(--c-ink-3)}
.field input:focus{background:#fff;border-color:var(--c-brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}

/* 验证码 */
.code-row{flex:1;min-width:0;display:flex;gap:8px;align-items:stretch}
.code-row input{
  flex:1;min-width:0;height:46px;padding:0 16px;border-radius:12px;
  background:#f6f8fc;border:1px solid var(--c-line);
  font-size:15px;color:var(--c-ink);letter-spacing:3px;transition:.2s;
  font-feature-settings:"tnum";font-variant-numeric:tabular-nums;
}
.code-row input:focus{background:#fff;border-color:var(--c-brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.code-row input::placeholder{color:var(--c-ink-3);letter-spacing:0}
.code-btn{
  flex:0 0 auto;min-width:100px;height:46px;padding:0 12px;border-radius:12px;
  font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;
  background:linear-gradient(135deg,#eff6ff,#e0e7ff);
  color:var(--c-brand);border:1px solid #c7d2fe;
  transition:.2s;
}
.code-btn:hover:not([disabled]){background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}
.code-btn:active:not([disabled]){transform:translateY(1px)}
.code-btn[disabled]{
  background:#f1f5f9;color:var(--c-ink-3);border-color:var(--c-line);
  cursor:not-allowed;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;
}

/* 合作需求 */
.need-grid{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.need{
  display:flex;align-items:center;gap:7px;padding:10px;height:46px;
  border:1px solid var(--c-line);border-radius:12px;background:#f6f8fc;
  font-size:13px;color:var(--c-ink-2);cursor:pointer;transition:.2s;
  position:relative;overflow:hidden;
}
.need input{position:absolute;opacity:0;pointer-events:none}
.need__icon{font-size:15px;flex:0 0 auto}
.need__txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.need:hover{border-color:var(--c-brand);background:#fff}
.need:has(input:checked){
  background:linear-gradient(135deg,#eff6ff,#ede9fe);
  border-color:var(--c-brand);color:var(--c-brand);font-weight:700;
  box-shadow:0 0 0 4px rgba(37,99,235,.1);
}

/* Select */
.select{flex:1;min-width:0;position:relative}
.select select{
  width:100%;height:46px;padding:0 36px 0 16px;border-radius:12px;
  background:#f6f8fc;border:1px solid var(--c-line);
  font-size:14px;color:var(--c-ink);appearance:none;-webkit-appearance:none;
}
.select select:focus{background:#fff;border-color:var(--c-brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.select select:invalid{color:var(--c-ink-3)}
.select__arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--c-ink-3);pointer-events:none}

/* 协议 */
.agree{display:flex;gap:7px;align-items:flex-start;font-size:11.5px;color:var(--c-ink-3);margin:6px 0 18px;padding-left:2px;letter-spacing:.3px}
.agree input{margin-top:2px;width:14px;height:14px;accent-color:var(--c-brand);flex:0 0 14px}
.agree a{color:var(--c-brand);font-weight:600}
.agree a:hover{text-decoration:underline}

/* 提交按钮:深紫蓝渐变 */
.submit-btn{
  width:100%;height:54px;border-radius:14px;
  font-size:16px;font-weight:800;cursor:pointer;letter-spacing:1.5px;
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 50%,#7c3aed 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(37,99,235,.4), inset 0 1px 0 rgba(255,255,255,.18);
  transition:.25s;position:relative;overflow:hidden;
}
.submit-btn::after{
  content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  animation:shine 2.8s ease-in-out infinite;
}
@keyframes shine{0%{left:-100%}55%,100%{left:120%}}
.submit-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(37,99,235,.5)}
.submit-btn:active{transform:translateY(1px)}
.submit-btn[disabled]{opacity:.6;cursor:not-allowed}
.submit-btn[disabled]::after{display:none}

.safe-tip{text-align:center;font-size:11.5px;color:var(--c-ink-3);margin-top:14px;letter-spacing:.5px}
.safe-tip__ico{margin-right:3px}

/* ========= 最新提交客户 ========= */
.recent-card{padding:20px 18px 12px}
.recent__title{
  display:flex;align-items:center;justify-content:center;gap:14px;
  font-size:15px;font-weight:800;color:var(--c-ink);margin-bottom:12px;letter-spacing:.5px;
}
.dot-deco{
  display:inline-block;width:36px;height:6px;opacity:.6;
  background:radial-gradient(circle,var(--c-brand) 1.5px,transparent 2px) 0 50% / 9px 9px repeat-x;
}
.recent-list{overflow:hidden}
.recent-list li{
  display:flex;align-items:center;gap:12px;
  padding:12px 4px;border-bottom:1px dashed var(--c-line);
  font-size:12px;color:var(--c-ink-2);
  transition:opacity .35s ease, transform .35s ease, background .9s ease, max-height .35s ease, padding .35s ease;
  max-height:66px;overflow:hidden;
}
.recent-list li:last-child{border-bottom:0}
.recent-list li.is-enter{opacity:0;transform:translateY(-16px);max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent}
.recent-list li.is-highlight{background:linear-gradient(90deg,#eff6ff,#ede9fe)}
.recent-list li.is-leave{opacity:0;transform:translateX(24px);max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent}
.speaker{
  width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#eff6ff,#e0e7ff);color:var(--c-brand);
  display:grid;place-items:center;font-size:12px;flex:0 0 26px;
  border:1px solid #c7d2fe;
}
.recent__name{flex:0 0 112px;font-weight:700;color:var(--c-ink);font-size:13px;letter-spacing:.3px}
.recent__name i{color:var(--c-ink-3);font-weight:500;font-size:11px;margin-left:3px}
.recent__phone{
  flex:1;color:var(--c-ink-2);font-family:"SF Mono","Menlo",monospace;font-size:12px;
  font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5px;
}
.recent__time{color:var(--c-ink-3);font-size:11px;white-space:nowrap}