/* 询价页的样式独立作用于 inquiry-page，避免影响旧首页询价表单。 */
.inquiry-page { background: #f5f8fb; color: #243b50; font-family: Arial, sans-serif; }
.inquiry-page .inquiry-shell { width: 100%; max-width: 1240px; margin: 0 auto; padding: 48px 32px 64px; }
.inquiry-heading { margin-bottom: 32px; }
.inquiry-eyebrow { color: #128c7e; font-size: 12px; font-weight: bold; letter-spacing: 2px; margin-bottom: 12px; }
.inquiry-heading h1 { font-size: clamp(32px, 4vw, 46px); line-height: 1.2; letter-spacing: -1px; margin-bottom: 14px; }
.inquiry-heading > p:last-child { font-size: 16px; line-height: 1.7; color: #65788a; }
.inquiry-layout { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 32px; align-items: start; }
.inquiry-contact-card { background: #193d48; color: #fff; border-radius: 18px; padding: 28px; }
.inquiry-tag { display: inline-block; color: #a5ddcd; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; margin-bottom: 20px; }
.inquiry-contact-card h2 { font-size: 28px; line-height: 1.2; margin-bottom: 14px; }
.inquiry-contact-card p { color: #c1d3d9; font-size: 14px; line-height: 1.8; }
.inquiry-shell a.inquiry-whatsapp { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 12px; align-items: center; background: #fff; color: #155a49; padding: 16px; border-radius: 10px; margin: 26px 0 18px; font-size: 14px; font-weight: bold; }
.inquiry-whatsapp img { width: 32px; height: 32px; border-radius: 50%; grid-row: span 2; }
.inquiry-whatsapp span { font-size: 12px; font-weight: normal; margin-top: 4px; }
.inquiry-shell a.inquiry-email { display: block; color: #c1d3d9; font-size: 12px; }
.inquiry-email span { display: block; color: #fff; font-size: 15px; margin-top: 5px; overflow-wrap: anywhere; }
.inquiry-guide, .inquiry-categories { padding: 26px 4px 0; }
.inquiry-aside h3 { font-size: 15px; margin-bottom: 14px; }
.inquiry-guide li { font-size: 13px; color: #65788a; line-height: 1.8; margin: 8px 0; padding-left: 17px; position: relative; }
.inquiry-guide li::before { content: "•"; color: #128c7e; position: absolute; left: 0; }
.inquiry-categories > div { display: flex; flex-wrap: wrap; gap: 8px; }
.inquiry-categories a { font-size: 12px; padding: 8px 10px; border: 1px solid #dce5ec; border-radius: 7px; background: #fff; color: #456075; }
.inquiry-form-card { padding: 32px; border: 1px solid #e2e9ef; border-radius: 18px; background: #fff; box-shadow: 0 8px 30px rgba(25, 61, 72, .04); }
.inquiry-form-heading { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #e8eef3; }
.inquiry-form-heading h2 { font-size: 23px; line-height: 1.4; margin-bottom: 8px; }
.inquiry-form-heading p { color: #7a8997; font-size: 12px; }
.required-mark { color: #bd493d; }
.optional-mark { color: #7a8997; font-size: 12px; font-weight: normal; }
.inquiry-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
.inquiry-field.full-width { grid-column: 1 / -1; }
.inquiry-field label { display: block; font-size: 13px; font-weight: bold; margin-bottom: 9px; }
.inquiry-field input, .inquiry-field textarea { width: 100%; min-width: 0; padding: 13px 14px; font: 14px/1.6 Arial, sans-serif; color: #243b50; border: 1px solid #d7e1e9; border-radius: 8px; background: #fbfcfe; outline: none; }
.inquiry-field textarea { resize: vertical; min-height: 150px; }
.inquiry-field input::placeholder, .inquiry-field textarea::placeholder { color: #8493a1; }
.inquiry-field input:focus, .inquiry-field textarea:focus { border-color: #128c7e; box-shadow: 0 0 0 3px rgba(18, 140, 126, .1); background: #fff; }
.field-help { display: block; color: #7a8997; font-size: 11px; line-height: 1.6; margin-top: 8px; }
.inquiry-form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.inquiry-form-actions button { border: 0; border-radius: 8px; padding: 14px 22px; font: bold 14px/1.5 Arial, sans-serif; cursor: pointer; }
.inquiry-form-actions #saveBtn { background: #128c7e; color: #fff; display: flex; align-items: center; gap: 24px; }
.inquiry-form-actions #saveBtn:hover { background: #106f64; }
.inquiry-form-actions #resetBtn { color: #65788a; background: #f2f5f8; }
.inquiry-form-actions button:disabled { opacity: .6; cursor: wait; }
.inquiry-form-actions button:focus-visible, .inquiry-shell a:focus-visible { outline: 3px solid #80cabb; outline-offset: 3px; }
.inquiry-form-note { font-size: 12px; color: #7a8997; line-height: 1.7; margin-top: 18px; }
.inquiry-shell .inquiry-form-note a { color: #128c7e; }
.inquiry-status { margin-top: 22px; padding: 14px; font-size: 14px; line-height: 1.6; border-radius: 8px; background: #eef8f2; color: #166342; }
.inquiry-status[data-state="error"] { color: #a53d33; background: #fff2ef; }
.inquiry-page .footer { height: auto; min-height: 80px; }
.inquiry-page .footer-con { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 20px 32px; }
.inquiry-page .footer-con h1, .inquiry-page .footer-con .foot { float: none; margin: 0; padding: 0; }
.inquiry-page .footer-con .foot { min-width: 0; max-width: 100%; }
/* 小屏保留完整联系入口与表单，取消两列字段布局，避免横向滚动。 */
@media (max-width: 850px) {
    .inquiry-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .inquiry-aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .inquiry-contact-card { grid-row: span 2; }
    .inquiry-guide, .inquiry-categories { padding-top: 0; }
}
@media (max-width: 560px) {
    .inquiry-page .inquiry-shell { padding: 32px 20px 40px; }
    .inquiry-aside, .inquiry-fields { grid-template-columns: minmax(0, 1fr); }
    .inquiry-heading { margin-bottom: 24px; }
    .inquiry-form-card, .inquiry-contact-card { padding: 24px; }
    .inquiry-form-heading h2 { font-size: 21px; }
    .inquiry-page .footer-con { padding: 20px; }
}