body {
    background: var(--zz-bg-page);
    color: var(--zz-text-body);
    font-family: var(--zz-font-sans);
}

html[lang^="en"] body,
html[lang^="ru"] body {
    font-feature-settings: "liga" 1, "calt" 1;
}

a {
    text-decoration: none;
    transition:
            color 0.2s ease,
            background-color 0.2s ease,
            border-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.2s ease;
}

a:hover {
    color: var(--zz-primary);
}

img {
    max-width: 100%;
}

.site-main {
    min-height: 60vh;
}

/*
  基于 Bootstrap 5 的 container-xxl 思路：
  Bootstrap .container-xxl 在 xxl 断点最大宽度就是 1320px。
  这里保留自定义容器，方便你不依赖 class 名。
*/
.site-container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.zz-card {
    background: var(--zz-bg-card);
    border: 1px solid var(--zz-border);
    border-radius: var(--zz-radius-md);
    box-shadow: var(--zz-shadow-sm);
}

.zz-section {
    margin-top: 32px;
}