/* 服务支持 /support/ 与五个子页（第三轮 U4c：按效果图 website-global/design-v3/prototype/support.html、support-sub.html、support.css，SUPPORT_LAYOUT.md）。
   渲染在 inc/support.php（首页与统一收尾、常见问题页）与 inc/service-pages.php（子页统一版式、查验、说明书、经销商、保修与咨询）；区块渲染时按句柄 vz-support 加载，在 v3.css 之后。
   颜色只用令牌；思源黑体（--vz-font-family-heading）只给 700 字重的标题。品牌红只做点缀：图标线条、当前项方点、工具框顶线、需要处理的结果、步骤号、链接箭头。
   桌面先写（与效果图同）；767 以下手机单独排版（侧栏变页眉下吸顶横滑分段、五项服务为列表行、表格逐行竖排）。点击区不小于 44。 */

.vz-sp {
	--sp-ink: var(--vz-color-text-primary);
	--sp-ink-2: var(--vz-v3-ink-2);
	--sp-muted: var(--vz-color-text-muted);
	--sp-line: var(--vz-color-border-default);
	--sp-subtle: var(--vz-color-surface-subtle);
	--sp-paper: var(--vz-color-surface-page);
	--sp-raised: var(--vz-color-surface-raised);
	--sp-red: var(--vz-color-brand-red);
	--sp-hit: var(--vz-color-state-error-bg);
	--sp-dark-line: var(--vz-color-neutral-800);
	--sp-on-dark: var(--vz-color-text-inverse);
	--sp-on-dark-2: var(--vz-color-neutral-400);
	--sp-gutter: var(--vz-layout-margin);
	--sp-latin: var(--vz-font-family-latin);
	--sp-head: var(--vz-font-family-heading);
	--sp-hdr: var(--vz-v3-hdr);
}
/* 吸顶区让位：html 的 scroll-padding-top 同时管锚点落点、scrollIntoView 与键盘焦点（Shift+Tab 时焦点不落在吸顶页头下；同 about.css）。
   吸顶区 = 页头（含 1px 底线）；767 以下子页再加吸顶分段条（10 + 44 + 10 + 1 = 65）。块上不再另写 scroll-margin-top，免得叠加。 */
html:has(.vz-sp) { scroll-padding-top: calc(var(--vz-v3-hdr) + 1px + 8px); }
@media (max-width: 767px) { html:has(.vz-sp .sp-nav) { scroll-padding-top: calc(var(--vz-v3-hdr) + 1px + 65px + 8px); } }
:where(.vz-sp) :where(p, h1, h2, h3, h4, ul, ol, dl, dd, figure) { margin: 0; }
:where(.vz-sp) :where(ul[role="list"], ol[role="list"]) { list-style: none; padding: 0; }
:where(.vz-sp) a { color: inherit; text-decoration: none; }
.vz-sp [hidden] { display: none !important; }
.sp-hero__grid > *, .sp-main > *, .sp-faqprev > *, .sp-wband__in > *, .sp-end__in > *, .sp-mser > *, .sp-split > * { min-width: 0; }
/* 插件蜜罐（veazen_form_fields）：主题自己排版的查验框里也要移出视口（插件样式只在短代码输出时加载） */
.vz-sp .veazen-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---------- 通用小件 ---------- */
.sp-date { font-family: var(--sp-latin); font-size: 13px; font-variant-numeric: tabular-nums; letter-spacing: .02em; color: var(--sp-muted); white-space: nowrap; }
.sp-num { font-family: var(--sp-latin); font-variant-numeric: tabular-nums; }
.vz-sp .sp-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; font-weight: 500; color: var(--sp-ink); text-decoration: none; }
.sp-more::after { content: "→"; color: var(--sp-red); }
.sp-note { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sp-muted); }
.sp-zh { margin-left: 6px; font-size: 12px; font-weight: 400; color: var(--sp-muted); white-space: nowrap; }
.sp-actions { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
.vz-sp .sp-tag { display: inline-block; font-size: 12px; letter-spacing: .06em; line-height: 1.6; padding: 2px 10px; border: 1px solid var(--sp-line); color: var(--sp-ink-2); white-space: nowrap; }
.sp-cache { margin-top: 16px; font-size: 13px; color: var(--sp-muted); }

/* 面包屑 */
.sp-crumb { padding-top: 12px; padding-bottom: 12px; font-size: 13px; color: var(--sp-muted); }
.sp-crumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; margin: 0; padding: 0; }
.sp-crumb li { display: flex; align-items: center; }
.sp-crumb li + li::before { content: "/"; margin-right: 8px; color: var(--sp-line); }
.sp-crumb a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.sp-crumb li:first-child a { justify-content: flex-start; }
.sp-crumb [aria-current] { color: var(--sp-ink); }

/* 查询框：标签 + 白框 + 深色按钮同行（全站同一种查询表单） */
.sp-field { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; } /* 输入框的默认宽度不撑宽栏（窄屏与平板两栏） */
.sp-field > label { font-size: 14px; font-weight: 600; letter-spacing: .02em; }
.sp-row { display: flex; }
.vz-sp .sp-input { flex: 1; min-width: 0; height: 52px; margin: 0; padding: 0 16px; border: 1px solid var(--sp-ink); border-right: 0; border-radius: 0; background: var(--sp-paper); font: inherit; font-size: 16px; color: var(--sp-ink); }
.vz-sp .sp-input:focus { outline: 2px solid var(--sp-red); outline-offset: -2px; }
.sp-row .vz-btn { flex: none; min-height: 52px; padding: 0 26px; font-family: inherit; }
.sp-help { margin: 0; font-size: 13px; line-height: 1.7; color: var(--sp-muted); }
.sp-count { margin: 0; min-height: 22px; font-size: 13px; color: var(--sp-ink-2); }
.sp-count b { font-family: var(--sp-latin); }

