/* 保函查询表单 */
.gq-body { padding: 8px 20px 48px; max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; }
.gq-form { max-width: 720px; margin: 0 auto; padding-top: 8px; }
.gq-form-item { display: flex; align-items: flex-start; margin-bottom: 16px; gap: 12px; }
.gq-form-item label { flex: 0 0 96px; text-align: right; line-height: 38px; font-size: 14px; color: #333; }
.gq-form-item label .req { color: #c8161d; margin-right: 2px; }
.gq-form-item .field { flex: 1; min-width: 0; }
.gq-form-item input { width: 100%; height: 38px; border: 1px solid #ccc; padding: 0 12px; font-size: 14px; box-sizing: border-box; border-radius: 2px; }
.gq-form-item input:focus { border-color: #c8161d; outline: none; }
.gq-form-item .err { color: #c8161d; font-size: 12px; margin-top: 4px; min-height: 16px; }
.gq-captcha-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gq-captcha-row input { flex: 1; min-width: 160px; }
.gq-captcha-row img { height: 38px; border: 1px solid #ddd; cursor: pointer; border-radius: 2px; }
.gq-captcha-row a { font-size: 12px; color: #0066cc; white-space: nowrap; text-decoration: none; }
.gq-actions { text-align: center; margin-top: 28px; }
.gq-btn { display: inline-block; min-width: 140px; padding: 10px 28px; border: none; background: #c8161d; color: #fff; font-size: 15px; cursor: pointer; border-radius: 2px; }
.gq-btn:hover { background: #a81218; }
.gq-btn.secondary { background: #888; margin-left: 12px; }
.gq-btn.secondary:hover { background: #666; }
.gq-result { text-align: center; padding: 48px 16px; }
.gq-result .icon { width: 72px; height: 72px; border-radius: 50%; background: #52c41a; color: #fff; font-size: 42px; line-height: 72px; margin: 0 auto 20px; }
.gq-result.fail .icon { background: #ff4d4f; }
.gq-result .msg { font-size: 18px; line-height: 1.8; margin-bottom: 24px; color: #333; }
.hidden { display: none; }

.gq-page.m-page .gq-body { padding: 12px 12px 72px; }
.gq-page .gq-form-item { flex-direction: column; gap: 4px; }
.gq-page .gq-form-item label { flex: none; text-align: left; line-height: 1.4; }
.gq-page .gq-captcha-row { flex-wrap: wrap; }

@media (max-width: 768px) {
  .gq-body { padding: 12px 12px 72px; }
  .gq-form { max-width: 100%; }
  .gq-form-item { flex-direction: column; gap: 4px; }
  .gq-form-item label { flex: none; text-align: left; line-height: 1.4; }
  .gq-captcha-row { flex-wrap: wrap; }
  .gq-captcha-row input { min-width: 0; }
}