[data-preset-version="2"][data-element-preset="section-split-media"] {
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"][data-element-preset="section-centered-showcase"] {
  background: var(--hm-design-surface);
  box-shadow: inset 0 1px var(--hm-design-border), inset 0 -1px var(--hm-design-border);
}

[data-preset-version="2"][data-element-preset="section-stats-banner"] {
  color: var(--hm-design-on-primary);
  background: #123c3a;
}

[data-preset-version="2"][data-element-preset="section-stats-banner"]
  [data-preset-slot]:not([data-preset-slot="background"]) {
  color: var(--hm-design-on-primary);
}

[data-preset-version="2"][data-element-preset="container-outline-card"] {
  border-color: var(--hm-design-border);
  background: var(--hm-design-surface);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--hm-design-text) 8%, transparent);
}

[data-preset-version="2"][data-element-preset="container-soft-panel"] {
  border-color: var(--hm-design-border);
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"][data-element-preset="container-dark-accent"] {
  border-left-color: var(--hm-design-accent);
  color: var(--hm-design-on-primary);
  background: var(--hm-design-primary);
}

[data-preset-version="2"] .managed-text-preset__eyebrow,
[data-preset-version="2"] .managed-text-preset__number {
  color: var(--hm-design-primary);
}

[data-preset-version="2"] .managed-text-preset__number,
[data-preset-version="2"] .managed-image-preset__title {
  font-family: var(--hm-design-heading-font);
}

[data-preset-version="2"] .managed-text-preset__supporting,
[data-preset-version="2"] .managed-image-preset__text {
  color: var(--hm-design-muted-text);
}

[data-preset-version="2"][data-element-preset="text-accent-quote"] {
  border-left-color: var(--hm-design-accent);
}

[data-preset-version="2"][data-element-preset="text-accent-quote"]
  .managed-text-preset__title::before {
  color: var(--hm-design-accent);
}

[data-preset-version="2"] .managed-image-preset--text-left,
[data-preset-version="2"] .managed-image-preset--text-right,
[data-preset-version="2"] .managed-image-preset--text-stacked {
  color: var(--hm-design-text);
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"] .managed-image-preset--text-left figcaption,
[data-preset-version="2"] .managed-image-preset--text-right figcaption,
[data-preset-version="2"] .managed-image-preset--text-stacked figcaption {
  color: var(--hm-design-text);
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"] .managed-image-preset--text-overlay {
  color: var(--hm-design-on-primary);
  background: var(--hm-design-primary);
}

[data-preset-version="2"] .managed-image-preset--text-overlay::after {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--hm-design-text) 90%, transparent),
    color-mix(in srgb, var(--hm-design-text) 58%, transparent) 58%,
    transparent
  );
}

[data-preset-version="2"] .managed-image-preset--text-overlay .managed-image-preset__text {
  color: var(--hm-design-on-primary);
}

[data-preset-version="2"][data-element-preset="carousel-minimal-inset"] {
  border-color: var(--hm-design-border);
  background: var(--hm-design-surface);
}

[data-preset-version="2"][data-element-preset="carousel-minimal-inset"]
  .managed-carousel__arrows button {
  color: var(--hm-design-primary);
  background: var(--hm-design-surface);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--hm-design-text) 18%, transparent);
}

[data-preset-version="2"][data-element-preset="carousel-gallery-stack"] {
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"][data-element-preset="carousel-gallery-stack"]
  .managed-carousel__slides::before,
[data-preset-version="2"][data-element-preset="carousel-gallery-stack"]
  .managed-carousel__slides::after {
  border-color: var(--hm-design-border);
  background: var(--hm-design-surface);
}

[data-preset-version="2"][data-element-preset="article-showcase-magazine"]
  .article-showcase__visual {
  border-color: var(--hm-design-surface);
  box-shadow: 0 14px 36px color-mix(in srgb, var(--hm-design-text) 15%, transparent);
}

[data-preset-version="2"][data-element-preset="article-showcase-compact-feed"]
  .article-showcase {
  background: var(--hm-design-surface);
}

[data-preset-version="2"][data-element-preset="article-showcase-headline-pager"] .article-showcase {
  color: #1d282c;
  background: #f7f4ed;
}

[data-preset-version="2"][data-element-preset="article-showcase-headline-pager"] .article-showcase__pager {
  border-color: #0e755a;
}

[data-preset-version="2"][data-element-preset="button-outline-secondary"] {
  border-color: var(--hm-design-primary);
  color: var(--hm-design-primary);
}

[data-preset-version="2"][data-element-preset="button-text-arrow"] .managed-button {
  color: var(--hm-design-primary);
}

[data-preset-version="2"][data-element-preset="button-icon-soft"] {
  color: var(--hm-design-primary);
  background: var(--hm-design-surface-alt) !important;
}

[data-preset-version="2"][data-element-preset="language-segmented"] {
  border-color: var(--hm-design-border);
  background: var(--hm-design-surface-alt);
}

[data-preset-version="2"][data-element-preset="language-segmented"]
  .managed-language-switcher a.is-active,
[data-preset-version="2"][data-element-preset="language-segmented"]
  .managed-language-switcher a[aria-current="page"] {
  color: var(--hm-design-on-primary);
  background: var(--hm-design-primary);
}

[data-preset-version="2"][data-element-preset="language-dark-underline"] {
  color: var(--hm-design-on-primary);
  background: var(--hm-design-primary) !important;
}

[data-preset-version="2"][data-element-preset="language-dark-underline"]
  .managed-language-switcher a {
  color: var(--hm-design-on-primary);
}

[data-preset-version="2"][data-element-preset="language-dark-underline"]
  .managed-language-switcher a.is-active,
[data-preset-version="2"][data-element-preset="language-dark-underline"]
  .managed-language-switcher a[aria-current="page"] {
  border-bottom-color: var(--hm-design-accent);
}

/* 图标预设沿用图片元素，只影响新预设的展示。 */
.managed-icon { box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 100%; height: 100%; margin: 0; padding: 12px 16px; border: 1px solid transparent; border-radius: inherit; background: inherit; color: inherit; font: inherit; overflow: hidden; }
.managed-icon[data-icon-border="true"] { border-color: #cbdcf8; }
.managed-icon > img { flex: 0 0 auto; width: 48px; max-width: 40%; height: 48px; max-height: 100%; object-fit: contain; }
.managed-icon__description { min-width: 0; margin: 0; overflow-wrap: anywhere; line-height: 1.4; }
.managed-image-action:has(> .managed-icon) { display: block; width: 100%; height: 100%; color: inherit; font: inherit; }