/* 标签片（带数量） */
.sp-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.vz-sp .sp-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid var(--sp-line); border-radius: 0; background: var(--sp-paper); font: inherit; font-size: 14px; color: var(--sp-ink); text-decoration: none; cursor: pointer; }
.vz-sp .sp-chip.on { background: var(--sp-ink); border-color: var(--sp-ink); color: var(--sp-paper); }
.sp-chip small { font-family: var(--sp-latin); font-size: 12px; color: var(--sp-muted); }
.sp-chip.on small { color: var(--sp-on-dark-2); }
.vz-sp .sp-chip[disabled] { cursor: default; color: var(--sp-muted); }
.vz-sp .sp-chip.is-zero { border-color: var(--sp-line); background: var(--sp-paper); }

/* 空状态 */
.sp-empty { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; padding: 32px; background: var(--sp-subtle); }
.sp-empty svg { color: var(--sp-muted); }
.sp-empty__t { margin: 0 0 6px; font-family: var(--sp-head); font-size: 19px; font-weight: 700; color: var(--sp-ink); }
.sp-empty p { margin: 0; font-size: 15px; color: var(--sp-ink-2); }
.sp-empty p.sp-empty__t { color: var(--sp-ink); }
.sp-empty .sp-actions { margin-top: 12px; gap: 4px 24px; }

/* =================== 服务支持首页 =================== */

/* 1 首屏：左标题与一句，右快速查验 */
.sp-hero { padding: 72px 0 80px; }
.sp-hero__grid { display: grid; grid-template-columns: 7fr 5fr; gap: 96px; align-items: end; }
.sp-hero__text { display: grid; gap: 22px; }
.sp-hero__text .vz-t-body-lg { max-width: 26em; color: var(--sp-muted); }
.sp-tool { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 32px; background: var(--sp-subtle); border-top: 2px solid var(--sp-red); }
.sp-tool__k { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 12px; margin: 0; } /* 英文标题加 仅中文 较长：放不下时 结果怎么看 换到下一行，不撑宽查验框 */
.sp-tool__k b { font-family: var(--sp-head); font-size: 19px; font-weight: 700; }
.sp-tool__k a { flex: none; }

/* 2 五项服务（紧接首屏，不留上边距，同效果图） */
.vz-v3-sec.sp-services { padding-top: 0; }
.sp-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--sp-ink); }
.sp-tile { display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; height: 100%; padding: 32px 24px 24px 0; border-bottom: 1px solid var(--sp-line); }
.sp-tiles > li + li .sp-tile { padding-left: 24px; border-left: 1px solid var(--sp-line); }
.sp-tile__top { display: flex; justify-content: space-between; align-items: center; }
.sp-tile__top svg { color: var(--sp-red); }
.sp-tile__top span { font-family: var(--sp-latin); font-size: 13px; color: var(--sp-muted); }
.sp-tile__t { margin: 0; font-family: var(--sp-head); font-size: 21px; font-weight: 700; line-height: 1.4; }
.sp-tile__d { margin: 0; font-size: 14px; line-height: 1.7; color: var(--sp-muted); }
.sp-tile__s { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 36px; padding-top: 14px; border-top: 1px solid var(--sp-line); font-size: 13px; color: var(--sp-ink-2); }
a.sp-tile .sp-tile__s::after { content: "→"; color: var(--sp-red); font-size: 16px; }
a.sp-tile:hover .sp-tile__t { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.sp-tile.is-off .sp-tile__top svg { color: var(--sp-muted); }
.sp-state-dot { display: inline-flex; align-items: center; gap: 8px; }
.sp-state-dot::before { content: ""; flex: none; width: 6px; height: 6px; background: var(--sp-ink); }
.sp-state-dot.is-wait::before { background: transparent; border: 1px solid var(--sp-muted); }

/* 3 常见问题预览 */
.sp-faqprev { display: grid; grid-template-columns: 4fr 8fr; gap: 72px; align-items: start; }
.sp-faqprev__side { display: grid; gap: 28px; }
.sp-cats { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sp-line); }
.sp-cats a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding: 0; border-bottom: 1px solid var(--sp-line); font-size: 15px; }
.sp-cats a small { margin-left: auto; font-family: var(--sp-latin); font-size: 13px; color: var(--sp-muted); }
.sp-cats a::after { content: "→"; color: var(--sp-red); margin-left: 12px; }
.sp-qlist { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--sp-ink); background: var(--sp-paper); }
.sp-qlist a { display: grid; grid-template-columns: 112px minmax(0, 1fr) 20px; gap: 20px; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--sp-line); }
.sp-qlist--plain a { grid-template-columns: minmax(0, 1fr) 20px; }
.sp-qlist a::after { content: "→"; color: var(--sp-red); }
.sp-qlist .sp-tag { justify-self: start; }
.sp-qlist b { font-weight: 500; font-size: 16px; }
.sp-qlist__foot { display: flex; justify-content: flex-start; align-items: center; gap: 16px 32px; margin-top: 12px; }
.sp-qlist__foot .sp-more { flex: none; white-space: nowrap; }

