/* ============================================================
   ZAMYU AUTO · 无障碍修复样式  v20261101a
   ------------------------------------------------------------
   单独成文件，避免改动 style.css / mobile.css 的既有级联。
   必须在 </head> 之前引入（本补丁已自动插入），以保证覆盖顺序。
   色值均按 WCAG 2.1 AA（4.5:1）实测通过，背景取表单区实际底色 #f6f4ef。
   ============================================================ */

/* ---- 跳到主内容 ---- */
.skip-link{
  position:absolute; inset-inline-start:0; top:-56px; z-index:9999;
  background:#062750; color:#fff; padding:10px 18px; border-radius:0 0 8px 0;
  font-weight:700; font-size:14px; line-height:1.4; text-decoration:none;
  transition:top .18s ease;
}
.skip-link:focus{ top:0; outline:2px solid #ffce5c; outline-offset:2px; }
/* 6 语言文案同时存在，只显示与 <html lang> 匹配的那一条 */
.skip-link>span{ display:none; }
html[lang="en"] .skip-link [lang="en"],
html[lang="es"] .skip-link [lang="es"],
html[lang="fr"] .skip-link [lang="fr"],
html[lang="ru"] .skip-link [lang="ru"],
html[lang="zh"] .skip-link [lang="zh"],
html[lang="zh-Hans"] .skip-link [lang="zh"],
html[lang="ar"] .skip-link [lang="ar"]{ display:inline; }

/* ---- 主内容地标 ---- */
main{ display:block; }
main:focus{ outline:none; }

/* ---- 表单状态消息 ----
   原实现用内联 style.color：#ffcc63 / #aef0c6 / #ff8b8b，
   在 #f6f4ef 上实测分别为 1.36:1 / 1.19:1 / 2.25:1，远低于 AA 的 4.5:1。 */
.form-message{ min-height:1.2em; }
.form-message.is-warn{ color:#5a4508; }   /* 8.34:1 必填提示 */
.form-message.is-ok{   color:#0f5132; }   /* 8.52:1 提交成功 */
.form-message.is-err{  color:#b4231f; }   /* 5.97:1 提交失败 */

/* ---- 右上提示条 ----
   原 .toast.ok 背景 #10b981、.toast.err 背景 #e53935，白字对比 2.54:1 / 3.55:1。 */
.toast.ok{ background:#0f5132; }
.toast.err{ background:#b4231f; }

/* ---- 统一可见焦点 ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid #0b5cab;
  outline-offset:2px;
}

/* ------------------------------------------------------------
   覆盖 responsive-fix.css 里针对 <main> 的宽度规则（2026-11-01 补）
   ------------------------------------------------------------
   responsive-fix.css 原本用 `html main` 给 regulation 页的内容容器定宽度：
     · @media(max-width:900px)  -> width: calc(100% - 2*clamp(14px,4vw,28px))
     · @media(min-width:2200px) -> width: min(1700px,92%)
   那是针对「regMain 这种窄内容容器」的。

   现在全站把 <main> 当作「整页主内容包裹层」，若继续命中上述规则会出问题：
     · ≤900px  整页被缩进，右侧出现留白，hero 比 header 窄
     · ≥2200px 整页被截到 1700px 且左对齐，与居中的 .container 错位
   用 id 选择器提权，把包裹层恢复成应有的全宽。regulation 的 #regMain 不受影响。
   页面内其它容器（.page / .dealer-page / .cta-section 等）规则保持原样。
   ------------------------------------------------------------ */
html main#main{
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}