样式美化

页脚

      <div class="footer-center">
        <p style="display:flex;justify-content:center;flex-wrap:wrap;gap:8px;">
          <a target="_blank" href="https://vitepress.dev/" title="本站框架基于 VitePress_v1.6.3">
            <img alt="VitePress" src="https://img.shields.io/badge/Frame-VitePress-5672CD?logo=vitepress&logoColor=fff" />
          </a>
          <a target="_blank" href="https://dash.cloudflare.com/" title="本站项目由 Cloudflare 托管">
            <img alt="Cloudflare" src="https://img.shields.io/badge/Server-Cloudflare-F78100?logo=cloudflare&logoColor=fff" />
          </a>
          <a target="_blank" href="https://www.namecheap.com/" title="本站域名管理使用 Namecheap 域名服务">
            <img alt="Namecheap" src="https://img.shields.io/badge/Domain-Namecheap-8A2BE2?logo=namecheap&logoColor=fff" />
          </a>
          <a target="_blank" href="https://umami.is/" title="本站统计服务使用 Umami">
            <img alt="umami" src="https://img.shields.io/badge/Count-Umami-30a46c?logo=umami" />
          </a>
          <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="本站内容采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可">
            <img alt="Copyright" src="https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-DE3723?logo=creativecommons&logoColor=fff" />
          </a>
        </p>
      </div>

/* index-Custom Stlye https://github.com/Evavic44/adocs/blob/main/docs/index.md#custom-layout */
.custom-layout {
  background-color: var(--vp-c-bg-soft);
  color: var(--vp-c-text-1);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  min-height: 200px;
  max-width: 1152px;
  margin: 6rem auto 0;
  border-radius: 10px;
}

.custom-layout h1 {
  font-size: 2.2rem;
  font-weight: 600;
}

.custom-layout .btn {
  background-color: var(--vp-button-brand-bg);
  color: var(--vp-button-brand-text);
  border-radius: 20px;
  padding: 0.5rem 1.4rem;
}

---

<!-- Custom home layout https://github.com/Evavic44/adocs/blob/main/docs/index.md#custom-layout -->
<div class="custom-layout">
  <h1>✨</h1>
  <h1>Custom Layout</h1>
  <p>This section was added using plain HTML and CSS.</p>
  <p style="display:flex;justify-content:center;flex-wrap:wrap;gap:8px;">
    <a target="_blank" href="https://vitepress.dev/" title="本站框架基于 VitePress_v1.6.3">
      <img alt="VitePress" src="https://img.shields.io/badge/Frame-VitePress-5672CD?logo=vitepress&logoColor=fff" />
    </a>
    <a target="_blank" href="https://dash.cloudflare.com/" title="本站项目由 Cloudflare 托管">
      <img alt="Cloudflare" src="https://img.shields.io/badge/Server-Cloudflare-F78100?logo=cloudflare&logoColor=fff" />
    </a>
    <a target="_blank" href="https://www.namecheap.com/" title="本站域名管理使用 Namecheap 域名服务">
      <img alt="Namecheap" src="https://img.shields.io/badge/Domain-Namecheap-8A2BE2?logo=namecheap&logoColor=fff" />
    </a>
    <a target="_blank" href="https://umami.is/" title="本站统计服务使用 Umami">
      <img alt="umami" src="https://img.shields.io/badge/Count-Umami-30a46c?logo=umami" />
    </a>
    <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" title="本站内容采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可">
      <img alt="Copyright" src="https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-DE3723?logo=creativecommons&logoColor=fff" />
    </a>
  </p>
  <!-- <a href="https://github.com/Evavic44/adocs/blob/main/docs/index.md#custom-layout" target="_blank" class="btn">Source Code</a> -->
</div>

---
    // 页脚
    footer: {
      message: `Released under the MIT License.`,
      // 备案
      // copyright: `Copyright ©️ 2025-${new Date().getFullYear()} Powered by Gamers 备案号：<a href="https://beian.miit.gov.cn/" target="_blank">京****号</a>`,
      // <span id="runtime">
      //   本站已运行:<span id="A" style="color:#F52F30;font-weight:bold"> - </span>天<span id="B" style="color:#44B22D;font-weight:bold"> - </span>时<span id="C" style="color:#25A5FE;font-weight:bold"> - </span>分<span id="D" style="color:#FFA500;font-weight:bold"> - </span>秒
      // </span>
      // ---
      // <div>
      // <span id="runtime">本站已运行:<span id="A"> - </span>天<span id="B"> - </span>时<span id="C"> - </span>分<span id="D"> - </span>秒</span>
      // </div>
      copyright: 
      `
      Copyright © ${new Date().getFullYear()} Powered by Gamers
      `,
    },