/* 第三轮视觉层（v3，website-global/design-v3/ART_DIRECTION.md）：在 base.css 之后加载，只覆盖与新增，不新增颜色。
   色彩沿用现站令牌（白 / 浅灰 #F1F1EF / 分隔线 #DDDDDA / 墨 #111113 / 品牌红 #BC3833）；红色只做点缀：小标题短红线、页头当前项、主行动按钮、步骤号、列表方点、链接箭头。
   大标题（首屏、H1、H2，700 字重）用思源黑体 Noto Sans SC（fonts-sc.css，按字符分片按需下载）；导航、按钮、H3 以下、小标题、正文与标签用系统黑体（控制字体下载量，UPGRADE_PLAN U1 目标 600 KB 以内），西文与数字用 Inter。 */

/* ---- 一、令牌覆盖：字体与字阶（手机 / 平板 / 桌面） ---- */
:root {
	--vz-font-family-heading: "VZ Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif; /* 只有 700 字重（fonts-sc.css），只给 700 的大标题用 */
	--vz-v3-hdr: 56px;
	--vz-v3-ink-2: var(--vz-color-neutral-800);
	--vz-v3-shadow: 0 24px 40px rgba(17, 17, 19, 0.10);
	--vz-typography-display-font-family: var(--vz-font-family-heading);
	--vz-typography-h1-font-family: var(--vz-font-family-heading);
	--vz-typography-h2-font-family: var(--vz-font-family-heading);
	--vz-typography-display-font-size: 30px; --vz-typography-display-line-height: 1.25; --vz-typography-display-font-weight: 700;
	--vz-typography-h1-font-size: 30px; --vz-typography-h1-line-height: 1.25; --vz-typography-h1-font-weight: 700;
	--vz-typography-h2-font-size: 24px; --vz-typography-h2-line-height: 1.3; --vz-typography-h2-font-weight: 700;
	--vz-typography-h3-font-size: 18px; --vz-typography-h3-line-height: 1.4; --vz-typography-h3-font-weight: 600;
	--vz-typography-h4-font-size: 16px; --vz-typography-h4-line-height: 1.45; --vz-typography-h4-font-weight: 600;
	--vz-typography-body-lg-font-size: 15px; --vz-typography-body-lg-line-height: 1.75;
	--vz-typography-body-font-size: 15px; --vz-typography-body-line-height: 1.75;
}
@media (min-width: 768px) {
	:root {
		--vz-typography-display-font-size: 44px; --vz-typography-display-line-height: 1.2;
		--vz-typography-h1-font-size: 40px; --vz-typography-h1-line-height: 1.22;
		--vz-typography-h2-font-size: 30px;
		--vz-typography-h3-font-size: 20px;
		--vz-typography-h4-font-size: 17px;
		--vz-typography-body-lg-font-size: 17px;
		--vz-typography-body-font-size: 16px;
	}
}
@media (min-width: 1024px) {
	:root {
		--vz-v3-hdr: 80px;
		--vz-typography-display-font-size: 58px; --vz-typography-display-line-height: 1.18;
		--vz-typography-h1-font-size: 52px; --vz-typography-h1-line-height: 1.2;
		--vz-typography-h2-font-size: 38px; --vz-typography-h2-line-height: 1.28;
		--vz-typography-h3-font-size: 23px; --vz-typography-h3-line-height: 1.38;
		--vz-typography-h4-font-size: 18px; --vz-typography-h4-line-height: 1.45;
		--vz-typography-body-lg-font-size: 19px; --vz-typography-body-lg-line-height: 1.7;
		--vz-typography-body-font-size: 16px; --vz-typography-body-line-height: 1.75;
	}
}
h1, h2, h3, h4, .vz-t-display, .vz-t-h1, .vz-t-h2, .vz-t-h3, .vz-t-h4 { text-wrap: balance; }

