@import url("./vendor/sparq.css");
@import url("./fonts.css");
@import url("./tokens.css");
@import url("./foundation.css");
@import url("./layout.css");
@import url("./components/buttons.css");
@import url("./components/content.css");
@import url("./components/navigation.css");

/* 统一四类页面的基础表面，页面专属样式仅负责布局和内容表达。 */
.sqw-page-main,
.sqw-template-market,
.sqw-template-detail-page,
.sqw-plugin-detail-page,
.sqw-content-center,
.sqw-community-home,
.sqw-account-main {
    background: var(--sq-website-bg-page);
}

.sqw-page-heading h1,
.sqw-content-center__hero h1,
.sqw-community-home h1,
.sqw-template-hero h1,
.sqw-plugin-detail-hero h1 {
    letter-spacing: 0;
}

.sqw-content-center__hero,
.sqw-community-home__hero,
.sqw-template-hero,
.sqw-plugin-detail-hero {
    background: var(--sq-website-bg-surface);
    border-color: var(--sq-website-border-default);
}

.sqw-content-center__hero-art,
.sqw-community-banner-art {
    opacity: 0.86;
}

.sqw-news-card,
.sqw-community-side-panel,
.sqw-account-panel,
.sqw-template-content-panel,
.sqw-template-aside-panel,
.sqw-plugin-content-panel,
.sqw-plugin-aside-panel {
    border-radius: var(--sq-website-radius-sm);
    box-shadow: none;
}

.sqw-checkout-card,
.sqw-checkout-summary {
    border-radius: var(--sq-website-radius-sm);
    box-shadow: none;
}

.sqw-checkout-options button.is-selected {
    box-shadow: 0 0 0 2px rgb(8 127 106 / 12%);
}

.sqw-checkout-modal::backdrop {
    background: rgb(32 35 33 / 58%);
}