/* 第一色：页头/主视觉；第二色：页面；第三色：小面积补色。 */
.hero,.top{
 --text:var(--primary-ink);--heading-c:var(--primary-ink);--accent:var(--primary-ink);
 --text-soft:var(--primary-ink);
 --text-faint:var(--primary-ink);
 --line:color-mix(in srgb,var(--primary-ink) 24%,var(--primary));
 --bg-soft:color-mix(in srgb,var(--primary-ink) 10%,var(--primary));
 --accent-soft:color-mix(in srgb,var(--primary-ink) 12%,transparent);
 background:var(--primary,var(--bg-soft));color:var(--primary-ink,var(--text));border-color:var(--line);
}
.hero{--surface:var(--primary)}
.top .access-pill{color:var(--primary-ink);background:transparent;border:0;box-shadow:none}
.side-link.is-active::before{background:var(--detail,var(--accent))}
.hero__status i{background:var(--detail,var(--primary-ink));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-ink) 25%,transparent)}
.dpreset__swatches i{transition:background-color calc(180ms * var(--anim-speed,1)) var(--ease)}
