/* assets/css/components/form.css — 表单字段：联系区、弹窗、招融资页共用一套。
   输入框一律直角、focus 时去掉 outline 改用边框变深 —— 因为全站的 :focus-visible
   是朱砂 2px 外描边，套在输入框上会和外框线打架。 */

.field{ margin-top:18px; }
.field > label,.field > .field-label{ display:block; font-size:14px; font-weight:500; }
.field input,.field textarea,.field select{
  display:block; width:100%; margin-top:8px; padding:11px 13px;
  background:var(--surface); border:1px solid var(--line-dark); border-radius:0;
  font-weight:400; font-size:15px;
}
.field textarea{ min-height:110px; resize:vertical; }
.field select{ appearance:none; background-image:none; cursor:pointer; }
.field input:focus,.field textarea:focus,.field select:focus{ outline:none; border-color:var(--ink); }
.field input::placeholder,.field textarea::placeholder{ color:var(--line-dark); }

.field-row{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
.field-row .field{ margin-top:18px; }
.field-hint{ margin-top:6px; font-size:12.5px; color:var(--muted); }
.field-req{ color:var(--cinnabar); }

/* 复选框：直角方框，与全站一致 */
.check{ display:flex; gap:10px; align-items:flex-start; margin-top:18px; font-size:13.5px; color:var(--muted); }
.check input{ width:16px; height:16px; margin:3px 0 0; flex:none; accent-color:var(--cinnabar); }

@media (max-width:680px){
  .field-row{ grid-template-columns:1fr; }
}