refactor: 优化主标题书法风格
- 使用柔和的 text-shadow 模拟书法笔触效果 - 调整字重和字间距 - 保持简洁不做过度设计 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
69953c43cf
commit
289d81180d
@ -304,16 +304,22 @@ export function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 主标题 - 优化字体 */}
|
{/* 主标题 - 书法风格 */}
|
||||||
<Title
|
<Title
|
||||||
order={1}
|
order={1}
|
||||||
style={{
|
style={{
|
||||||
fontWeight: 300,
|
fontWeight: 500,
|
||||||
fontSize: 'clamp(2.2rem, 7vw, 3.2rem)',
|
fontSize: 'clamp(2.2rem, 7vw, 3.5rem)',
|
||||||
letterSpacing: '0.25em',
|
letterSpacing: '0.35em',
|
||||||
color: '#1a1a1a',
|
color: '#2a2a2a',
|
||||||
fontFamily: 'Noto Serif SC, Georgia, serif',
|
fontFamily: 'Georgia, "Times New Roman", serif',
|
||||||
lineHeight: 1.3,
|
lineHeight: 1.5,
|
||||||
|
// 柔和书法阴影
|
||||||
|
textShadow: `
|
||||||
|
0 1px 0 rgba(255,255,255,0.8),
|
||||||
|
0 2px 1px rgba(0,0,0,0.05),
|
||||||
|
0 3px 2px rgba(0,0,0,0.03)
|
||||||
|
`,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
掐日子
|
掐日子
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user