refactor: 优化头部目标职位及技术栈展示样式

- 目标职位改为带圈数字标注（① 全栈开发 ② 后端开发 ③ 基础架构开发） - 技术栈语言改为标签样式，与项目经历技术栈风格统一
feat: 荣誉奖项新增两条并优化排版布局
2026-08-27 11:26:19 +08:00 · 2026-08-27 11:14:52 +08:00 · 2026-08-27 10:45:30 +08:00 · 2026-08-27 10:35:34 +08:00 · 2026-08-27 10:29:22 +08:00 · 2026-08-27 10:25:32 +08:00
2 changed files with 142 additions and 43 deletions
@@ -139,9 +139,25 @@ body {
 }

 /* Honors */
+.honor-section {
+    display: flex;
+}
+
+.honor-left {
+    width: 55%;
+    border-right: 1px dashed #ccc;
+    padding-right: 12px;
+}
+
+.honor-right {
+    width: 45%;
+    padding-left: 12px;
+}
+
 .honor-item {
    display: flex;
    align-items: baseline;
+    flex-wrap: wrap;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.45;
@@ -153,6 +169,15 @@ body {
    min-width: 0;
 }

+.honor-right .honor-content {
+    display: flex;
+    align-items: center;
+}
+
+.honor-right .honor-name {
+    flex: 1;
+}
+
 .honor-name {
    color: #222;
 }
@@ -161,8 +186,10 @@ body {
    display: inline-block;
    min-width: 52px;
    text-align: right;
-    margin-left: 8px;
-    color: #222;
+    margin-left: 4px;
+    font-size: 12px;
+    color: #888;
+    white-space: nowrap;
 }

 .cert-link {
@@ -173,10 +200,14 @@ body {
    white-space: nowrap;
 }

+.honor-item .cert-link {
+    margin-left: 4px;
+}
+
 .honor-date {
    color: #888;
    white-space: nowrap;
-    margin-left: 12px;
+    margin-left: 4px;
    min-width: 56px;
    text-align: right;
 }
@@ -192,8 +223,6 @@ body {
    font-size: 14px;
    font-weight: 700;
    color: #222;
-    flex: 1;
-    min-width: 0;
 }

 .exp-date {
@@ -203,10 +232,11 @@ body {
    margin-left: 12px;
 }

-.exp-sub {
+.exp-position {
    font-size: 12px;
    color: #888;
-    margin-bottom: 3px;
+    flex: 1;
+    margin-left: 10px;
 }

 .exp-items {
@@ -230,24 +260,51 @@ body {
    margin-bottom: 1px;
 }

+.proj-title-line {
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
+}
+
 .proj-name {
    font-size: 14px;
    font-weight: 700;
    color: #222;
 }

+.proj-role {
+    font-size: 12px;
+    color: #888;
+}
+
 .proj-date {
    font-size: 13px;
    color: #888;
    white-space: nowrap;
 }

-.proj-sub {
-    font-size: 12px;
-    color: #888;
-    margin-bottom: 2px;
+.proj-link-line {
    display: flex;
    justify-content: space-between;
+    align-items: center;
+    font-size: 12px;
+    margin-bottom: 2px;
+}
+
+.proj-tags {
+    display: flex;
+    gap: 4px;
+    flex-wrap: wrap;
+}
+
+.proj-tag {
+    display: inline-block;
+    font-size: 10px;
+    color: #4478DF;
+    border: 1px solid #4478DF;
+    border-radius: 3px;
+    padding: 0px 4px;
+    line-height: 1.4;
 }

 .proj-link {
@@ -260,6 +317,10 @@ body {
    color: #252525;
    line-height: 1.45;
    margin-bottom: 3px;
+    border: 1px solid #4478DF;
+    border-radius: 4px;
+    padding: 4px 8px;
+    text-align: center;
 }

 .proj-desc {
@@ -23,16 +23,21 @@
                    </div>
                    <div class="contact-item">
                        <svg class="svg-icon" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
-                        全栈开发（偏后端）
+                        <span style="color: #4478DF;">①</span> 全栈开发 <span style="color: #4478DF; margin-left: 8px;">②</span> 后端开发 <span style="color: #4478DF; margin-left: 8px;">③</span> 基础架构开发
                    </div>
                    <div class="contact-item">
                        <svg class="svg-icon" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
-                        Go | Java | Vue | React
+                        <span class="proj-tag" style="margin-right: 4px;">Go</span>
+                        <span class="proj-tag" style="margin-right: 4px;">Java</span>
+                        <span class="proj-tag" style="margin-right: 4px;">Vue</span>
+                        <span class="proj-tag">React</span>
                    </div>
                </div>
                <div class="website-line">
                    线上简历：<a href="http://47.121.181.112:8080/resume/" target="_blank" title="在线简历" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:8080/resume/</a>
                    <span style="margin-left: 12px;">代码仓库：</span><a href="http://47.121.181.112:3000/wonder" target="_blank" title="代码仓库" style="color: #4478DF; text-decoration: none;">http://47.121.181.112:3000/wonder</a>
+                    <span style="margin-left: 12px;">CSDN：</span><a href="https://blog.csdn.net/cheer2333" target="_blank" title="CSDN博客" style="color: #4478DF; text-decoration: none;">链接</a>
+                    <span style="margin-left: 12px;">文档站：</span><a href="http://47.121.181.112:20000/" target="_blank" title="文档站" style="color: #4478DF; text-decoration: none;">链接</a>
                </div>
            </div>
        </div>
@@ -43,7 +48,7 @@
            <div class="edu-header">
                <div>
                    <span class="edu-school">武汉科技大学</span><span class="edu-badge">省部共建</span>
-                    <span class="edu-major">计算机科学与技术（国家级一流专业）</span>
+                    <span class="edu-major">计算机科学与技术 【国家级一流专业 | ESI 0.495%】</span>
                    <span class="edu-degree">本科</span>
                </div>
                <div class="edu-date">2023-09 ~ 2027-06</div>
@@ -59,23 +64,41 @@
        <!-- 荣誉奖项 -->
        <div class="section">
            <div class="section-title">荣誉奖项</div>
-            <div class="honor-item">
-                <div class="honor-content">
-                    <img src="img/kingsoft.svg" class="company-logo" alt="金山办公">
-                    <span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span>
-                    <span class="honor-badge">三等奖</span>
+            <div class="honor-section">
+                <div class="honor-left">
+                    <div class="honor-item">
+                        <div class="honor-content">
+                            <img src="img/kingsoft.svg" class="company-logo" alt="金山办公">
+                            <span class="honor-name">"金山杯"华中地区高校第十八届程序设计邀请赛</span>
+                            <span class="honor-badge">三等奖</span>
+                        </div>
+                        <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a>
+                    </div>
+                    <div class="honor-item">
+                        <div class="honor-content">
+                            <img src="img/icpc.svg" class="company-logo icpc" alt="ICPC">
+                            <span class="honor-name">国际大学生程序设计竞赛（ICPC）湖北省赛</span>
+                            <span class="honor-badge">优秀奖</span>
+                        </div>
+                        <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a>
+                    </div>
                </div>
-                <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca366d125.jpg" class="cert-link" target="_blank">证书</a>
-                <div class="honor-date">2024-04</div>
-            </div>
-            <div class="honor-item">
-                <div class="honor-content">
-                    <img src="img/icpc.svg" class="company-logo icpc" alt="ICPC">
-                    <span class="honor-name">国际大学生程序设计竞赛（ICPC）湖北省赛</span>
-                    <span class="honor-badge">优秀奖</span>
+                <div class="honor-right">
+                    <div class="honor-item">
+                        <div class="honor-content">
+                            <img src="img/qiniu.svg" class="company-logo qiniu" alt="七牛云">
+                            <span class="honor-name">七牛云 XEngineer 开源实训项目</span>
+                            <span class="honor-badge">三等奖</span>
+                        </div>
+                    </div>
+                    <div class="honor-item">
+                        <div class="honor-content">
+                            <img src="img/lark.svg" class="company-logo" alt="飞书" style="height: 20px;">
+                            <span class="honor-name">WaytoAGI 飞书全球黑客松（武汉站）</span>
+                            <span class="honor-badge">创意奖</span>
+                        </div>
+                    </div>
                </div>
-                <a href="http://47.121.181.112:40027/i/2026/05/28/6a17ca3666920.png" class="cert-link" target="_blank">证书</a>
-                <div class="honor-date">2024-06</div>
            </div>
        </div>

@@ -84,10 +107,10 @@
            <div class="section-title">实习经历</div>
            <div class="exp-header">
                <div class="exp-company"><img src="img/qiniu.svg" class="company-logo qiniu" alt="七牛云"> 七牛云 | 上海七牛信息技术有限公司</div>
+                <span class="exp-position">产品研发部-基础架构部 全栈开发</span>
                <a href="http://47.121.181.112:40027/i/2026/08/06/6a745822150dd.jpg" class="cert-link" target="_blank">实习证明</a>
                <div class="exp-date">2026-07 ~ 2026-08</div>
            </div>
-            <div class="exp-sub">产品研发部-基础架构部 全栈开发</div>
            <ul class="exp-items">
                <li>参与设计计算服务交付平台，基于状态机模型实现八阶段任务生命周期管理，支持参数校验、资源预留与安全回滚。</li>
                <li>参与多机房 Ansible 部署架构设计，通过 AWX 调度控制与主机锁机制实现部署并发管控，保障大规模实例的有序交付。</li>
@@ -96,10 +119,10 @@

            <div class="exp-header" style="margin-top: 10px;">
                <div class="exp-company"><img src="img/hust.svg" class="company-logo hust" alt="华中科技大学"> 国家网络安全人才与创新基地 | 武汉金银湖实验室</div>
+                <span class="exp-position">平台技术部 后端开发</span>
                <a href="http://47.121.181.112:40027/i/2026/05/28/6a17cb367128b.jpg" class="cert-link" target="_blank">实习证明</a>
                <div class="exp-date">2025-11 ~ 2026-03</div>
            </div>
-            <div class="exp-sub">平台技术部 后端开发 | 华中科技大学-网络空间安全学院</div>
            <ul class="exp-items">
                <li>参与设计面向国家关键单位的网络安全 SaaS 平台，完善租户多维度隔离、用户混合权限模型、API 流式计费等模块。</li>
                <li>参与供应链探测数据中台开发，基于 Go 并发模型实现多源异构数据的采集服务，引入动态流量控制机制提升数据采集率。</li>
@@ -112,17 +135,25 @@
        <div class="section">
            <div class="section-title">项目经历</div>
            <div class="proj-header">
-                <div class="proj-name">Gen2D 游戏素材生成工具</div>
+                <div class="proj-title-line">
+                    <span class="proj-name">Gen2D 游戏素材生成工具</span>
+                    <span class="proj-role">全栈开发 【XEngineer 开源项目 - 三等奖】</span>
+                </div>
                <div class="proj-date">2026-05 ~ 2026-06</div>
            </div>
-            <div class="proj-sub">
-                <span>全栈开发 <span class="edu-badge">Agent</span> 【XEngineer 开源项目】</span>
+            <div class="proj-link-line">
+                <div class="proj-tags">
+                    <span class="proj-tag">Go(Gin)</span>
+                    <span class="proj-tag">Eino Agent Graph</span>
+                    <span class="proj-tag">GORM</span>
+                    <span class="proj-tag">OSS</span>
+                    <span class="proj-tag">React</span>
+                    <span class="proj-tag">Zustand</span>
+                </div>
                <a href="https://gitee.com/hezhaohui123/gen2d" class="proj-link" target="_blank">https://gitee.com/hezhaohui123/gen2d</a>
            </div>
            <div class="proj-intro">
-                <strong>项目介绍：</strong><br>
-                <span class="proj-desc">基于 Go(Gin) + Eino Agent Graph + GORM + OSS + React + Zustand 的 AI 2D 游戏素材生成平台。</span>
-                <span class="proj-desc">用户输入文本提示词，自动生成风格一致的 Sprite、背景、UI 元素与动画帧，可直接导入 Unity 等主流 2D 游戏引擎。</span>
+                <span class="proj-desc">AI 2D 游戏素材生成平台，用户输入文本提示词，自动生成风格一致的 Sprite、背景、UI 元素与动画帧流.</span>
            </div>
            <div class="proj-work-title">主要工作：</div>
            <ol class="proj-work-items">
@@ -133,17 +164,24 @@
            </ol>

            <div class="proj-header" style="margin-top: 12px;">
-                <div class="proj-name">ThumbUP 高并发点赞系统</div>
+                <div class="proj-title-line">
+                    <span class="proj-name">ThumbUP 高并发点赞系统</span>
+                    <span class="proj-role">后端开发 【哔哩哔哩技术团队文章复现】</span>
+                </div>
                <div class="proj-date">2025-10 ~ 2025-11</div>
            </div>
-            <div class="proj-sub">
-                <span>后端开发 <span class="edu-badge">高并发</span> 【哔哩哔哩技术团队文章复现】<!-- TODO: 后续添加文章链接 --></span>
+            <div class="proj-link-line">
+                <div class="proj-tags">
+                    <span class="proj-tag">Spring Boot 3</span>
+                    <span class="proj-tag">Redis</span>
+                    <span class="proj-tag">Caffeine</span>
+                    <span class="proj-tag">HeavyKeeper</span>
+                    <span class="proj-tag">MyBatis-Plus</span>
+                </div>
                <a href="http://47.121.181.112:3000/wonder/thumb-up" class="proj-link" target="_blank">http://47.121.181.112:3000/wonder/thumb-up</a>
            </div>
            <div class="proj-intro">
-                <strong>项目介绍：</strong><br>
-                <span class="proj-desc">基于 Spring Boot 3 + Redis + Caffeine + HeavyKeeper + MyBatis-Plus 的高并发点赞系统。</span>
-                <span class="proj-desc">采用 Write-Behind 异步写回架构，写入由 Redis 承接后定时批量落库；读取走 Caffeine、Redis 二级缓存加速。</span>
+                <span class="proj-desc">高可用的高并发点赞系统</span>
            </div>
            <div class="proj-work-title">主要工作：</div>
            <ol class="proj-work-items">
Author	SHA1	Message	Date
wonder	57f360a4a3	refactor: 优化头部目标职位及技术栈展示样式 - 目标职位改为带圈数字标注（① 全栈开发 ② 后端开发 ③ 基础架构开发） - 技术栈语言改为标签样式，与项目经历技术栈风格统一	2026-08-27 11:26:19 +08:00
wonder	b9bd1f5f61	feat: 荣誉奖项新增两条并优化排版布局 - 右侧新增七牛云 XEngineer 开源实训项目（三等奖）和 WaytoAGI 飞书全球黑客松（创意奖） - 添加七牛云和飞书图标 - 调整荣誉奖项左右比例为 55%/45%，添加虚线分隔 - 奖项等级样式与实习经历岗位文本统一（12px, #888） - 移除所有荣誉奖项的日期显示 - 右侧奖项等级靠右对齐	2026-08-27 11:14:52 +08:00
wonder	df69fb4850	refactor: 调整荣誉奖项排版布局及间距 - 将现有奖项包裹在 60% 宽度的左侧容器中，右侧预留 40% 空间 - 添加 honor-section/honor-left/honor-right 布局类 - 缩小奖项名称与等级、证书链接、日期之间的间距	2026-08-27 10:45:30 +08:00
wonder	3d137401ce	feat: 教育经历专业描述添加 ESI Top 1% 标注 - 在国家级一流专业前添加 ESI Top 1%，用斜杠隔开	2026-08-27 10:35:34 +08:00
wonder	16421fe95d	feat: 添加 CSDN 博客和文档站链接 - 在简历头部添加 CSDN 博客链接，显示为链接文本 - 在简历头部添加文档站链接，显示为链接文本 - 两个链接均在新标签页中打开	2026-08-27 10:29:22 +08:00
wonder	e600fc5a9b	feat: 调整项目经历排版布局 - 删除项目介绍标题，将技术栈拆分为标签展示 - 项目名称与职责描述同行显示，日期居右 - 技术标签与项目链接分列左右 - 项目描述合并为单行展示 - 添加标签样式（蓝色边框圆角）	2026-08-27 10:25:32 +08:00
wonder	de065b7023	refactor: 调整实习经历排版布局 - 将职位信息从独立行移入公司头部行，位于公司名之后 - 公司名和职位信息居左，实习证明和时间居右 - 公司名与职位信息之间添加适当间距 - 删除第二段实习经历中的院校信息	2026-08-27 09:56:13 +08:00