[data-visual-style="minimalist"],
[data-item-style="minimalist"],
[data-slide-style="minimalist"] {
--vs-bg: var(--bg-surface);
--vs-text-primary: var(--text-primary);
--vs-text-secondary: var(--text-secondary);
--vs-border: var(--border-subtle);
--vs-border-width: 1px;
--vs-shadow: var(--shadow-sm);
--vs-backdrop: none;
--vs-bg-glass: rgba(255, 255, 255, 0.7);
--vs-backdrop-glass: blur(12px);
--vs-shadow-glass: 0 4px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
--vs-form-label: var(--text-primary);
--vs-form-text: var(--text-primary);
--vs-form-help: var(--text-secondary);
--vs-form-placeholder: var(--placeholder-on-light);
}
.hero.hero[data-visual-style="minimalist"] {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
border: var(--border-width) solid var(--border-subtle);
box-shadow: var(--vs-shadow-glass);
color: var(--text-primary);
}
.hero.hero[data-visual-style="minimalist"] .hero__title {
background: none;
-webkit-text-fill-color: var(--text-primary);
color: var(--text-primary);
animation: none;
text-shadow: var(--text-shadow-md);
}
.hero.hero[data-visual-style="minimalist"] .hero__description {
color: var(--text-secondary);
text-shadow: var(--text-shadow-sm);
}
.hero.hero[data-visual-style="minimalist"] .hero__social-proof-text {
color: var(--text-tertiary);
}
.banner.banner[data-visual-style="minimalist"] {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
box-shadow: var(--vs-shadow-glass);
}
.banner.banner[data-visual-style="minimalist"] .banner__content {
position: relative;
z-index: 2;
}
.banner.banner[data-visual-style="minimalist"] .banner__title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="minimalist"] .banner__description {
color: var(--text-secondary);
}
.banner.banner[data-visual-style="minimalist"] .form-message,
.banner.banner[data-visual-style="minimalist"] .form-message p,
.banner.banner[data-visual-style="minimalist"] .form-message span,
.banner.banner[data-visual-style="minimalist"] .form-message ul,
.banner.banner[data-visual-style="minimalist"] .form-message ol,
.banner.banner[data-visual-style="minimalist"] .form-message li,
.banner.banner[data-visual-style="minimalist"] .form-message strong,
.banner.banner[data-visual-style="minimalist"] .form-message em {
color: var(--text-secondary);
}
.banner.banner[data-visual-style="minimalist"] .banner__description h1,
.banner.banner[data-visual-style="minimalist"] .banner__description h2,
.banner.banner[data-visual-style="minimalist"] .banner__description h3,
.banner.banner[data-visual-style="minimalist"] .banner__description h4,
.banner.banner[data-visual-style="minimalist"] .banner__description h5,
.banner.banner[data-visual-style="minimalist"] .banner__description h6 {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="minimalist"]:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature .card__title,
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature .card__subtitle {
position: relative;
z-index: 1;
color: var(--text-primary);
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature .card__description {
position: relative;
z-index: 1;
color: var(--text-secondary);
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature .card__icon {
position: relative;
z-index: 1;
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:hover {
box-shadow: var(--shadow-md);
}
.grid-block[data-visual-style="minimalist"] .grid-item.card.card--feature:hover .card__title {
color: var(--text-primary);
}
.grid-block[data-visual-style="minimalist"] .grid-item--article {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
.grid-block[data-visual-style="minimalist"] .grid-item--article:hover {
box-shadow: var(--shadow-md);
}
.grid-block[data-visual-style="minimalist"] .grid-item--article:hover .grid-item__article-title {
color: var(--text-primary);
}
.grid-block[data-visual-style="minimalist"] .grid-item__article-title {
position: relative;
z-index: 1;
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.grid-block[data-visual-style="minimalist"] .grid-item__article-excerpt {
position: relative;
z-index: 1;
color: var(--text-secondary);
}
.grid-block[data-visual-style="minimalist"] .grid-item__article-category {
position: relative;
z-index: 1;
color: var(--color-primary-text);
}
.carousel-block[data-visual-style="minimalist"] .carousel-slide {
position: relative;
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
border: var(--border-width) solid var(--border-subtle);
box-shadow: var(--vs-shadow-glass);
overflow: hidden;
}
.carousel-block[data-visual-style="minimalist"] .lexical-content {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-link-color: var(--color-primary-text);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--text-primary);
color: var(--text-secondary);
}
.carousel-block[data-visual-style="minimalist"] .carousel-slide:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.carousel-block[data-visual-style="minimalist"] .carousel-slide__article-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
box-shadow: var(--vs-shadow-glass);
position: relative;
overflow: hidden;
}
.tabs.tabs[data-visual-style="minimalist"] .tabs__panels:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.header-master[data-visual-style="minimalist"] {
background: var(--bg-base);
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
box-shadow: var(--vs-shadow-glass);
}
.header-master[data-visual-style="minimalist"] .nav-item,
.header-master[data-visual-style="minimalist"] .logo-wrapper a {
font-family: var(--font-sans);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.header-master[data-visual-style="minimalist"] .nav-item:hover {
background: var(--header-glass-bg-subtle-light);
color: var(--color-primary-text);
}
.header-master[data-visual-style="minimalist"] .nav-dropdown {
background: var(--bg-surface);
border: var(--border-width) solid var(--border-subtle);
}
.header-master[data-visual-style="minimalist"] .nav-dropdown__item {
color: var(--text-primary);
}
.header-master[data-visual-style="minimalist"] .nav-dropdown__item:hover {
background: var(--bg-elevated);
}
.header-master[data-visual-style="minimalist"] .burger-menu-toggle__bar {
background: var(--text-primary);
}
.header-master[data-visual-style="minimalist"] .burger-menu-toggle:hover .burger-menu-toggle__bar {
background: var(--color-primary);
}
:is(
.spotlight[data-visual-style="minimalist"] .spotlight__card,
.spotlight[data-visual-style="minimalist"] .spotlight__panel,
.timeline[data-visual-style="minimalist"] .timeline__card
) {
background: var(--vs-bg-glass);
backdrop-filter: var(--vs-backdrop-glass);
-webkit-backdrop-filter: var(--vs-backdrop-glass);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: var(--vs-shadow-glass);
overflow: hidden;
}
:is(
.spotlight[data-visual-style="minimalist"] .spotlight__card,
.spotlight[data-visual-style="minimalist"] .spotlight__panel,
.timeline[data-visual-style="minimalist"] .timeline__card
):hover {
box-shadow: var(--shadow-md);
}
.spotlight[data-visual-style="minimalist"] .spotlight__card-title,
.spotlight[data-visual-style="minimalist"] .spotlight__panel-title,
.timeline[data-visual-style="minimalist"] .timeline__step-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.spotlight[data-visual-style="minimalist"] .spotlight__card-desc,
.spotlight[data-visual-style="minimalist"] .spotlight__panel-desc,
.timeline[data-visual-style="minimalist"] .timeline__desc {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-link-color: var(--color-primary-text);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--color-primary-text);
color: var(--text-secondary);
}
.timeline[data-visual-style="minimalist"] .timeline__ref,
.timeline[data-visual-style="minimalist"] .timeline__desc strong {
color: var(--color-primary-text);
}