/* 4 十年质保段（深色） */
.sp-wband .vz-eyebrow { color: var(--sp-on-dark); }
.sp-wband__in { display: grid; grid-template-columns: 4fr 8fr; gap: 72px; align-items: start; }
.sp-wband__big { display: grid; gap: 14px; }
.sp-wband__big .sp-wnum { display: flex; align-items: baseline; gap: 8px; margin: 0; font-family: var(--sp-latin); font-size: inherit; font-weight: 600; line-height: 1; color: inherit; }
.sp-wnum b { font-size: 112px; letter-spacing: -.04em; }
.sp-wnum span { font-family: var(--sp-head); font-size: 28px; font-weight: 700; }
.sp-wband__big .vz-t-body { color: var(--sp-on-dark-2); }
.sp-wfacts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--sp-dark-line); }
.sp-wfacts > div { display: grid; align-content: start; gap: 10px; padding: 28px 24px 28px 0; }
.sp-wfacts > div + div { padding-left: 24px; border-left: 1px solid var(--sp-dark-line); }
.sp-wfacts b { font-family: var(--sp-latin); font-size: 13px; letter-spacing: .1em; color: var(--sp-on-dark-2); }
.sp-wfacts .k { font-family: var(--sp-head); font-size: 19px; font-weight: 700; }
.sp-wfacts .v { font-size: 14px; line-height: 1.7; color: var(--sp-on-dark-2); }
.sp-wband .sp-actions { margin-top: 32px; }
.vz-sp .sp-wband .sp-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border: 1px solid var(--sp-on-dark); color: var(--sp-on-dark); font-size: 15px; font-weight: 500; letter-spacing: .04em; text-decoration: none; }
.vz-sp .sp-wband .sp-ghost:hover { background: var(--sp-on-dark); color: var(--sp-ink); }
.vz-sp .sp-wband .vz-v3-link { color: var(--sp-on-dark); }
.sp-wband :focus-visible { outline-color: var(--vz-color-focus-on-dark); }

/* 5 服务相关公告 */
.sp-notices { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sp-line); }
.sp-notices a { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--sp-line); }
.sp-notices b { font-weight: 500; }
.sp-notices span:last-child { font-size: 13px; color: var(--sp-muted); }
.sp-notices a:hover b { text-decoration: underline; text-underline-offset: 4px; }

/* 收尾：问题仍未解决 → 联系方式（首页与五个子页同一块） */
.sp-end { background: var(--sp-subtle); padding: 88px 0; }
.sp-end__in { display: grid; grid-template-columns: 5fr 7fr; gap: 72px; align-items: center; }
.sp-end__text { display: grid; gap: 18px; }
.sp-end__text .vz-t-body { color: var(--sp-ink-2); max-width: 30em; }
.sp-end__ways { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sp-way { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 16px; align-items: center; padding: 24px; background: var(--sp-paper); border: 1px solid var(--sp-line); }
.sp-way:hover { border-color: var(--sp-ink); }
.sp-way svg { grid-row: span 2; color: var(--sp-red); }
.sp-way small { font-size: 13px; color: var(--sp-muted); }
.sp-way b { font-family: var(--sp-latin); font-size: 21px; font-weight: 600; letter-spacing: .01em; overflow-wrap: anywhere; }
.sp-way:only-of-type { grid-column: 1 / -1; }
.sp-end__ask { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0; padding: 16px 20px; background: var(--sp-paper); border-left: 2px solid var(--sp-red); font-size: 15px; }
.sp-end__ask small { font-size: 13px; color: var(--sp-muted); }
.sp-end__meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 4px 0 0; font-size: 13px; color: var(--sp-muted); }

/* =================== 子页统一版式 =================== */
.sp-main { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 72px; align-items: start; padding-bottom: 112px; }

/* 侧栏：五项服务 + 联系方式 */
.sp-nav { position: sticky; top: calc(var(--sp-hdr) + 24px); display: grid; gap: 28px; }
.vz-sp .sp-nav__hub { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; font-weight: 600; letter-spacing: .12em; color: var(--sp-red); }
.sp-nav__hub::before { content: ""; width: 24px; height: 2px; background: var(--sp-red); }
.sp-nav ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--sp-ink); }
.sp-nav__a { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 0; border: 0; border-bottom: 1px solid var(--sp-line); background: none; font: inherit; font-size: 15px; color: var(--sp-ink-2); text-align: left; }
.sp-nav__a svg { flex: none; color: var(--sp-muted); }
.sp-nav__a small { margin-left: auto; font-family: var(--sp-latin); font-size: 12px; color: var(--sp-muted); }
.sp-nav__a:hover { color: var(--sp-ink); }
.vz-sp .sp-nav__a.is-on { color: var(--sp-ink); font-weight: 600; }
.sp-nav__a.is-on svg { color: var(--sp-red); }
.sp-nav__a.is-on::after { content: ""; flex: none; width: 6px; height: 6px; margin-left: 10px; background: var(--sp-red); }
.sp-nav__a.is-off { color: var(--sp-muted); }
.sp-nav__contact { display: grid; gap: 12px; padding: 20px; background: var(--sp-subtle); font-size: 14px; }
.sp-nav__contact a { display: grid; gap: 2px; min-height: 44px; align-content: center; }
.sp-nav__contact a:hover b { text-decoration: underline; text-underline-offset: 4px; }
.sp-nav__contact small { font-size: 12px; color: var(--sp-muted); }
.sp-nav__contact b { font-family: var(--sp-latin); font-weight: 600; overflow-wrap: anywhere; }

