/* 在线签署表单共用样式(LOA / Packing / Coolant / D/O 共用) */
:root{--ink:#16283f;--ink-soft:#41536b;--paper-bg:#fff;--line:#c4cdd9;--accent:#0e5aa7;
  --accent-soft:#e8f0fa;--danger:#b3261e;--ok:#1a7a4a;--bg:#eef1f5;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --display:'Helvetica Neue',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px}
.wrap{max-width:820px;margin:0 auto;padding:24px 16px 64px}
.backlink{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:13px;
  color:var(--accent);text-decoration:none;margin:0 0 14px;padding:6px 14px;border:1px solid var(--line);
  border-radius:20px;background:#fff}
.backlink:hover{border-color:var(--accent);background:var(--accent-soft)}
h1{font-family:var(--display);font-size:24px;margin:0 0 2px}
.zh-h1{color:var(--ink-soft);font-size:16px;font-weight:600}
.lead{color:var(--ink-soft);font-size:14px;margin:8px 0 20px;line-height:1.6}
.step{display:flex;align-items:center;gap:10px;margin:22px 0 10px}
.step-num{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;
  font-family:var(--display);font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.step h2{font-family:var(--display);font-size:16px;margin:0}
.terms{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 18px;max-height:280px;
  overflow-y:auto;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.terms h3{color:var(--ink);font-size:13px;margin:12px 0 4px;font-family:var(--sans)}
.terms h3:first-child{margin-top:0}
.accept-row{display:flex;gap:10px;align-items:flex-start;background:var(--accent-soft);
  border:1px solid #c4d8ef;border-radius:6px;padding:10px 14px;margin:12px 0}
.accept-row input{margin-top:2px}
.paper{background:var(--paper-bg);border:1px solid var(--line);border-radius:6px;
  box-shadow:0 6px 24px rgba(22,40,63,.10);padding:30px 28px}
.lh{border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:14px}
.lh .co{font-family:var(--display);font-weight:700;font-size:17px}
.lh .meta{font-family:var(--sans);font-size:12px;color:var(--ink-soft);margin-top:3px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
label{display:block;font-family:var(--sans);font-size:12px;color:var(--ink-soft);margin:0 0 3px}
label .req{color:var(--danger)}
.blank,select.blank{width:100%;font:inherit;font-family:var(--sans);border:none;
  border-bottom:1.5px solid var(--ink-soft);background:transparent;padding:6px 2px;color:var(--ink)}
.blank:focus{outline:none;border-bottom-color:var(--accent);background:var(--accent-soft)}
.hint{font-family:var(--sans);font-size:11px;color:var(--ink-soft);margin-top:2px}
.full{grid-column:1/-1}
.sec{font-family:var(--display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:4px;margin:18px 0 10px}
.ac-wrap{position:relative}
.ac-list{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--line);
  border-top:none;border-radius:0 0 6px 6px;max-height:220px;overflow-y:auto;font-size:13px}
.ac-list div{padding:8px 10px;cursor:pointer}
.ac-list div:hover{background:var(--accent-soft)}
.q{margin:10px 0 4px;line-height:1.5}.q .note{color:var(--ink-soft);font-size:12.5px}
.sig-head{font-family:var(--sans);font-size:12px;color:var(--ink-soft);margin:18px 0 4px}
.sig-canvas-wrap{border:1.5px dashed var(--ink-soft);border-radius:6px;background:#fcfdff;
  position:relative;height:150px;touch-action:none}
.sig-canvas-wrap canvas{display:block;width:100%;height:100%}
.sig-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#9fb0c4;font-family:var(--sans);pointer-events:none}
.sig-actions{display:flex;justify-content:flex-end;margin-top:6px}
.btn-mini{font:inherit;font-family:var(--sans);font-size:13px;background:#fff;border:1px solid var(--line);
  color:var(--ink-soft);border-radius:6px;padding:5px 12px;cursor:pointer}
.btn-primary{font:inherit;font-family:var(--display);background:var(--accent);color:#fff;border:none;
  border-radius:6px;padding:12px 30px;font-size:15px;cursor:pointer;margin-top:18px}
.btn-primary:hover{background:#0b4c8e}.btn-primary:disabled{opacity:.6;cursor:default}
.row-btn{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.msg{font-family:var(--sans);font-size:13.5px;margin-top:10px;min-height:18px;text-align:center}
.msg.err{color:var(--danger);font-weight:700}.msg.ok{color:var(--ok)}
.ban{background:#fdecec;border:1px solid #f2c4c1;color:var(--danger);border-radius:6px;
  padding:10px 12px;font-size:12.5px;line-height:1.6;margin:8px 0}
@media (max-width:640px){.grid2{grid-template-columns:1fr}}