/* 标题用 serif，正文/UI 用 sans */
h1, h2, h3, h4, .brand-logo {
    font-family: var(--font-serif);
    color: var(--color-text-main);
    font-weight: 400; /* Anthropic 常用适中/偏细字重营造通透感 */
}

/* 品牌 logo 排版 */
.brand-logo {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.brand-icon {
    width: 24px;
    height: 24px;
    color: var(--color-accent);
}

/* Hero 标题 */
h1.hero-title {
    font-size: clamp(3rem, 6vw, 4.5rem);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin-bottom: var(--spacing-3);
    white-space: pre-line;
}

/* Section 通用标题 */
h2.section-title {
    font-size: clamp(2rem, 4vw, 2.5rem);
    line-height: 1.25;
    margin-bottom: var(--spacing-2);
    letter-spacing: -0.01em;
}

/* 描述段落 (Hero & Section) */
.section-desc {
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    color: var(--color-text-dim);
    max-width: 600px;
    margin-bottom: var(--spacing-4);
    line-height: 1.6;
}

/* 常规段落 */
p {
    color: var(--color-text-dim);
    line-height: 1.6;
}

/* 带有陶土色强调的文本 */
.text-accent {
    color: var(--color-accent);
}

/* 辅助说明性文本 */
.text-caption {
    font-size: 0.875rem;
    color: var(--color-text-light);
}

/* 文本居中对齐排版工具类 */
.text-center {
    text-align: center;
}
.text-center .section-desc {
    margin-left: auto;
    margin-right: auto;
}