/* 首屏（五个子页同一结构）：眉题、标题、一句、查询工具、数据来源行 */
.sp-head { display: grid; gap: 18px; padding: 8px 0 40px; border-bottom: 1px solid var(--sp-line); }
.vz-sp .sp-head .vz-t-h1 { font-size: 44px; line-height: 1.2; }
.sp-head .vz-t-body-lg { max-width: 34em; color: var(--sp-muted); font-size: 17px; }
.sp-head__tool { margin-top: 10px; max-width: 760px; }
.sp-src { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 13px; color: var(--sp-muted); }
.sp-src span { display: inline-flex; align-items: center; gap: 8px; }
.sp-src span::before { content: ""; width: 4px; height: 4px; background: var(--sp-line); }
.sp-src span:first-child::before { display: none; }
.sp-head__empty { display: grid; gap: 12px; margin-top: 10px; max-width: 860px; }
.sp-alt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sp-alt--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sp-alt a { display: grid; gap: 6px; padding: 22px; border: 1px solid var(--sp-line); background: var(--sp-paper); color: var(--sp-ink); text-decoration: none; }
.sp-alt a:hover { border-color: var(--sp-ink); }
.sp-alt b { font-family: var(--sp-head); font-size: 17px; font-weight: 700; }
.sp-alt span { font-size: 14px; color: var(--sp-muted); overflow-wrap: anywhere; }
.sp-nohit { display: grid; gap: 10px; padding: 24px 28px; margin-top: 32px; border-left: 3px solid var(--sp-red); background: var(--sp-subtle); }
.sp-nohit .sp-empty__t { margin: 0; }
.sp-nohit .sp-actions { gap: 4px 28px; }
.sp-sec__r { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 14px; }
.sp-sec__r .sp-kw b { font-family: var(--sp-head); font-weight: 700; }

.sp-sec { padding-top: 56px; }
.sp-sec__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; margin: 0 0 24px; padding-bottom: 14px; border-bottom: 2px solid var(--sp-ink); }
.sp-sec__h h2 { margin: 0; font-family: var(--sp-head); font-size: 23px; font-weight: 700; line-height: 1.4; }
.sp-sec__h h2 small { margin-left: 10px; font-family: var(--sp-latin); font-size: 14px; font-weight: 400; color: var(--sp-muted); }
.sp-sec__h p { margin: 0; font-size: 13px; color: var(--sp-muted); }

/* ---------- 序列号查验 ---------- */
.sp-result { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 20px; padding: 28px 32px; border: 1px solid var(--sp-line); border-left: 3px solid var(--sp-ink); }
.sp-result.is-warn { border-left-color: var(--sp-red); }
.sp-result > svg { color: var(--sp-ink); }
.sp-result.is-warn > svg { color: var(--sp-red); }
.sp-result h2 { margin: 0 0 8px; font-family: var(--sp-head); font-size: 21px; font-weight: 700; line-height: 1.45; }
.sp-result > div > p { margin: 0; font-size: 15px; color: var(--sp-ink-2); }
.sp-result .sp-result__as { margin-top: 6px; font-size: 13px; color: var(--sp-muted); }
.sp-kv { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 20px 0 0; border-top: 1px solid var(--sp-line); }
.sp-kv > div { padding: 14px 16px 0 0; }
.sp-kv > div + div { padding-left: 16px; border-left: 1px solid var(--sp-line); }
.sp-kv dt { font-size: 12px; color: var(--sp-muted); }
.sp-kv dd { margin: 4px 0 0; font-family: var(--sp-latin); font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.sp-next { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--sp-line); }
.sp-next h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.sp-next ol { margin: 0; padding-left: 20px; font-size: 15px; color: var(--sp-ink-2); display: grid; gap: 4px; }
.sp-next ol a { margin-left: 8px; color: var(--sp-ink); text-decoration: none; border-bottom: 1px solid currentColor; }

.sp-states { width: 100%; border-collapse: collapse; font-size: 15px; }
.sp-states th { padding: 0 20px 12px 0; border-bottom: 1px solid var(--sp-ink); font-size: 13px; font-weight: 500; color: var(--sp-muted); text-align: left; }
.sp-states td { padding: 16px 20px 16px 0; border-bottom: 1px solid var(--sp-line); vertical-align: top; color: var(--sp-ink-2); }
.sp-states td:first-child { width: 200px; color: var(--sp-ink); font-weight: 600; white-space: nowrap; }
.sp-states td:first-child i { display: inline-block; width: 8px; height: 8px; margin-right: 10px; vertical-align: 1px; background: var(--sp-ink); }
.sp-states td:first-child i.r { background: var(--sp-red); }
.sp-states td:first-child i.o { background: transparent; border: 1px solid var(--sp-muted); }

.sp-rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--sp-line); }
.sp-rows a { display: grid; grid-template-columns: 120px minmax(0, 1fr) 20px; gap: 20px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--sp-line); }
.sp-rows a::after { content: "→"; color: var(--sp-red); }
.sp-rows b { font-weight: 500; }

