style(about): 调整卡片标题布局并优化兴趣项结构

- 修改 .card-header 样式,添加弹性布局实现标题与副标题对齐
- 新增 .card-subtitle 类用于副标题样式定义
- 调整兴趣项 HTML 结构,将 emoji 移出文本容器以优化显示效果
- 更新兴趣项描述文本内容,增强语义表达
This commit is contained in:
hehh
2025-11-23 21:51:55 +08:00
parent a002fcc5d6
commit 557666403d
2 changed files with 17 additions and 15 deletions

View File

@@ -159,29 +159,29 @@
</div>
<div class="interest-list">
<div class="interest-item">
<span class="i-emoji">🚴‍♂️</span>
<div class="i-text">
<span class="i-emoji">🚴‍♂️</span>
<!-- <strong data-i18n="interest.cycling">Cycling</strong>-->
<span data-i18n="interest.cycling_desc">Measuring the world</span>
</div>
</div>
<div class="interest-item">
<span class="i-emoji">📚</span>
<div class="i-text">
<span class="i-emoji">📚</span>
<!-- <strong data-i18n="interest.reading">Reading</strong>-->
<span data-i18n="interest.reading_desc">Thinking tracks</span>
</div>
</div>
<div class="interest-item">
<span class="i-emoji">🔍</span>
<div class="i-text">
<span class="i-emoji">🔍</span>
<!-- <strong data-i18n="interest.opensource">Open Source</strong>-->
<span data-i18n="interest.opensource_desc">Sharing power</span>
</div>
</div>
<div class="interest-item">
<span class="i-emoji">💡</span>
<div class="i-text">
<span class="i-emoji">💡</span>
<!-- <strong data-i18n="interest.learning">Learning</strong>-->
<span data-i18n="interest.learning_desc">Always curious</span>
</div>