.profile/README.md

<h1 align="center">你好，我是 Wonder 👋</h1>
<p align="center">
  <a href="http://47.121.181.112:3000/wonder">
    <img alt="Gitea 仓库" src="https://img.shields.io/badge/Gitea-自建仓库-blue?style=flat&logo=gitea">
  </a>
  <a href="http://47.121.181.112:8080/resume/1">
    <img alt="在线简历" src="https://img.shields.io/badge/简历-在线查看-green?style=flat&logo=readme">
  </a>
</p>

### 🧠 关于我

- 📖 大四 · 计算机科学与技术
- 🚀 Go 语言全栈方向
- 📫 联系我: hezhaohui0807@163.com

### 🛠️ 技术栈

<div style="
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
">

  <!-- 编程语言 -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    <h4 style="margin: 0; color: #2563eb;">编程语言</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>熟练 Java 与 Go，熟悉并发模型、内存管理、常用数据结构</li>
    </ul>
  </div>

  <!-- Web 框架 -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    <h4 style="margin: 0; color: #2563eb;">Web 框架</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>Spring / MyBatis / Spring Cloud</li>
      <li>Gin / GORM / gRPC</li>
    </ul>
  </div>

  <!-- 前端开发 -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    <h4 style="margin: 0; color: #2563eb;">前端开发</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>React Hooks、状态管理（Zustand）</li>
      <li>Vite、Tailwind CSS</li>
    </ul>
  </div>

  <!-- 数据库 & 缓存 -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    <h4 style="margin: 0; color: #2563eb;">数据库 & 缓存</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>MySQL 事务隔离、索引优化、MVCC</li>
      <li>Redis 持久化、哨兵集群</li>
    </ul>
  </div>

  <!-- AI & Agent -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    </div>
    <h4 style="margin: 0; color: #2563eb;">AI & Agent</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>Context Engineer</li>
      <li>理解 ReAct、Reflect、Plan-Exec 等 Agent 架构</li>
    </ul>
  </div>

  <!-- 工程工具 -->
  <div style="
      background: #f3f4f6;
      padding: 1.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  ">
    <h4 style="margin: 0; color: #2563eb;">工程工具</h4>
    <ul style="margin: 0; padding-left: 1.2rem; color: #374151; line-height: 1.7;">
      <li>Docker、Git、Webhook</li>
      <li>能搭建 CI/CD 工作流，良好的编码习惯</li>
    </ul>
  </div>

</div>