/**
* page-contact.css — Contact页专属组件（只在 /contact/ 页加载）
* 2026-09-17 新增：把设计稿"Contact Us v2"（左侧价值主张+信任背书，右侧报价表单）
* 落地成真实模板对应的样式。
*
* 跟设计稿相比去掉的部分：
* - 文件上传区（.upload-zone）：设计稿里是纯装饰，没有真实的，
* 而且后端 contact-form-handler.php 目前完全不支持处理文件上传（wp_mail()不会附带
* 前端提交的文件，需要额外写文件接收/存储/邮件附件逻辑）。为了不再重演"产品页假表单"
* 那种"看起来能用但实际是假的"问题，这次先不把这个区块做上去，等确认要不要做真的
* 文件上传功能再补。
* - 假的Trustpilot评分：换成了真实联系方式（见下面 .contact-strip）
*/
/* align-items:center —— 左栏文字比右栏表单短很多，原来顶对齐会在左下角留一大片空白；
现在左栏相对表单垂直居中（2026-09-18 按用户反馈改）。 */
.quote-split { display:grid; grid-template-columns:1fr 1.15fr; gap:64px; align-items:center; }
.contact-quote-section { margin-top:68px; } /* 固定定位的.site-header高68px，内页没有面包屑铺垫的情况下要手动留这个间距，不然内容开头会被头部盖住 */
/* 左列：价值主张 */
.quote-left h1 { font-size:34px; font-weight:800; line-height:1.2; margin-bottom:24px; }
.value-prop-list { list-style:none; margin-bottom:32px; }
.value-prop-list li { display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:16px; }
.value-prop-list li svg { flex-shrink:0; width:18px; height:18px; color:var(--orange-deep); margin-top:2px; }
/* 联系方式条（替代原设计稿里的CE/RoHS/REACH认证图标 + 假Trustpilot评分） */
.contact-strip { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid var(--line); }
.cs-item { display:flex; align-items:center; gap:12px; }
.cs-icon { flex-shrink:0; width:40px; height:40px; border-radius:10px; background:var(--orange-tint); color:var(--orange-deep); display:flex; align-items:center; justify-content:center; }
.cs-icon svg { width:18px; height:18px; }
.cs-text { display:flex; flex-direction:column; line-height:1.35; }
.cs-text strong { font-size:11px; font-weight:700; color:var(--slate); text-transform:uppercase; letter-spacing:.04em; }
.cs-text span { font-size:13.5px; font-weight:600; color:var(--ink); }
.cs-item a.cs-text-link { text-decoration:none; }
.cs-item a.cs-text-link:hover .cs-text span { color:var(--orange-deep); }
.trust-block h3 { font-family:var(--font-d); font-size:19px; font-weight:800; margin-bottom:10px; }
.trust-block p { font-size:13.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:14px; }
.trust-block .trust-sign { font-size:14px; font-weight:700; color:var(--ink); }
.trust-block .trust-tagline { font-size:12.5px; color:var(--slate); font-style:italic; margin-top:4px; }
/* 右列：报价表单卡片 */
.quote-form-card { background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:36px; box-shadow:0 4px 20px rgba(20,24,31,.04); }
.quote-form-card .form-header { text-align:left; margin-bottom:28px; }
.quote-form-card .form-header h2 { font-size:24px; font-weight:800; margin-bottom:8px; }
/* 服务类型选择格(radio卡片) */
.service-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:22px; }
.service-option { display:flex; align-items:center; gap:10px; border:1.5px solid var(--line); border-radius:var(--rs); padding:12px 14px; cursor:pointer; transition:border-color .15s, background .15s; }
.service-option:hover { border-color:var(--orange); background:var(--orange-sub); }
.service-option input[type="radio"] { width:16px; height:16px; accent-color:var(--orange); flex-shrink:0; }
.service-option span { font-size:13px; font-weight:600; color:var(--ink-soft); }
.service-option:has(input:checked) { border-color:var(--orange); background:var(--orange-sub); }
.service-option:has(input:checked) span { color:var(--ink); }
@media(max-width:1000px){
.quote-split { grid-template-columns:1fr; gap:36px; }
}
@media(max-width:640px){
.quote-left h1 { font-size:26px; }
.quote-form-card { padding:24px 20px; }
.service-grid { grid-template-columns:1fr; }
.contact-strip { gap:16px 22px; }
.cs-icon { width:36px; height:36px; }
}
/* ── 文件上传区（2026-09-18：从纯装饰改成真的能传） ──
设计稿里原本只是一个 div（没有 ，后端也不接收文件），
现在改成