91 lines
1.9 KiB
CSS
91 lines
1.9 KiB
CSS
|
/**
|
|||
|
|
* 中文站点：衬线标题 + 宽松正文，无深色背景依赖。
|
|||
|
|
*/
|
|||
|
|
@layer base {
|
|||
|
|
html[lang="zh-CN"] .type-display-xxl,
|
|||
|
|
html[lang="zh-CN"] .type-display-xl,
|
|||
|
|
html[lang="zh-CN"] .type-display-lg,
|
|||
|
|
html[lang="zh-CN"] .type-display-md {
|
|||
|
|
font-feature-settings: "palt" 1;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-display-xxl {
|
|||
|
|
letter-spacing: 0.04em;
|
|||
|
|
line-height: 1.22;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-display-xl {
|
|||
|
|
letter-spacing: 0.03em;
|
|||
|
|
line-height: 1.26;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-display-lg {
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
line-height: 1.32;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-display-md {
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
line-height: 1.38;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-body-lg,
|
|||
|
|
html[lang="zh-CN"] .type-body-lg-strong,
|
|||
|
|
html[lang="zh-CN"] .type-body-md,
|
|||
|
|
html[lang="zh-CN"] .type-body-md-strong {
|
|||
|
|
font-feature-settings: normal;
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
line-height: 1.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .type-caption,
|
|||
|
|
html[lang="zh-CN"] .type-caption-strong {
|
|||
|
|
letter-spacing: 0.03em;
|
|||
|
|
line-height: 1.65;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html[lang="zh-CN"] .btn-primary,
|
|||
|
|
html[lang="zh-CN"] .btn-secondary-mint,
|
|||
|
|
html[lang="zh-CN"] .btn-secondary-white,
|
|||
|
|
html[lang="zh-CN"] .btn-ghost,
|
|||
|
|
html[lang="zh-CN"] .btn-outline {
|
|||
|
|
font-family: var(--font-display);
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
letter-spacing: 0.06em;
|
|||
|
|
text-transform: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@utility type-eyebrow {
|
|||
|
|
font-family: var(--font-display);
|
|||
|
|
font-size: 12px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
letter-spacing: 0.14em;
|
|||
|
|
color: var(--color-body);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@utility type-lead {
|
|||
|
|
font-family: var(--font-display);
|
|||
|
|
font-size: 1.125rem;
|
|||
|
|
font-weight: 400;
|
|||
|
|
line-height: 1.85;
|
|||
|
|
letter-spacing: 0.03em;
|
|||
|
|
color: var(--color-ink-soft);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@utility text-balance {
|
|||
|
|
text-wrap: balance;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@utility measure-prose {
|
|||
|
|
max-width: 40rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@utility measure-title {
|
|||
|
|
max-width: 48rem;
|
|||
|
|
}
|