---
sidebar: false
prev: false
next: false
---

# 关于

## 关于耗子面板

耗子面板是一款专业的服务器运维管理面板，致力于为用户提供简单、高效、安全的服务器管理解决方案。

<style>
  .about-features {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 60px;
  }
  .about-feature-card {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    flex: 1;
    text-align: center;
  }
  .about-team {
    text-align: center;
    margin-bottom: 60px;
  }
  .about-team-members {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    margin-top: 30px;
  }
  .about-team-member {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    flex: 1;
  }
  .about-team-icon {
    width: 60px;
    height: 60px;
    background: #e7f1ff;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-timeline {
    max-width: 800px;
    margin: 0 auto 60px;
    position: relative;
  }
  .about-timeline::before {
    content: '';
    position: absolute;
    width: 2px;
    background: #e7f1ff;
    top: 0;
    bottom: 0;
    left: 50%;
  }
  .about-timeline-item {
    margin-bottom: 30px;
    position: relative;
  }
  .about-timeline-content {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    width: 45%;
    position: relative;
  }
  .about-timeline-dot {
    width: 12px;
    height: 12px;
    background: #4a90e2;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .about-year {
    color: #4a90e2;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .about-contact {
    text-align: center;
  }
  .about-contact-items {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    margin-top: 30px;
  }
  .about-contact-item {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    flex: 1;
  }
  .about-contact-icon {
    font-size: x-large;
    width: 60px;
    height: 60px;
    background: #e7f1ff;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-h2 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .about-p {
    margin-bottom: 15px;
  }
</style>

<div class="about-features">
  <div class="about-feature-card">
    <h3>愿景</h3>
    <p>成为领先的服务器管理解决方案提供商</p>
  </div>
  <div class="about-feature-card">
    <h3>使命</h3>
    <p>让服务器管理变得简单而强大</p>
  </div>
  <div class="about-feature-card">
    <h3>价值观</h3>
    <p>用户至上、创新驱动、专业专注</p>
  </div>
</div>

## 团队介绍

<div class="about-team">
  <div class="about-team-members">
    <div class="about-team-member">
      <div class="about-team-icon">👤</div>
      <h3>耗子</h3>
      <p>创始人 & CEO</p>
    </div>
    <div class="about-team-member">
      <div class="about-team-icon">&lt;/&gt;</div>
      <h3>靓仔</h3>
      <p>技术负责人</p>
    </div>
    <div class="about-team-member">
      <div class="about-team-icon">🔒</div>
      <h3>冭</h3>
      <p>证书销售</p>
    </div>
  </div>
</div>

## 发展历程

<div class="about-timeline">
  <div class="about-timeline-item">
    <div class="about-timeline-content" style="margin-left: auto;">
      <div class="about-year">2024</div>
      <h3>全新起航</h3>
      <p>面板得到了众多赞助商的支持，2024 年下半年发布了全新的 2.3 版本</p>
    </div>
    <div class="about-timeline-dot"></div>
  </div>

  <div class="about-timeline-item">
    <div class="about-timeline-content">
      <div class="about-year">2023</div>
      <h3>技术积累</h3>
      <p>使用 Go 对面板进行重写，发布 2.0 2.1 系列版本，积累了大量开发经验</p>
    </div>
    <div class="about-timeline-dot"></div>
  </div>

  <div class="about-timeline-item">
    <div class="about-timeline-content" style="margin-left: auto;">
      <div class="about-year">2022</div>
      <h3>项目立项</h3>
      <p>2022 年中项目立项，年末发布 1.0 版本</p>
    </div>
    <div class="about-timeline-dot"></div>
  </div>
</div>

## 联系我们

<div class="about-contact">
  <div class="about-contact-items">
    <div class="about-contact-item">
      <div class="about-contact-icon">📧</div>
      <h3>电子邮件</h3>
      <p>admin@haozi.net</p>
    </div>
    <div class="about-contact-item">
      <div class="about-contact-icon">📞</div>
      <h3>联系电话</h3>
      <p>13820906945</p>
    </div>
    <div class="about-contact-item">
      <div class="about-contact-icon">📍</div>
      <h3>公司地址</h3>
      <p>天津市武清区黄庄街道泉里路1号智库大厦206室</p>
    </div>
  </div>
</div>