首页英雄区域设计

┌─────────────────────────────────┐
│  🏷️ 欢迎徽章                    │
│  ✨ 你好，我是                    │
│  🌟 爱则心痛（渐变文字）          │
│  ⌨️ 前端开发者（打字机效果）      │
│  📝 个人描述文字                  │
│  [了解我] [开始阅读] 按钮         │
│  🖱️ 滚动提示                     │
└─────────────────────────────────┘

.hero-name {
  background: var(--grad-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.float-shape {
  position: absolute;
  border-radius: var(--r-full);
  opacity: 0.12;
  animation: floatAround 30s ease-in-out infinite;
}