/* ---------- 说明书下载：品类 → 系列 → 型号 → 版本 ---------- */
.sp-mfam + .sp-mfam { margin-top: 48px; }
.sp-mfam__h { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; min-height: 44px; margin: 0 0 4px; padding-bottom: 12px; border-bottom: 2px solid var(--sp-ink); list-style: none; cursor: pointer; }
.sp-mfam__h::-webkit-details-marker { display: none; }
.sp-mfam__h::after { content: "−"; font-size: 22px; font-weight: 300; line-height: 1; color: var(--sp-red); }
.sp-mfam:not([open]) .sp-mfam__h { border-bottom-width: 1px; border-bottom-color: var(--sp-line); }
.sp-mfam:not([open]) .sp-mfam__h::after { content: "+"; color: var(--sp-muted); }
.sp-mfam__h h3 { margin: 0; font-family: var(--sp-head); font-size: 21px; font-weight: 700; }
.sp-mfam__h h3 small { margin-left: 10px; font-family: var(--sp-latin); font-size: 13px; font-weight: 400; color: var(--sp-muted); }
.sp-mfam__foot { margin: 0; padding: 14px 0 0; text-align: right; }
.sp-mser { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--sp-line); }
.sp-mser__name { display: grid; align-content: start; gap: 6px; }
.sp-mser__name b { font-family: var(--sp-head); font-size: 17px; font-weight: 700; }
.sp-mser__name a { justify-self: start; font-size: 13px; }
.sp-mser.is-hit, .sp-mser:target { background: linear-gradient(90deg, var(--sp-hit), transparent 60%); }
.sp-mrows { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.sp-mrow { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) 96px; gap: 16px; align-items: center; min-height: 44px; font-size: 14px; color: var(--sp-ink-2); }
.sp-mrow + .sp-mrow { border-top: 1px dashed var(--sp-line); }
.sp-mrow.is-hit { background: var(--sp-hit); }
.sp-mrow > span:first-child { font-family: var(--sp-latin); font-weight: 600; color: var(--sp-ink); overflow-wrap: anywhere; }
.vz-sp .sp-mrow__dl { justify-self: end; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 500; color: var(--sp-ink); text-decoration: none; }
.sp-mrow__dl::after { content: "↓"; color: var(--sp-red); }
.sp-mnone { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 20px; padding: 12px 0; border-bottom: 1px solid var(--sp-line); font-size: 14px; color: var(--sp-muted); }
.sp-mnone b { color: var(--sp-ink); }

/* ---------- 经销商查询 ---------- */
.sp-dealers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.sp-dealer { display: grid; align-content: start; gap: 10px; padding: 22px; border: 1px solid var(--sp-line); }
.sp-dealer .sp-tag { justify-self: start; }
.sp-dealer h4 { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.5; }
.sp-dealer p { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--sp-muted); }
.sp-dealer p svg { flex: none; color: var(--sp-red); }
.sp-dealer p a { display: inline-flex; align-items: center; min-height: 44px; color: var(--sp-ink); font-family: var(--sp-latin); }
.sp-prov + .sp-prov { margin-top: 32px; }
.sp-prov h3 { margin: 0 0 14px; font-size: 15px; font-weight: 600; }
.sp-prov h3 small { margin-left: 8px; font-family: var(--sp-latin); font-weight: 400; color: var(--sp-muted); }