/* ---- 二、小标题与按钮 ---- */
/* 小标题：中文栏目名，前面 24px 品牌红短线；深色段文字反白、短线仍为红（短线是图形，3.37:1 达到图形 3:1） */
.vz-eyebrow { display: flex; align-items: center; gap: 12px; color: var(--vz-color-brand-red); font-size: 13px; font-weight: 600; letter-spacing: 0.12em; line-height: 1.4; }
.vz-eyebrow::before { content: ""; flex: none; width: 24px; height: 2px; background: var(--vz-color-brand-red); }
.vz-section--dark .vz-eyebrow, .vz-v3-dark .vz-eyebrow { color: var(--vz-color-text-inverse); }
/* 首屏小标题保持原设计：VEAZEN / EST. 2016，12px 粗体大写、字距 0.08em，无红线；图上白字，手机图文分离时为品牌红 */
.vz-hero .vz-eyebrow, .vz-eyebrow--orig { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.vz-hero .vz-eyebrow::before, .vz-eyebrow--orig::before { content: none; }

/* 按钮：实心红（主行动，每屏最多一个）、实心墨、描边；桌面高 52，手机 48 */
.vz-button-primary .wp-block-button__link, .vz-button-red .wp-block-button__link, .vz-button-ghost .wp-block-button__link, .vz-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 28px;
	border: 1px solid var(--vz-color-text-primary); border-radius: 0; text-decoration: none; cursor: pointer;
	font-family: var(--vz-font-family-zh); font-size: 15px; font-weight: 500; letter-spacing: 0.04em; line-height: 1.2;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}
.vz-button-primary .wp-block-button__link, .vz-btn--solid { background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
.vz-button-red .wp-block-button__link, .vz-btn--red { background: var(--vz-color-brand-red); border-color: var(--vz-color-brand-red); color: var(--vz-color-text-on-brand); }
.vz-button-red .wp-block-button__link:hover, .vz-btn--red:hover { background: var(--vz-color-brand-red-hover); border-color: var(--vz-color-brand-red-hover); }
.vz-button-ghost .wp-block-button__link, .vz-btn--ghost { background: transparent; color: var(--vz-color-text-primary); }
.vz-button-ghost .wp-block-button__link:hover, .vz-btn--ghost:hover { background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
@media (min-width: 1024px) {
	.vz-button-primary .wp-block-button__link, .vz-button-red .wp-block-button__link, .vz-button-ghost .wp-block-button__link, .vz-btn { min-height: 52px; }
}
/* 文字链接：墨色、红色箭头 */
.vz-link-arrow { display: inline-flex; align-items: center; gap: 8px; min-height: var(--vz-space-48); color: var(--vz-color-text-primary); text-decoration: none; font-weight: 500; }
.vz-link-arrow > span[aria-hidden] { color: var(--vz-color-brand-red); transition: transform 0.15s; }
.vz-link-arrow:hover > span[aria-hidden] { transform: translateX(4px); }

/* ---- 三、页头：独立白色横条，滚动吸顶，不压在图片上（桌面高 80，手机 56） ---- */
.vz-header { position: sticky; top: 0; z-index: 50; background: var(--vz-color-surface-page); border-bottom: 1px solid var(--vz-color-border-default); }
.admin-bar .vz-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .vz-header { top: 46px; } }
.vz-header__bar { display: flex; align-items: stretch; gap: 0; min-height: var(--vz-v3-hdr); height: var(--vz-v3-hdr); }
.vz-header__logo { align-self: center; display: inline-flex; align-items: center; min-height: 44px; }
.vz-header__logo img { width: auto; height: 24px; }
.vz-header__tools { align-self: center; order: 2; margin-left: auto; gap: 4px; }
.vz-nav__toggle { order: 3; align-self: center; margin-left: 4px; margin-right: -8px; }
/* 菜单按钮：三横线，打开后变叉 */
.vz-nav__burger { position: relative; width: 20px; height: 1.7px; box-shadow: none; transition: background-color 0.15s; }
.vz-nav__burger::before, .vz-nav__burger::after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: currentColor; transition: transform 0.2s; }
.vz-nav__burger::before { transform: translateY(-6px); }
.vz-nav__burger::after { transform: translateY(6px); }
.vz-nav__toggle[aria-expanded="true"] .vz-nav__burger { background: transparent; }
.vz-nav__toggle[aria-expanded="true"] .vz-nav__burger::before { transform: rotate(45deg); }
.vz-nav__toggle[aria-expanded="true"] .vz-nav__burger::after { transform: rotate(-45deg); }

