diff --git a/src/pages/embed/gitea.astro b/src/pages/embed/gitea.astro
index 30a488f..e10e6ce 100644
--- a/src/pages/embed/gitea.astro
+++ b/src/pages/embed/gitea.astro
@@ -13,39 +13,113 @@ import {metadata} from '@/consts.ts'
   />
   <link rel="icon" type="image/svg+xml" href="/favicon.ico"/>
   <meta name="generator" content={Astro.generator}/>
-  <title></title>
+  <title>Gitea 入口</title>
   <meta name="theme-color" content="#ffffff"/>
   <meta name="robots" content="noindex, nofollow">
   <style>
     @import "modern-normalize";
 
+    :root {
+      --bg: #f6f7f9;
+      --card-bg: #ffffff;
+      --border: #e5e7eb;
+      --text-color: #2b2f36;
+      --text-secondary: #6b7280;
+      --primary: #4f6df5;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+      min-height: 100vh;
+      background: var(--bg);
+      color: var(--text-color);
+      font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+      -webkit-font-smoothing: antialiased;
+    }
+
     .page-container {
-      padding: 12px;
+      display: flex;
+      justify-content: center;
+      padding: 24px;
+    }
+
+    .gitea-card {
+      width: 100%;
+      max-width: 520px;
+      background: var(--card-bg);
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+      overflow: hidden;
+    }
+
+    .gitea-card__title {
+      padding: 14px 20px;
+      font-size: 15px;
+      font-weight: 600;
+      border-bottom: 1px solid var(--border);
     }
 
     .gitea-content {
       display: flex;
       flex-direction: column;
-      gap: 12px;
+    }
+
+    .gitea-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 13px 20px;
+      font-size: 14px;
+    }
+
+    .gitea-item + .gitea-item {
+      border-top: 1px solid var(--border);
+    }
+
+    .gitea-item:hover {
+      background: #fafbfc;
+    }
+
+    .gitea-item__label {
+      color: var(--text-secondary);
+    }
+
+    .gitea-item__link {
+      color: var(--primary);
+      text-decoration: none;
+      white-space: nowrap;
+    }
+
+    .gitea-item__link:hover {
+      text-decoration: underline;
     }
   </style>
 </head>
 <body>
 <div class="page-container">
-  <div class="gitea-content">
-    <div>
-      <span>仓库地址: </span>
-      <a target="_blank" href="https://git.ua42.com/beggin">点击访问</a>
-    </div>
+  <div class="gitea-card">
+    <div class="gitea-card__title">常用入口</div>
+    <div class="gitea-content">
+      <div class="gitea-item">
+        <span class="gitea-item__label">仓库地址</span>
+        <a class="gitea-item__link" target="_blank" href="https://git.ua42.com/beggin">点击访问</a>
+      </div>
 
-    <div>
-      <span>博客地址: </span>
-      <a target="_blank" href="https://ua42.com">{metadata.siteTitle}</a>
-    </div>
+      <div class="gitea-item">
+        <span class="gitea-item__label">博客地址</span>
+        <a class="gitea-item__link" target="_blank" href="https://ua42.com">点击访问</a>
+      </div>
 
-    <div>
-      <span>管理后台: </span>
-      <a target="_blank" href="https://admin.ua42.com">点击访问</a>
+      <div class="gitea-item">
+        <span class="gitea-item__label">管理后台(支持游客查看)</span>
+        <a class="gitea-item__link" target="_blank" href="https://admin.ua42.com">点击访问</a>
+      </div>
     </div>
   </div>
 </div>
