/* =========================================================
   5/5 · 模块层 modules/inquiry.css —— 询盘表单
   ---------------------------------------------------------
   为什么在 modules/ 而不是 pages/：
     询盘表单出现在**三个地方** ——
       ① 独立页 模板 inquiry.htm
       ② 留言页 模板 message.htm（同一套字段渲染）
       ③ 询价车抽屉里（quote-cart.js 动态生成）
     只挂给 pages/inquiry 的话，另外两处会掉样式。
     因此本文件列进 theme.json 的 styles.base，全站加载（体量很小）。

   类名前缀：.inq-*（本模块新增的都用它）
     但下面这几个是**表单通用小件**，模板里已经写死在 .field 里，
     沿用原名不另起前缀，避免为了命名统一反而把模板改乱：
       .req     必填星号（.field .req）
       .cb      勾选型字段的标签
       .cap-*   图形验证码
   它们是「表单」这个组件的零件，不是某个页面的专属样式 ——
   改这里会影响所有带表单的页面，这是有意为之。
   ========================================================= */

/* 必填星号 */
.field .req { color: #e7515a; margin-inline-start: 3px; }

/* 勾选型字段（如「同意条款」） */
.field label.cb {
    display: flex; align-items: center; gap: 8px;
    font-weight: 400; font-size: 14px; color: var(--muted); cursor: pointer;
}
.field label.cb input { width: auto; margin: 0; }

/* 验证码：输入框 + 可点击刷新的图 */
.cap-row { display: flex; gap: 10px; align-items: stretch; }
.cap-row input {
    flex: 1; min-width: 0;
    /* 验证码是 4 位大写字母数字，统一转大写 + 拉开字距，减少抄错 */
    text-transform: uppercase; letter-spacing: 2px; font-weight: 600;
}
.cap-img {
    width: 118px; height: 46px; flex: 0 0 auto; cursor: pointer;
    border: 1px solid var(--line); border-radius: 8px; background: #f6f8fb;
}
.cap-img:hover { border-color: var(--primary); }