<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>myEmailServer - 企业级邮件服务器</title>
  <meta name="description" content="myEmailServer 是基于 Go 语言开发的企业级邮件服务器，支持 SMTP/IMAP/POP3 全协议栈，提供 Web 管理面板，面向企业与个人用户。">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <!-- Navigation -->
  <header class="navbar" id="navbar">
    <div class="container nav-inner">
      <a href="#" class="logo">
        <span class="logo-icon">@</span>
        <span>myEmailServer</span>
      </a>
      <nav class="nav-links" id="navLinks">
        <a href="#features">功能特性</a>
        <a href="#quickstart">快速开始</a>
        <a href="#download">下载中心</a>
        <a href="#faq">常见问题</a>
      </nav>
      <button class="menu-toggle" id="menuToggle" aria-label="菜单">
        <span></span><span></span><span></span>
      </button>
    </div>
  </header>

  <!-- Hero -->
  <section class="hero">
    <div class="container">
      <h1>高性能<br>企业级邮件服务器</h1>
      <p class="hero-desc">
        基于 Go 语言开发，支持 SMTP / IMAP / POP3 全协议栈<br>
        内置 Web 管理面板、DKIM 签名、TLS 加密和垃圾过滤引擎<br>
        下载二进制文件即可运行，面向企业与个人用户
      </p>
      <div class="hero-actions">
        <a href="#download" class="btn btn-primary">立即下载</a>
        <a href="#features" class="btn btn-outline">了解更多</a>
      </div>
    </div>
    <div class="hero-bg"></div>
  </section>

  <!-- Stats Banner -->
  <section class="stats">
    <div class="container">
      <div class="stats-grid">
        <div class="stat-item">
          <span class="stat-value">SMTP + IMAP + POP3</span>
          <span class="stat-label">全协议栈支持</span>
        </div>
        <div class="stat-item">
          <span class="stat-value">Go 1.21+</span>
          <span class="stat-label">高性能原生编译</span>
        </div>
        <div class="stat-item">
          <span class="stat-value">多平台</span>
          <span class="stat-label">Windows / Linux / macOS</span>
        </div>
        <div class="stat-item">
          <span class="stat-value">免费使用</span>
          <span class="stat-label">商业及个人均可</span>
        </div>
      </div>
    </div>
  </section>

  <!-- Features -->
  <section id="features" class="section">
    <div class="container">
      <div class="section-header">
        <h2>核心能力</h2>
        <p>不仅仅是收发邮件，更是一套完整的私有邮局解决方案</p>
      </div>
      <div class="features-grid">
        <div class="feature-card">
          <div class="feature-icon">&#9993;</div>
          <h3>完整协议支持</h3>
          <p>同时接入 SMTP、IMAP、POP3 标准邮件协议，内置 SSL/TLS 加密传输，兼容主流邮件客户端。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">&#127758;</div>
          <h3>多域名管理</h3>
          <p>一台服务器承载多个邮件域名，每个域名独立配置 DKIM 签名和 SPF 记录，统一后台运营。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">&#128187;</div>
          <h3>Web 管理面板</h3>
          <p>基于 Amis 低代码框架的管理后台，可视化配置域名、账号、规则、权限和日志查询。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">&#128274;</div>
          <h3>多层安全防护</h3>
          <p>DKIM 签名验证、IP 黑白名单、发信频率限制、垃圾邮件规则引擎，全方位保障邮件安全。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">&#9889;</div>
          <h3>高性能架构</h3>
          <p>Go 语言原生高并发，BadgerDB 嵌入式缓存，SQLite WAL 模式读写分离，毫秒级响应。</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">&#128295;</div>
          <h3>运维友好</h3>
          <p>二进制文件直接运行，无需复杂依赖，完善日志与监控，支持自定义脚本规则和自动化任务。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Quick Start -->
  <section id="quickstart" class="section section-alt">
    <div class="container">
      <div class="section-header">
        <h2>快速开始</h2>
        <p>三步完成部署，即刻拥有你的私有邮件服务器</p>
      </div>
      <div class="steps-grid">
        <div class="step-card">
          <div class="step-number">01</div>
          <h3>下载二进制文件</h3>
          <p>根据操作系统选择对应版本，下载到服务器</p>
          <div class="code-block"><code># 将下载的二进制文件上传到服务器<br># 或直接在服务器上下载</code></div>
        </div>
        <div class="step-card">
          <div class="step-number">02</div>
          <h3>启动服务</h3>
          <p>赋予执行权限后直接运行</p>
          <div class="code-block"><code>chmod +x ./myEmailServer<br>./myEmailServer -config config.yaml</code></div>
        </div>
        <div class="step-card">
          <div class="step-number">03</div>
          <h3>配置域名与账号</h3>
          <p>编辑配置文件，即可投入使用</p>
          <div class="code-block"><code># 编辑 configs/config.yaml<br># 配置域名、证书、管理员账号</code></div>
        </div>
      </div>
    </div>
  </section>

  <!-- Download -->
  <section id="download" class="section">
    <div class="container">
      <div class="section-header">
        <h2>下载中心</h2>
        <p>选择适合你平台的预编译版本，立即开始部署</p>
      </div>
      <div class="download-grid">
        <div class="download-card">
          <span class="platform-badge linux">Linux</span>
          <h3>Linux 服务端</h3>
          <p>适用于云服务器和 Linux 独立部署环境</p>
          <div class="dl-info">
            <span class="dl-name">myEmailServer-linux-amd64</span>
          </div>
          <a href="../bin/myEmailServer-linux-amd64" class="btn btn-download" download>下载 Linux 版</a>
        </div>
        <div class="download-card">
          <span class="platform-badge windows">Windows</span>
          <h3>Windows 服务端</h3>
          <p>适用于 Windows Server 和桌面 Windows 环境</p>
          <div class="dl-info">
            <span class="dl-name">myEmailServer-windows-amd64.exe</span>
          </div>
          <a href="../bin/myEmailServer-windows-amd64.exe" class="btn btn-download" download>下载 Windows 版</a>
        </div>

      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section id="faq" class="section section-alt">
    <div class="container">
      <div class="section-header">
        <h2>常见问题</h2>
      </div>
      <div class="faq-list">
        <div class="faq-item">
          <button class="faq-question" aria-expanded="false">
            <span>myEmailServer 适合哪些场景使用？</span>
            <span class="faq-icon"></span>
          </button>
          <div class="faq-answer">
            <p>适合企业内部邮局、SaaS 多租户邮件服务、个人域名邮箱自建，以及对数据隐私有要求的组织。从个人开发者到千人规模企业均可使用。</p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-question" aria-expanded="false">
            <span>部署需要什么环境和配置？</span>
            <span class="faq-icon"></span>
          </button>
          <div class="faq-answer">
            <p>支持 Linux、Windows、macOS。下载对应平台的二进制文件，直接运行即可。最小配置：1 核 CPU、2GB 内存即可启动。</p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-question" aria-expanded="false">
            <span>支持哪些邮件客户端接入？</span>
            <span class="faq-icon"></span>
          </button>
          <div class="faq-answer">
            <p>支持所有标准 IMAP/SMTP 邮件客户端：Outlook、Thunderbird、Foxmail、Apple Mail 等，同时支持手机端邮件 App 和自带的 Web 邮件页面。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <strong>myEmailServer</strong>
          <p>高性能企业级邮件服务器</p>
        </div>
        <div class="footer-links">
          <span class="footer-label">快速链接</span>
          <a href="#features">功能特性</a>
          <a href="#download">下载中心</a>
          <a href="../docs/README_IMAP.md">使用文档</a>
        </div>
        <div class="footer-links">
          <span class="footer-label">资源</span>
          <a href="../docs/plan/feature-plan-1.md">路线图</a>
          <a href="#faq">常见问题</a>
        </div>
      </div>
      <div class="footer-bottom">
        <p>&copy; 2025 myEmailServer. 保留所有权利。</p>
      </div>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>
