/* 解决方案详情页留资表单样式（#20，2026-10-27 用户确认采用这一版，旧版已删除） */
/* 底部留 64px：页面底部有固定的导航栏，不留的话提交按钮会被盖住 */
#omron-inquiry.of-form { padding: 4px 0 64px; color: #333; font-family: inherit; }
#omron-inquiry.of-form .of-title { margin: 20px 0 14px; font-size: 16px; font-weight: 600; line-height: 1.4; color: #333; text-align: left; }

/* 每个输入项一行，统一高度 44、统一间距 12，不再互相遮挡 */
#omron-inquiry.of-form .of-field { position: relative; margin: 0 0 12px; }
#omron-inquiry.of-form input[type=text],
#omron-inquiry.of-form input[type=tel],
#omron-inquiry.of-form select {
    box-sizing: border-box; display: block; width: 100%; height: 44px; margin: 0; padding: 0 12px;
    font-family: inherit; font-size: 16px; line-height: 44px; color: #333; background-color: #fff;
    border: 1px solid #d5d9df; border-radius: 6px; box-shadow: none; -webkit-appearance: none; appearance: none;
}
#omron-inquiry.of-form input:focus,
#omron-inquiry.of-form select:focus { outline: none; border-color: #0074D6; box-shadow: 0 0 0 2px rgba(0, 116, 214, .15); }
#omron-inquiry.of-form input::placeholder { color: #9aa0a6; }
#omron-inquiry.of-form select {
    padding-right: 34px; background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6'/></svg>");
}

/* 手机验证码：输入框和按钮同一行，按钮宽度固定 */
#omron-inquiry.of-form .of-row { display: flex; gap: 10px; }
#omron-inquiry.of-form .of-row input { flex: 1 1 auto; min-width: 0; }
#omron-inquiry.of-form .hqyzm {
    flex: 0 0 120px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 8px;
    border-radius: 6px; background: #0074D6; color: #fff !important; font-size: 15px; text-decoration: none; text-shadow: none; white-space: nowrap; cursor: pointer;
}
#omron-inquiry.of-form .hqyzm.active { background: #d9dce1; color: #666 !important; pointer-events: none; }

#omron-inquiry.of-form .of-hint { margin: -4px 0 12px; font-size: 13px; line-height: 1.5; color: #888; }

/* 同意隐私政策 */
#omron-inquiry.of-form .of-agree { display: flex; align-items: center; gap: 8px; margin: 4px 0 16px; font-size: 14px; line-height: 1.5; color: #333; }
#omron-inquiry.of-form .of-agree input { flex: none; width: 18px; height: 18px; margin: 0; }
#omron-inquiry.of-form .of-agree a { color: #005eb8; }

/* 提交按钮 */
#omron-inquiry.of-form .of-submit {
    display: block; box-sizing: border-box; height: 46px; line-height: 46px; margin: 0; border-radius: 6px; background: #003686; color: #fff !important;
    font-size: 17px; font-weight: 600; text-align: center; text-decoration: none; text-shadow: none;
}
#omron-inquiry.of-form .of-submit:active { opacity: .85; }

/* 公司名称联想：下拉列表和转圈，位置跟着输入框 */
@keyframes companySpin { to { transform: rotate(360deg); } }
#omron-inquiry.of-form .company-search-spinner {
    display: none; position: absolute; right: 12px; top: 50%; margin-top: -9px; width: 18px; height: 18px;
    border: 2px solid #ccc; border-top-color: #0074D6; border-radius: 50%; animation: companySpin .6s linear infinite;
}
#omron-inquiry.of-form .company-suggest-list {
    display: none; position: absolute; left: 0; right: 0; top: 100%; margin: 2px 0 0; padding: 0; list-style: none; background: #fff;
    border: 1px solid #e0e0e0; border-radius: 6px; max-height: 220px; overflow-y: auto; z-index: 9999; box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}
#omron-inquiry.of-form .company-suggest-list li { padding: 10px 12px; font-size: 15px; line-height: 1.4; color: #333; cursor: pointer; }
#omron-inquiry.of-form .company-suggest-list li.of-empty { color: #888; cursor: default; }
#omron-inquiry.of-form .company-suggest-list li.of-empty:hover { background: #fff; color: #888; }
#omron-inquiry.of-form .company-suggest-list li:hover { background: #e8f4fd; color: #0074D6; }

/* 出错提示：直接显示在出错的那一项下面，那一项边框变红 */
#omron-inquiry.of-form .of-invalid input[type=text],
#omron-inquiry.of-form .of-invalid input[type=tel],
#omron-inquiry.of-form .of-invalid select { border-color: #e74c3c; box-shadow: 0 0 0 2px rgba(231, 76, 60, .12); }
#omron-inquiry.of-form .of-agree.of-invalid { color: #e74c3c; }
#omron-inquiry.of-form .of-agree.of-invalid input { outline: 2px solid #e74c3c; outline-offset: 1px; }
#omron-inquiry.of-form .of-err { margin: -6px 0 12px; font-size: 13px; line-height: 1.5; color: #e74c3c; }
#omron-inquiry.of-form .of-agree + .of-err { margin: -10px 0 14px; }
#omron-inquiry.of-form #of-global .of-err { margin: 0 0 12px; }
#omron-inquiry.of-form .of-submit.of-busy { opacity: .6; pointer-events: none; }

/* 提交成功：替换掉表单 */
#omron-inquiry.of-form .of-success { margin: 20px 0 8px; padding: 22px 16px; text-align: center; border: 1px solid #cfe8d5; border-radius: 6px; background: #f3fbf5; color: #2e7d32; font-size: 15px; line-height: 1.6; }
#omron-inquiry.of-form .of-success-title { margin: 0 0 6px; font-size: 18px; font-weight: 600; }
#omron-inquiry.of-form .of-success p { margin: 0; }