/* ---------- 常见问题 ---------- */
.sp-fgrp + .sp-fgrp { margin-top: 48px; }
.sp-fgrp__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; padding-bottom: 12px; border-bottom: 2px solid var(--sp-ink); }
.sp-fgrp__h h3 { margin: 0; font-family: var(--sp-head); font-size: 21px; font-weight: 700; }
.sp-fgrp__h h3 small { margin-left: 10px; font-family: var(--sp-latin); font-size: 13px; font-weight: 400; color: var(--sp-muted); }
.sp-q { border-bottom: 1px solid var(--sp-line); }
.sp-q summary { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 16px; align-items: center; min-height: 44px; padding: 20px 0; font-size: 17px; font-weight: 500; cursor: pointer; }
.sp-q summary::-webkit-details-marker { display: none; }
.sp-q summary::after { content: "+"; justify-self: end; font-size: 22px; font-weight: 300; line-height: 1; color: var(--sp-muted); }
.sp-q[open] summary::after { content: "−"; color: var(--sp-red); }
.sp-q summary .sp-tag { margin-right: 12px; vertical-align: 2px; }
.sp-q__a { padding: 0 48px 24px 0; display: grid; gap: 14px; }
.sp-q__a p { margin: 0; font-size: 15px; line-height: 1.9; color: var(--sp-ink-2); }
.sp-q__rel { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; font-size: 13px; color: var(--sp-muted); }
.sp-q__rel a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: var(--sp-ink); text-decoration: none; }
.sp-q__rel a span { border-bottom: 1px solid var(--sp-line); }
.sp-q__meta { font-size: 12px; color: var(--sp-muted); }
.sp-q mark { background: var(--sp-hit); color: var(--sp-ink); padding: 0 1px; }
.sp-q__ex { display: block; margin-top: 6px; font-size: 14px; font-weight: 400; line-height: 1.7; color: var(--sp-muted); }
.sp-q[open] .sp-q__ex { display: none; }
.sp-flist { margin-top: 28px; }
.sp-flist[data-searching] .sp-fgrp + .sp-fgrp, .sp-flist--flat .sp-fgrp + .sp-fgrp { margin-top: 0; } /* 搜索结果与少于 6 条时是平铺列表，不分组 */
.sp-flist:not([data-searching]) .sp-q summary .sp-tag { display: none; } /* 品类标签只在搜索结果里出（平铺时标明品类）；分组与直接列出时不出（效果图 faq-all、faq-few） */
.sp-chips[hidden] + .sp-flist, .sp-sec__h + .sp-flist { margin-top: 0; }
.vz-sp .sp-linkbtn { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; font: inherit; font-size: 14px; color: var(--sp-ink); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.sp-fnone { padding: 28px 0; display: grid; gap: 12px; }
.sp-fnone a { color: var(--sp-ink); }

/* ---------- 保修与咨询 ---------- */
.sp-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 10px; max-width: 860px; }
.sp-quick a { display: grid; gap: 2px; padding: 18px 20px; background: var(--sp-subtle); border-top: 2px solid var(--sp-red); color: var(--sp-ink); text-decoration: none; }
.sp-quick small { font-size: 12px; color: var(--sp-muted); }
.sp-quick b { font-family: var(--sp-latin); font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
.sp-quick a.sp-quick__go b { font-family: inherit; }
.sp-wtable { width: 100%; border-collapse: collapse; font-size: 15px; }
.sp-wtable th { padding: 0 20px 12px 0; border-bottom: 1px solid var(--sp-ink); font-size: 13px; font-weight: 500; color: var(--sp-muted); text-align: left; }
.sp-wtable td { padding: 18px 20px 18px 0; border-bottom: 1px solid var(--sp-line); vertical-align: top; color: var(--sp-ink-2); line-height: 1.75; }
.sp-wtable td:first-child { width: 200px; color: var(--sp-ink); font-weight: 600; }
.sp-wtable td:nth-child(2) { width: 120px; white-space: nowrap; }
.sp-wtable .yrs { font-family: var(--sp-latin); font-size: 20px; font-weight: 600; color: var(--sp-ink); }
.sp-wtable .yrs.no { font-family: inherit; font-size: 15px; font-weight: 500; color: var(--sp-muted); }
.sp-scope { margin-top: 28px; padding: 24px; background: var(--sp-subtle); display: grid; gap: 16px; }
.sp-scope p { margin: 0; font-size: 15px; line-height: 1.85; color: var(--sp-ink-2); }
.sp-scope .sp-scope__k { font-size: 13px; color: var(--sp-muted); }
.sp-terms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--sp-line); }
.sp-terms > div { padding: 20px 20px 20px 0; border-bottom: 1px solid var(--sp-line); }
.sp-terms > div + div { padding-left: 20px; border-left: 1px solid var(--sp-line); }
.sp-terms dt { font-size: 13px; color: var(--sp-muted); }
.sp-terms dd { margin: 6px 0 0; font-size: 15px; line-height: 1.7; color: var(--sp-ink); }
.sp-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; counter-reset: s; border-top: 1px solid var(--sp-line); border-bottom: 1px solid var(--sp-line); }
.sp-steps li { display: grid; align-content: start; gap: 8px; padding: 24px 20px 24px 0; counter-increment: s; }
.sp-steps li + li { padding-left: 20px; border-left: 1px solid var(--sp-line); }
.sp-steps li::before { content: "0" counter(s); font-family: var(--sp-latin); font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--sp-red); }
.sp-steps b { font-family: var(--sp-head); font-size: 17px; font-weight: 700; }
.sp-steps p { margin: 0; font-size: 14px; line-height: 1.75; color: var(--sp-ink-2); }
.sp-steps a { color: var(--sp-ink); text-decoration: none; border-bottom: 1px solid currentColor; }
.sp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sp-card { padding: 24px; border: 1px solid var(--sp-line); display: grid; align-content: start; gap: 8px; }
.sp-card b { font-family: var(--sp-head); font-size: 17px; font-weight: 700; }
.sp-card p { margin: 0; font-size: 15px; line-height: 1.8; color: var(--sp-ink-2); }
.sp-card .k { font-size: 13px; color: var(--sp-muted); }
.sp-excl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.sp-excl li { padding: 18px; background: var(--sp-subtle); display: grid; gap: 6px; align-content: start; }
.sp-excl b { font-size: 15px; }
.sp-excl span { font-size: 13px; line-height: 1.7; color: var(--sp-muted); }
.sp-maillist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: m; border-top: 1px solid var(--sp-line); border-bottom: 1px solid var(--sp-line); }
.sp-maillist li { counter-increment: m; display: grid; gap: 6px; padding: 20px 20px 20px 0; font-size: 15px; color: var(--sp-ink); }
.sp-maillist li + li { padding-left: 20px; border-left: 1px solid var(--sp-line); }
.sp-maillist li::before { content: "0" counter(m); font-family: var(--sp-latin); font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--sp-red); }
.sp-fulltext { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; margin-top: 28px; padding: 16px 24px; background: var(--sp-subtle); border-left: 2px solid var(--sp-red); font-size: 14px; color: var(--sp-ink-2); }
.sp-varies { padding: 24px 28px; border-left: 3px solid var(--sp-red); background: var(--sp-subtle); font-size: 15px; color: var(--sp-ink-2); }

/* =================== 平板（768–1099）：收紧 =================== */
@media (min-width: 768px) and (max-width: 1099px) {
	.sp-hero__grid { gap: 48px; grid-template-columns: 1fr 1fr; }
	.sp-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sp-tiles > li:nth-child(4) .sp-tile { padding-left: 0; border-left: 0; }
	.sp-faqprev, .sp-wband__in { gap: 40px; }
	.sp-main { grid-template-columns: 200px minmax(0, 1fr); gap: 40px; }
	.sp-dealers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sp-excl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sp-steps, .sp-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sp-steps li:nth-child(3), .sp-terms > div:nth-child(3) { padding-left: 0; border-left: 0; }
	.sp-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sp-kv > div:nth-child(3) { padding-left: 0; border-left: 0; }
	.sp-mser { grid-template-columns: 1fr; gap: 10px; }
	.sp-wnum b { font-size: 88px; }
}