@media (min-width: 1024px) {
	.vz-header__logo img { height: 32px; }
	.vz-nav { order: 1; margin-left: auto; align-self: stretch; display: flex; }
	.vz-nav__list { display: flex; gap: 22px; align-items: stretch; height: 100%; }
	.vz-nav__item { position: static; display: flex; align-items: stretch; flex-wrap: nowrap; }
	.vz-nav__item--list { position: relative; }
	.vz-nav__link { position: relative; flex: none; align-self: stretch; min-height: 0; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; white-space: nowrap; color: var(--vz-color-text-primary); transition: color 0.15s; }
	.vz-nav__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--vz-color-brand-red); transform: scaleX(0); transform-origin: left; transition: transform 0.2s; }
	.vz-nav__link:hover, .vz-nav__item.is-open > .vz-nav__link, .vz-nav__link.is-current { color: var(--vz-color-brand-red); }
	.vz-nav__link:hover::after, .vz-nav__item.is-open > .vz-nav__link::after, .vz-nav__link.is-current::after { transform: scaleX(1); }
	/* 展开按钮：视觉上是栏目名旁的小箭头（触屏与键盘用），点击区 24 × 页头高 */
	.vz-nav__open { width: 24px; height: auto; align-self: stretch; margin-left: 0; color: var(--vz-color-text-muted); } /* 24 × 页头高（WCAG 2.2 目标尺寸 24） */
	.vz-nav__item.is-open > .vz-nav__open { color: var(--vz-color-brand-red); }
	.vz-header__tools { order: 2; margin-left: 28px; padding-left: 20px; border-left: 1px solid var(--vz-color-border-default); height: 28px; gap: 0; }
	.vz-header__tools .vz-locale-trigger { font-size: 14px; font-family: var(--vz-font-family-latin); padding: 0 4px 0 12px; }
	.vz-nav__toggle { display: none; }
	.vz-nav__msearch, .vz-nav__locale, .vz-nav__mphone, .vz-nav__mfams { display: none; }
	/* 面板通用：白底、细线、阴影 */
	.vz-nav__panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; padding: 0; margin-top: 1px; background: var(--vz-color-surface-page); border-top: 1px solid var(--vz-color-border-default); border-bottom: 1px solid var(--vz-color-border-default); box-shadow: var(--vz-v3-shadow); }
	/* 简单下拉：栏目下方一列链接 */
	.vz-nav__item--list > .vz-nav__panel { left: -20px; right: auto; min-width: 200px; border: 1px solid var(--vz-color-border-default); border-top: 2px solid var(--vz-color-brand-red); margin-top: 0; }
	.vz-nav__dropdown { padding: 12px 0; }
	.vz-nav__dropdown .vz-nav__links a { display: flex; min-height: 44px; padding: 0 20px; font-size: 14px; font-weight: 400; color: var(--vz-v3-ink-2); white-space: nowrap; }
	.vz-nav__dropdown .vz-nav__links a:hover { color: var(--vz-color-brand-red); background: var(--vz-color-surface-subtle); }
	/* 乐器探索大下拉：左列品类 + 中间当前品类 3 个主推系列 + 右列选购指南 */
	.vz-nav__explore { display: grid; grid-template-columns: 220px minmax(0, 1fr) 260px; gap: 48px; padding-block: 40px 48px; }
	.vz-nav__fams { list-style: none; margin: 0; padding: 0; }
	.vz-nav__fam { display: flex; justify-content: space-between; align-items: center; min-height: 44px; font-size: 15px; font-weight: 400; color: var(--vz-v3-ink-2); text-decoration: none; border-bottom: 1px solid var(--vz-color-border-default); }
	.vz-nav__fam.is-on { color: var(--vz-color-brand-red); font-weight: 600; }
	.vz-nav__fam.is-on::after { content: "→"; }
	.vz-nav__fam--all { color: var(--vz-color-text-primary); font-weight: 500; border-bottom: 0; }
	.vz-nav__sgroup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; align-content: start; }
	.vz-nav__sgroup[hidden] { display: none; }
	.vz-nav__scard { display: grid; gap: 6px; align-content: start; color: var(--vz-color-text-primary); text-decoration: none; }
	.vz-nav__scard-media { display: block; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 8px; background: var(--vz-color-surface-subtle); }
	.vz-nav__scard-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
	.vz-nav__scard:hover .vz-nav__scard-media img { transform: scale(1.03); }
	.vz-nav__scard-title { font-size: 16px; font-weight: 600; }
	.vz-nav__scard:hover .vz-nav__scard-title { color: var(--vz-color-brand-red); }
	.vz-nav__scard-line { color: var(--vz-color-text-muted); }
	.vz-nav__sall { grid-column: 1 / -1; justify-self: start; }
	.vz-nav__empty { grid-column: 1 / -1; margin: 0; }
	.vz-nav__guides { display: grid; gap: 12px; align-content: start; padding-left: 32px; border-left: 1px solid var(--vz-color-border-default); }
	.vz-nav__guide { display: block; padding: 4px 0 14px; border-bottom: 1px solid var(--vz-color-border-default); color: var(--vz-color-text-primary); text-decoration: none; }
	.vz-nav__guide:hover { color: var(--vz-color-brand-red); }
}
@media (min-width: 1280px) {
	.vz-nav__list { gap: 32px; }
	.vz-nav__link { font-size: 15px; }
	.vz-nav__explore { grid-template-columns: 240px minmax(0, 1fr) 280px; gap: 56px; }
}

