website/src/pages/about.astro

---
import Button from "@/components/Button.astro";
import FeatureCard from "@/components/FeatureCard.astro";
import SoftwareHeader from "@/components/SoftwareHeader.astro";
import Layout from "@/layouts/Layout.astro";
import { siteConfig } from "@/config";
---

<Layout title="项目介绍" description="了解 Uranium 的定位、维护重点与项目边界。" canonical="/about/">
  <SoftwareHeader>
    <p slot="header">为经典模组服而生的<br /><span class="text-green-500">混合服务端</span></p>
    <p slot="description">Uranium 基于 KCauldron 生态，面向仍然运行 Minecraft 1.7.10 模组与 Bukkit 插件的服务器。</p>
  </SoftwareHeader>

  <section id="why" class="bg-background-light-0 dark:bg-background-dark-80 w-full border-y pt-10 pb-5">
    <div class="mx-auto max-w-7xl">
      <h2 class="px-6 text-xl font-semibold md:text-2xl lg:px-4">为什么选择 Uranium？</h2>
      <div class="mt-6 grid gap-2 px-2 md:grid-cols-3 xl:gap-4">
        <FeatureCard
          icon="speed"
          label="持续修复与优化"
          description="围绕崩溃、兼容性、数据安全和性能回退进行可验证的维护，而不是无依据地重写核心。"
        />
        <FeatureCard
          icon="community"
          label="面向仍在运行的社区"
          description="服务于仍依赖 1.7.10 整合包、模组和插件生态的服主、开发者与玩家社区。"
        />
        <FeatureCard
          icon="compatibility"
          label="连接 Forge 与 Bukkit"
          description="在同一服务端中承载经典 Forge 模组内容与成熟的 Bukkit 插件管理能力。"
        />
      </div>
    </div>
  </section>

  <section id="facts" class="mx-auto flex max-w-7xl flex-col gap-8 px-4 py-8 md:gap-12 md:py-16">
    <div class="flex flex-col items-center gap-6 md:flex-row md:gap-8 xl:gap-24">
      <div class="project-visual relative aspect-video w-full flex-1">
        <div class="project-visual-bar"><span></span><span></span><span></span></div>
        <div class="ecosystem-grid">
          <div class="ecosystem-panel">
            <small>FORGE</small><strong>Mods</strong><span>IC²</span><span>BuildCraft</span><span>Thaumcraft</span>
          </div>
          <div class="ecosystem-plus">+</div>
          <div class="ecosystem-panel">
            <small>BUKKIT</small><strong>Plugins</strong><span>Essentials</span><span>WorldEdit</span><span>Permissions</span>
          </div>
        </div>
      </div>
      <div class="flex-1">
        <h2 class="text-2xl font-semibold md:text-4xl">一个服务端，连接两个经典生态</h2>
        <p class="mt-3 text-gray-900 md:mt-6 md:text-xl dark:text-gray-100">
          Uranium 延续 KCauldron 的混合服务端路线，让 Forge 模组与 Bukkit 插件在同一环境中协同工作。
        </p>
        <div class="mt-8 flex flex-row gap-4"><Button variant="filled" href="/downloads/uranium">下载 Uranium</Button></div>
      </div>
    </div>

    <div class="flex flex-col items-center gap-6 md:flex-row-reverse md:gap-8 xl:gap-24">
      <div class="project-visual workflow-visual relative aspect-video w-full flex-1">
        <div class="pipeline-list">
          <div class="pipeline-item"><span>✓</span><div><strong>64 位 JDK 8</strong><small>固定运行与构建环境</small></div></div>
          <div class="pipeline-item"><span>✓</span><div><strong>Gradle Wrapper</strong><small>统一构建入口</small></div></div>
          <div class="pipeline-item"><span>✓</span><div><strong>GitHub Actions</strong><small>持续集成验证</small></div></div>
          <div class="pipeline-item"><span>→</span><div><strong>发行包</strong><small>JAR、依赖与启动脚本</small></div></div>
        </div>
      </div>
      <div class="flex-1">
        <h2 class="text-2xl font-semibold break-all md:text-4xl">现代化的维护流程</h2>
        <p class="mt-3 text-gray-900 md:mt-6 md:text-xl dark:text-gray-100">
          经典版本并不意味着继续依赖不可验证的旧流程。项目逐步恢复构建、测试、发行和回退能力。
        </p>
        <div class="mt-8 flex flex-row flex-wrap gap-4">
          <Button variant="filled" href="/guide">快速开始</Button>
          <Button variant="outlined" href={siteConfig.actions} external>构建状态</Button>
        </div>
      </div>
    </div>

    <div class="flex flex-col items-center gap-6 md:flex-row md:gap-8 xl:gap-24">
      <div class="project-visual release-window relative aspect-video w-full flex-1">
        <div class="release-window-head"><span>Uranium Releases</span><span>dev</span></div>
        <div class="release-window-body">
          <div class="release-window-mark"><img src="/uranium-logo.png" alt="" /></div><div>
            <strong>Uranium 1.7.10</strong><span>社区维护构建</span>
          </div>
        </div>
        <div class="release-window-file"><code>Uranium-1710-...-server.jar</code><span>准备中</span></div>
      </div>
      <div class="flex-1">
        <h2 class="text-2xl font-semibold md:text-4xl">维护一段仍在运行的历史</h2>
        <p class="mt-3 text-gray-900 md:mt-6 md:text-xl dark:text-gray-100">
          项目不追逐现代 Minecraft 版本，而是为现有 1.7.10 服务器提供谨慎、长期且可验证的维护。
        </p>
        <div class="mt-8 flex flex-row gap-4"><Button variant="filled" href={siteConfig.repository} external>查看 GitHub</Button></div>
      </div>
    </div>
  </section>
</Layout>