/* =================== 手机（390）：单独排版 =================== */
@media (max-width: 767px) {
	.sp-crumb { display: none; }
	.vz-sp .sp-input { height: 48px; font-size: 16px; }
	.sp-row .vz-btn { min-height: 48px; padding: 0 18px; }
	.sp-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--sp-gutter)); padding: 0 var(--sp-gutter) 2px; scrollbar-width: none; }
	.vz-sp .sp-chip { flex: none; }
	.sp-empty { grid-template-columns: 1fr; gap: 10px; padding: 20px; }
	.sp-empty .sp-actions { flex-direction: column; align-items: flex-start; }

	/* 首页首屏：标题在上，查验框通栏 */
	.sp-hero { padding: 28px 0 32px; }
	.sp-hero__grid { grid-template-columns: 1fr; gap: 24px; }
	.sp-hero__text { gap: 12px; }
	.sp-tool { padding: 20px; gap: 12px; margin: 0 calc(-1 * var(--sp-gutter)); }

	/* 五项服务：应用式列表行（图标 + 名称与状态 + 箭头） */
	.sp-tiles { grid-template-columns: 1fr; border-top: 1px solid var(--sp-line); }
	.sp-tile, .sp-tiles > li + li .sp-tile { grid-template-columns: 40px minmax(0, 1fr) 16px; grid-template-rows: auto auto; gap: 2px 14px; padding: 16px 0; border-left: 0; align-items: center; }
	.sp-tile__top { grid-row: span 2; }
	.sp-tile__top span { display: none; }
	.sp-tile__t { font-size: 17px; }
	.sp-tile__d { display: none; }
	.sp-tile__s { grid-column: 2; grid-row: 2; min-height: 0; padding: 0; border: 0; font-size: 13px; color: var(--sp-muted); }
	a.sp-tile .sp-tile__s::after { display: none; }
	a.sp-tile::after { content: "→"; grid-column: 3; grid-row: 1 / span 2; color: var(--sp-red); }
	.sp-tile.is-off .sp-tile__d { display: block; grid-column: 2; font-size: 13px; }

	.sp-faqprev { grid-template-columns: 1fr; gap: 24px; }
	.sp-faqprev__side { gap: 18px; }
	.sp-cats { display: flex; gap: 8px; overflow-x: auto; margin: 0 calc(-1 * var(--sp-gutter)); padding: 0 var(--sp-gutter); border: 0; scrollbar-width: none; }
	.sp-cats li { flex: none; }
	.sp-cats a { gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sp-line); background: var(--sp-paper); font-size: 13px; }
	.sp-cats a::after { display: none; }
	.sp-qlist a, .sp-qlist--plain a { grid-template-columns: minmax(0, 1fr) 16px; gap: 4px 12px; padding: 14px 16px; }
	.sp-qlist .sp-tag { grid-column: 1; font-size: 11px; padding: 1px 8px; }
	.sp-qlist b { grid-column: 1; font-size: 15px; }
	.sp-qlist a::after { grid-column: 2; grid-row: 1 / span 2; }

	.sp-wband__in { grid-template-columns: 1fr; gap: 20px; }
	.sp-wnum b { font-size: 72px; }
	.sp-wnum span { font-size: 22px; }
	.sp-wfacts { grid-template-columns: 1fr; }
	.sp-wfacts > div, .sp-wfacts > div + div { padding: 16px 0; border-left: 0; border-bottom: 1px solid var(--sp-dark-line); }
	.sp-wfacts .k { font-size: 16px; }
	.sp-wband .sp-actions { margin-top: 20px; }

	.sp-notices a { grid-template-columns: 1fr; gap: 2px; padding: 14px 0; }
	.sp-notices span:last-child { display: none; }

	.sp-end { padding: 40px 0 44px; }
	.sp-end__in { grid-template-columns: 1fr; gap: 20px; }
	.sp-end__text { gap: 10px; }
	.sp-end__ways { grid-template-columns: 1fr; gap: 10px; }
	.sp-way { padding: 16px; grid-template-columns: 36px minmax(0, 1fr); }
	.sp-way b { font-size: 18px; }
	.sp-end__meta { flex-direction: column; gap: 4px; }

	/* 子页：侧栏变为页眉下吸顶横滑分段 */
	.sp-main { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 56px; }
	.sp-nav { position: sticky; top: var(--sp-hdr); z-index: 6; gap: 0; margin: 0 calc(-1 * var(--sp-gutter)); padding: 10px var(--sp-gutter); background: var(--sp-paper); border-bottom: 1px solid var(--sp-line); }
	.vz-sp .sp-nav__hub, .sp-nav__contact { display: none; }
	.sp-nav ul { display: flex; gap: 8px; overflow-x: auto; border: 0; scrollbar-width: none; }
	.sp-nav li { flex: none; }
	.sp-nav__a { gap: 6px; min-height: 44px; padding: 0 14px; border: 1px solid var(--sp-line); font-size: 14px; white-space: nowrap; }
	.sp-nav__a svg { display: none; }
	.sp-nav__a small { margin-left: 2px; }
	.vz-sp .sp-nav__a.is-on { background: var(--sp-ink); border-color: var(--sp-ink); color: var(--sp-paper); }
	.sp-nav__a.is-on::after { display: none; }
	.sp-nav__a.is-on small { color: var(--sp-on-dark-2); margin-left: 2px; }

	.sp-head { gap: 12px; padding: 24px 0 28px; }
	.vz-sp .sp-head .vz-t-h1 { font-size: 28px; }
	.sp-head .vz-t-body-lg { font-size: 14px; }
	.sp-head__tool { margin-top: 4px; }
	.sp-head__tool .sp-row { flex-direction: column; gap: 10px; }
	.vz-sp .sp-head__tool .sp-input { flex: none; width: 100%; border-right: 1px solid var(--sp-ink); }
	.sp-head__tool .sp-row .vz-btn { width: 100%; }
	.sp-src { font-size: 12px; }
	.sp-sec { padding-top: 36px; }
	.sp-sec__h { margin-bottom: 16px; padding-bottom: 10px; }
	.sp-sec__h h2 { font-size: 19px; }

	.sp-result { grid-template-columns: 1fr; gap: 10px; padding: 20px; }
	.sp-result > svg { width: 32px; height: 32px; }
	.sp-result h2 { font-size: 18px; }
	.sp-kv { grid-template-columns: 1fr 1fr; }
	.sp-kv > div, .sp-kv > div + div { padding: 12px 0 0; border-left: 0; }
	.sp-states, .sp-states tbody, .sp-states tr, .sp-states td { display: block; width: 100%; }
	.sp-states thead { display: none; }
	.sp-states tr { padding: 14px 0; border-bottom: 1px solid var(--sp-line); }
	.sp-states td { padding: 2px 0; border: 0; font-size: 14px; }
	.sp-states td:first-child { width: auto; font-size: 15px; margin-bottom: 4px; white-space: normal; }
	.sp-states td:nth-child(2) { color: var(--sp-muted); }
	.sp-states td:nth-child(3) { margin-top: 8px; padding: 2px 0 2px 12px; border-left: 2px solid var(--sp-red); color: var(--sp-ink); }
	.sp-states td:nth-child(3)::before { content: attr(data-k); display: block; margin-bottom: 2px; font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--sp-red); }
	.sp-rows a { grid-template-columns: minmax(0, 1fr) 16px; gap: 2px 12px; padding: 14px 0; }
	.sp-rows a::after { grid-column: 2; grid-row: 1 / span 2; }
	.sp-rows .sp-date { font-size: 12px; }

	.sp-mfam + .sp-mfam { margin-top: 0; }
	.sp-mfam__h { padding: 16px 0 12px; }
	.sp-mfam[open] { padding-bottom: 20px; }
	.sp-mfam__foot { text-align: left; }
	.sp-mser { grid-template-columns: 1fr; gap: 10px; padding: 16px 0; }
	.sp-mser__name { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; }
	.sp-mrow { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 0; }
	.sp-mrow > :nth-child(2), .sp-mrow > :nth-child(3) { grid-column: 1; font-size: 13px; }
	.sp-mrow__dl { grid-column: 2; grid-row: 1 / span 3; }

	.sp-dealers { grid-template-columns: 1fr; gap: 10px; }
	.sp-dealer { padding: 16px; }
	.sp-alt, .sp-alt--3 { grid-template-columns: 1fr; gap: 10px; }
	.sp-nohit { padding: 18px; margin-top: 24px; }
	.sp-sec__r { font-size: 13px; }
	.sp-alt a { padding: 16px; }

	.sp-q summary { font-size: 15px; padding: 16px 0; gap: 12px; }
	.sp-q summary .sp-tag { display: block; width: max-content; margin: 0 0 6px; }
	.sp-q__a { padding: 0 0 18px; }
	.sp-q__a p { font-size: 14px; }
	.sp-q__ex { font-size: 13px; }
	.sp-fgrp + .sp-fgrp { margin-top: 32px; }
	.sp-fgrp__h h3 { font-size: 18px; }

	.sp-quick { grid-template-columns: 1fr; gap: 8px; }
	.sp-quick a { padding: 14px 16px; }
	.sp-wtable, .sp-wtable tbody, .sp-wtable tr, .sp-wtable td { display: block; width: 100%; }
	.sp-wtable thead { display: none; }
	.sp-wtable tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 16px 0; border-bottom: 1px solid var(--sp-line); }
	.sp-wtable td { padding: 0; border: 0; font-size: 14px; }
	.sp-wtable td:first-child { width: auto; font-size: 15px; }
	.sp-wtable td:nth-child(2) { width: auto; grid-column: 2; grid-row: 1; text-align: right; }
	.sp-wtable td:nth-child(3) { grid-column: 1 / -1; }
	.sp-wtable .yrs { font-size: 17px; }
	.sp-scope { padding: 18px; margin: 20px calc(-1 * var(--sp-gutter)) 0; }
	.sp-scope .sp-chips { margin: 0 -18px; padding: 0 18px 2px; }
	.sp-terms { grid-template-columns: 1fr 1fr; }
	.sp-terms > div, .sp-terms > div + div { padding: 14px 12px 14px 0; border-left: 0; }
	.sp-terms > div:nth-child(even) { padding-left: 12px; border-left: 1px solid var(--sp-line); }
	.sp-terms dd { font-size: 14px; }
	.sp-steps { grid-template-columns: 1fr; border-bottom: 0; }
	.sp-steps li, .sp-steps li + li { grid-template-columns: 32px minmax(0, 1fr); gap: 2px 12px; padding: 16px 0; border-left: 0; border-bottom: 1px solid var(--sp-line); }
	.sp-steps li::before { grid-row: span 2; }
	.sp-split { grid-template-columns: 1fr; gap: 10px; }
	.sp-card { padding: 18px; }
	.sp-card p { font-size: 14px; }
	.sp-excl { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--sp-line); }
	.sp-excl li { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 14px 0; background: none; border-bottom: 1px solid var(--sp-line); }
	.sp-maillist { grid-template-columns: 1fr; }
	.sp-maillist li, .sp-maillist li + li { grid-template-columns: 32px minmax(0, 1fr); align-items: baseline; padding: 14px 0; border-left: 0; }
	.sp-maillist li + li { border-top: 1px solid var(--sp-line); }
	.sp-fulltext { flex-direction: column; align-items: flex-start; padding: 16px; }
}

/* 接口失败等状态行 */
.sp-state { margin: 0; padding: 20px 24px; border-left: 3px solid var(--sp-red); background: var(--sp-subtle); color: var(--sp-ink-2); }
.sp-head .sp-state { max-width: 760px; }
/* 结果卡与目标锚点只是程序焦点（tabindex=-1），不画焦点框 */
.vz-sp [tabindex="-1"]:focus { outline: none; }
.sp-chips + .sp-provs, .sp-chips + .sp-mlist, .sp-chips + .sp-nohit { margin-top: 28px; }
@media (max-width: 767px) { .sp-chips + .sp-provs, .sp-chips + .sp-mlist { margin-top: 16px; } }