/* ---- 四、手机与平板：整屏抽屉（顶部搜索框；六个栏目折叠；乐器探索是两列带缩略图的品类格加选购指南；底部语言与客服电话） ---- */
@media (max-width: 1023px) {
	.vz-header__bar { height: var(--vz-v3-hdr); }
	.vz-header__tools .vz-header__search summary, .vz-header__cart { width: 44px; height: 44px; }
	.vz-nav { inset: calc(var(--vz-v3-hdr) + 1px) 0 0 0; padding: 0 20px 48px; }
	.admin-bar .vz-nav { top: calc(var(--vz-v3-hdr) + 47px); }
	.vz-nav__msearch { margin: 16px 0 8px; }
	.vz-nav__msearch .vz-search { margin: 0; }
	.vz-nav__msearch .vz-search__form { display: flex; gap: 0; }
	.vz-nav__msearch input[type="search"] { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 0; background: var(--vz-color-surface-subtle); font: inherit; font-size: 15px; }
	.vz-nav__msearch button { height: 44px; padding: 0 16px; border: 0; background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
	.vz-nav__item { border-bottom: 1px solid var(--vz-color-border-default); }
	.vz-nav__item + .vz-nav__item { border-top: 0; }
	.vz-nav__link { min-height: 56px; font-size: 17px; font-weight: 500; }
	.vz-nav__item.is-open > .vz-nav__link, .vz-nav__link.is-current { color: var(--vz-color-brand-red); }
	/* 折叠按钮：加号 / 减号 */
	.vz-nav__open { width: 48px; height: 56px; margin-right: -14px; color: var(--vz-color-text-muted); }
	.vz-nav__open svg { display: none; }
	.vz-nav__open::after { content: "+"; font-size: 22px; font-weight: 300; line-height: 1; }
	.vz-nav__item.is-open > .vz-nav__open { color: var(--vz-color-brand-red); }
	.vz-nav__item.is-open > .vz-nav__open::after { content: "\2212"; }
	.vz-nav__panel { padding: 0 0 16px; }
	.vz-nav__dropdown .vz-nav__links { gap: 0; }
	.vz-nav__dropdown .vz-nav__links a { min-height: 44px; font-size: 15px; font-weight: 400; color: var(--vz-v3-ink-2); }
	.vz-nav__mfams { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.vz-nav__mfam { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px; background: var(--vz-color-surface-raised); color: var(--vz-color-text-primary); text-decoration: none; font-size: 14px; font-weight: 500; }
	.vz-nav__mfam-media { flex: none; width: 40px; height: 40px; overflow: hidden; background: var(--vz-color-surface-subtle); }
	.vz-nav__mfam-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
	.vz-nav__mfam--all { justify-content: center; background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
	.vz-nav__explore { width: auto; margin: 16px 0 0; }
	.vz-nav__fams, .vz-nav__sgroups { display: none; }
	.vz-nav__guides { display: grid; gap: 0; }
	.vz-nav__guides .vz-eyebrow { margin: 0 0 4px; }
	.vz-nav__guide { display: flex; align-items: center; min-height: 44px; color: var(--vz-v3-ink-2); text-decoration: none; }
	.vz-nav__locale { margin-top: 24px; padding-top: 0; border-top: 0; }
	.vz-nav__locale .vz-locale-trigger { padding: 0; font-family: var(--vz-font-family-latin); color: var(--vz-color-text-secondary); }
	.vz-nav__mphone { margin: 4px 0 0; }
	.vz-nav__mphone a { color: var(--vz-color-text-primary); font-family: var(--vz-font-family-latin); }
}
@media (min-width: 1024px) {
	.vz-nav__guides .vz-eyebrow { margin: 0 0 4px; }
}

/* ---- 五、页脚：签名 / 六栏 / 联系一行 / 底栏（深色，手机六栏折叠、联系方式竖排） ---- */
.vz-footer { padding-block: 56px 28px; background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
.vz-footer a { min-height: 0; }
.vz-footer__sign { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; padding-bottom: 32px; border-bottom: 1px solid var(--vz-color-neutral-800); }
.vz-footer__slogan { display: block; width: 200px; max-width: 100%; height: auto; }
@media (max-width: 359px) { .vz-footer__slogan { width: 160px; } }
.vz-footer__locale .vz-locale-trigger { min-height: 44px; padding: 0 14px; border: 1px solid var(--vz-color-neutral-700); font-family: var(--vz-font-family-latin); font-size: 14px; }
.vz-footer__cols { display: grid; grid-template-columns: minmax(0, 1fr); padding-block: 8px 16px; }
.vz-footer__col { border-bottom: 1px solid var(--vz-color-neutral-800); }
.vz-footer__title { display: flex; align-items: center; justify-content: space-between; margin: 0; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; }
.vz-footer__title a { display: inline-flex; align-items: center; min-height: 52px; color: var(--vz-color-text-inverse); }
.vz-footer__tog { display: none; width: 48px; height: 52px; margin-right: -14px; background: none; border: 0; color: var(--vz-color-neutral-400); cursor: pointer; font: inherit; }
.vz-footer__tog::after { content: "+"; font-size: 20px; font-weight: 300; }
.vz-footer__tog[aria-expanded="true"]::after { content: "\2212"; }
.vz-footer .vz-footer__col ul { list-style: none; margin: 0; padding: 0 0 16px; display: grid; gap: 0; }
.vz-footer__col ul a { display: flex; align-items: center; min-height: 44px; color: var(--vz-color-neutral-400); font-size: 14px; transition: color 0.15s; }
.vz-footer__col ul a:hover, .vz-footer__title a:hover { color: var(--vz-color-text-inverse); text-decoration: underline; text-underline-offset: 4px; }
.vz-footer--js .vz-footer__tog { display: inline-flex; align-items: center; justify-content: center; }
.vz-footer--js .vz-footer__col:not(.is-open) ul { display: none; }
.vz-footer .vz-footer__contact { list-style: none; margin: 0; padding: 24px 0; display: grid; gap: 0; border-bottom: 1px solid var(--vz-color-neutral-800); }
.vz-footer__contact li { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--vz-color-text-inverse); font-family: var(--vz-font-family-latin); font-size: 15px; overflow-wrap: anywhere; }
.vz-footer__contact svg { flex: none; color: var(--vz-color-brand-red); }
.vz-footer__contact small { flex: none; color: var(--vz-color-neutral-500); font-family: var(--vz-font-family-zh); font-size: 13px; }
.vz-footer__contact a { display: inline-flex; align-items: center; min-height: 44px; color: var(--vz-color-text-inverse); }
.vz-footer__contact li { min-height: 44px; }
.vz-footer__base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 24px; color: var(--vz-color-neutral-500); }
.vz-footer__base-left { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.vz-footer__base p { margin: 0; color: inherit; }
.vz-footer__base a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; }
.vz-footer__logo { display: block; width: 72px; height: auto; opacity: 0.9; }
@media (min-width: 768px) {
	.vz-footer { padding-block: 72px 32px; }
	.vz-footer__slogan { width: 256px; }
	.vz-footer__sign { padding-bottom: 40px; }
	.vz-footer__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; padding-block: 40px; }
	.vz-footer__col { border-bottom: 0; }
	.vz-footer__title a { min-height: 44px; margin-bottom: 4px; }
	.vz-footer--js .vz-footer__tog { display: none; }
	.vz-footer--js .vz-footer__col:not(.is-open) ul { display: grid; }
	.vz-footer .vz-footer__col ul { padding: 0; }
	.vz-footer__col ul a { min-height: 36px; } /* 桌面鼠标操作，六栏列表行高 36（WCAG 2.2 目标尺寸 24 以上） */
	.vz-footer .vz-footer__contact { display: flex; flex-wrap: wrap; gap: 4px 48px; padding: 20px 0; border-top: 1px solid var(--vz-color-neutral-800); }
}
@media (min-width: 1024px) {
	.vz-footer { padding-block: 80px 32px; }
	.vz-footer__cols { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ---- 六、通用段落骨架（首页起用，U2 至 U4 其他页沿用）：段距 手机 56 / 平板 96 / 桌面 128，手机左右 20 ---- */
@media (max-width: 767px) { :root { --vz-layout-margin: 20px; } }
/* 页头所在的模板片段外层吸顶（片段外层 div 只有页头高，页头自己 sticky 不生效） */
.wp-site-blocks > .wp-block-template-part:has(> .vz-header), .wp-site-blocks > div:first-child:has(> .vz-header) { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .vz-header) { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > .wp-block-template-part:has(> .vz-header) { top: 46px; } }
.wp-site-blocks > * + * { margin-block-start: 0; }
.vz-v3-sec { padding-block: 56px; }
.vz-v3-sec--subtle { background: var(--vz-color-surface-subtle); }
.vz-v3-sec--dark, .vz-v3-dark { background: var(--vz-color-surface-dark); color: var(--vz-color-text-inverse); }
.vz-v3-dark .vz-text-secondary, .vz-v3-sec--dark .vz-text-secondary { color: var(--vz-color-neutral-300); }
.vz-v3-sec--dark :focus-visible { outline-color: var(--vz-color-focus-on-dark); }
@media (min-width: 768px) { .vz-v3-sec { padding-block: 96px; } }
@media (min-width: 1024px) { .vz-v3-sec { padding-block: 128px; } }
/* 段内元素清零外边距：:where() 不加优先级，横滑轨道、段标题行等自己的外边距照常生效 */
:where(.vz-v3-sec) :is(p, h2, h3, h4, ul, ol, figure) { margin: 0; }
/* 段标题行：左 小标题 / H2 / 导语，右 段末链接或按钮；手机隐藏导语，链接不换行 */
.vz-v3-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 24px; margin-bottom: 24px; }
.vz-v3-head__text { display: grid; gap: 12px; min-width: 0; flex: 1; max-width: 720px; }
.vz-v3-head__text > .vz-t-body-lg { display: none; }
.vz-v3-head > :not(.vz-v3-head__text) { flex: none; white-space: nowrap; }
@media (min-width: 768px) {
	.vz-v3-head { margin-bottom: 48px; }
	.vz-v3-head__text { gap: 16px; }
	.vz-v3-head__text > .vz-t-body-lg { display: block; color: var(--vz-color-text-secondary); }
	.vz-v3-sec--dark .vz-v3-head__text > .vz-t-body-lg { color: var(--vz-color-neutral-300); }
}
/* 文字链接：下划线 + 红色箭头 */
.vz-v3-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: inherit; text-decoration: none; font-size: 14px; font-weight: 500; }
.vz-v3-link > span:first-child { border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.vz-v3-link::after { content: "→"; color: var(--vz-color-brand-red); transition: transform 0.15s; }
.vz-v3-link:hover::after { transform: translateX(4px); }
@media (min-width: 768px) { .vz-v3-link { font-size: 15px; } }
/* 横滑（手机）：一排放不下的同类内容改横滑，露出下一张的一角；768 起各段自己定栅格 */
@media (max-width: 767px) {
	.vz-v3-rail { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--vz-layout-margin); margin-inline: calc(-1 * var(--vz-layout-margin)); padding: 0 var(--vz-layout-margin) 8px; scrollbar-width: none; list-style: none; }
	.vz-v3-rail::-webkit-scrollbar { display: none; }
	.vz-v3-rail > * { flex: 0 0 var(--vz-rail-w, 80%); min-width: 0; scroll-snap-align: start; }
}
/* 页码点（手机横滑下方，assets/js/home.js 维护 .is-on） */
.vz-v3-dots { display: none; }
@media (max-width: 767px) {
	.vz-v3-dots { display: flex; gap: 6px; justify-content: center; align-items: center; min-height: 44px; margin-top: 4px; cursor: pointer; } /* 整行 44px 高，点按区达标 */
	.vz-v3-dots i { width: 6px; height: 6px; border-radius: 3px; background: var(--vz-color-border-default); transition: width 0.2s, background-color 0.2s; }
	.vz-v3-dots i.is-on { width: 18px; background: var(--vz-color-brand-red); }
}
/* 图片位：统一裁切与浅灰底，悬停轻微放大 */
.vz-v3-img { display: block; overflow: hidden; background: var(--vz-color-surface-subtle); }
.vz-v3-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
a:hover > .vz-v3-img img, a:hover .vz-v3-img img { transform: scale(1.03); }
/* 只在手机 / 只在桌面 */
@media (max-width: 767px) { .vz-v3-d-only { display: none !important; } }
@media (min-width: 768px) { .vz-v3-m-only { display: none !important; } }
/* 相邻两段底色不重复：某段因无内容不出现时（如英文站没有官方商城段），后一段自动换底色 */
.vz-v3-sec--subtle + .vz-v3-sec--subtle { background: var(--vz-color-surface-page); }
.vz-v3-sec:not(.vz-v3-sec--subtle):not(.vz-v3-sec--dark) + .vz-v3-sec:not(.vz-v3-sec--subtle):not(.vz-v3-sec--dark) { background: var(--vz-color-surface-subtle); }