diff --git a/index.html b/index.html
index 1ce7656..5c0fdbb 100644
--- a/index.html
+++ b/index.html
@@ -1,263 +1,216 @@
 <!DOCTYPE html>
-<html>
-  <head>
-    <head>
-      <meta charset="utf-8" />
-      <meta
-        name="viewport"
-        content="width=device-width,initial-scale=1,maximum-scale=1"
-      />
-      <meta name="renderer" content="webkit" />
-      <meta name="force-rendering" content="webkit" />
-      <meta name="backend-renderer" content="LitePage" />
-      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-      <link rel="preconnect" href="https://fonts.googleapis.com" />
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-      <link rel="preconnect" href="https://i.186526.xyz" />
-      <link rel="preconnect" href="https://storage.186526.xyz" />
-      <link rel="icon" href="https://i.186526.xyz/avatar" />
-      <link
-        href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@500&amp;family=Fira+Mono&amp;family=Ubuntu&amp;family=Roboto&amp;display=swap"
-        rel="stylesheet"
-      />
-      <title>It's me, 186526!</title>
-      <link
-        href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
-        rel="stylesheet"
-      />
-      <link
-        href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC&amp;display=swap"
-        rel="stylesheet"
-      />
-      <script type="module" src="./src/main.ts"></script>
-      <script
-        async=""
-        src="https://www.googletagmanager.com/gtag/js?id=G-PVVC00CJ26"
-      ></script>
+<html lang="zh">
 
-      <meta name="description" content="It's me, 186526! | 186526 的自留地" />
-      <meta property="og:type" content="website" />
-      <meta property="og:title" content="It's me, 186526! | 186526.xyz" />
-      <meta
-        name="og:description"
-        content="It's me, 186526! | 186526 的自留地"
-      />
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5" />
+  <meta name="renderer" content="webkit" />
+  <meta name="force-rendering" content="webkit" />
+  <meta name="backend-renderer" content="Vite" />
+  <meta name="theme-color" content="#00bdff" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link rel="preconnect" href="https://i.186526.xyz" />
+  <link rel="preconnect" href="https://storage.186526.xyz" />
+  <link rel="apple-touch-icon" href="./avatar.png">
+  <link rel="icon" href="./avatar.png" />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@500&amp;family=Fira+Mono&amp;family=Ubuntu&amp;family=Roboto&amp;display=swap"
+    rel="stylesheet" />
+  <title>It's me, 186526!</title>
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC&amp;display=swap" rel="stylesheet" />
+  <script type="module" src="./src/main.ts"></script>
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PVVC00CJ26"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
 
-      <link rel="manifest" href="./manifest.json" />
+    gtag('config', 'G-PVVC00CJ26');
+  </script>
+  <meta name="description" content="It's me, 186526! | 186526 的自留地" />
+  <meta property="og:type" content="website" />
+  <meta property="og:title" content="It's me, 186526! | 186526.xyz" />
+  <meta name="og:description" content="It's me, 186526! | 186526 的自留地" />
 
-      <script>
-        (function () {
-          function getBroswer() {
-            var sys = {};
-            var ua = navigator.userAgent.toLowerCase();
-            var s;
-            (s = ua.match(/edge\/([\d.]+)/))
-              ? (sys.edge = s[1])
-              : (s = ua.match(/rv:([\d.]+)\) like gecko/))
-              ? (sys.ie = s[1])
-              : (s = ua.match(/msie ([\d.]+)/))
-              ? (sys.ie = s[1])
-              : (s = ua.match(/firefox\/([\d.]+)/))
+  <link rel="manifest" href="./manifest.json" />
+</head>
+
+<body>
+  <app>
+    <background>
+      <p>PID @ 78361641</p>
+    </background>
+
+    <header>
+      <img src="./avatar.png" alt="avatar" width="100px" height="100px" />
+      <div>
+        <h1>
+          <a href="https://186526.xyz" title="186526.xyz - It's me, 186526!">It's me, 186526!</a>
+        </h1>
+        <p>
+          <description>一个啥都不会的屑</description>
+        </p>
+      </div>
+    </header>
+
+    <contents>
+      <group id="channel">
+        <card id="blog">
+          <a href="https://blog.186526.xyz" aria-label="goto 186526's Blog" alt="186526's Blog"><img alt="186526's Blog"
+              src="https://storage.186526.xyz/home-app/assets/hexo.svg" /></a>
+        </card>
+        <card id="status">
+          <a href="https://status.186526.eu.org/" aria-label="goto 186526's Status" alt="186526's Status"><img
+              alt="186526's Status" src="https://storage.186526.xyz/home-app/assets/uptimerobot.ico" /></a>
+        </card>
+        <card id="dn42">
+          <a href="https://net.186526.xyz" aria-label="goto 186526 Network @ DN42" alt="186526 Network @ DN42"><img
+              alt="186526 Network @ DN42" src="https://storage.186526.xyz/home-app/assets/dn42.png" /></a>
+        </card>
+        <card id="gitea">
+          <a href="https://git.186526.xyz" aria-label="goto 186526's Gitea" alt="186526's Gitea"><img
+              alt="186526's Gitea" src="https://git.186526.xyz/assets/img/logo.svg" /></a>
+        </card>
+        <card id="github">
+          <a href="https://github.com/186526" aria-label="goto 186526 @ Github" alt="Github"><img alt="Github"
+              src="https://storage.186526.xyz/home-app/assets/github.svg" /></a>
+        </card>
+        <card id="telegram">
+          <a href="https://t.me/real186526" aria-label="goto 186526 @ Telegram" alt="Telegram"><img alt="Telegram"
+              src="https://storage.186526.xyz/home-app/assets/telegram.svg" /></a>
+        </card>
+        <card id="email">
+          <a href="mailto:admin@186526.xyz" aria-label="send email to admin@186526.xyz" alt="Email">
+            <icon>mail</icon>
+          </a>
+        </card>
+      </group>
+      <group id="friend">
+        <card>
+          <a href="https://zikin.org/" aria-label="goto Zikin's Blog" alt="Zikin的独立博客 - 青春大概如你所说"><img alt="Zikin的独立博客"
+              src="https://cdn.jsdelivr.net/gh/ZikinCDN/img@latest/2021/logo.jpg" /></a>
+        </card>
+        <card>
+          <a href="https://blog.skrshadow.cn/" aria-label="goto Skrshadow's Blog" alt="Skrshadow - 是红雨, 斯哈斯哈"><img
+              alt="Skrshadow" src="https://sdn.geekzu.org/avatar/e2027c37ef15b736cf3ee8b7803216c4" /></a>
+        </card>
+        <card>
+          <a href="https://radium-bit.github.io/" aria-label="goto Radium-bit's Blog" alt="Radium-bit"><img
+              alt="Radium-bit" src="https://cdn.jsdelivr.net/gh/radium-bit/res@latest/avatar.webp" /></a>
+        </card>
+        <card>
+          <a href="https://jimmyqin.com/" aria-label="goto JimmyQin's Blog" alt="JimmyQin's Blog"><img
+              src="https://jimmyqin.com/images/avatar.png" alt="JimmyQin's Blog" /></a>
+        </card>
+        <card>
+          <a href="https://laple.me" alt="Lapis Apple - 一个回收站，里面住着Lapis Apple。"
+            aria-label="goto Lapis Apple's Blog"><img alt="Lapis Apple"
+              src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png" /></a>
+        </card>
+        <card>
+          <a href="https://blog.maxelbk.eu.org" aria-label="goto Maxel Black's Blog"
+            alt="Maxel Black - Code & write what we want."><img alt="Maxel Black"
+              src="https://blog.maxelbk.eu.org/r/maxel.jpg" /></a>
+        </card>
+      </group>
+      <group id="footer">
+        <div>
+          <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc">
+            <img alt="PGP Key" src="https://blog.186526.xyz/shields.io/keybase/pgp/186526" />
+          </a>
+          <a alt="Moe ICP 20218600" href="https://icp.gov.moe/?keyword=20218600"><img alt="Moe ICP 20218600"
+              src="https://blog.186526.xyz/shields.io/badge/%E8%90%8CICP%E5%A4%87-20218600-blue" /></a>
+
+          <a alt="186526.xyz Uptime" href="https://status.186526.eu.org/"><img alt="186526.xyz Uptime"
+              src="https://blog.186526.xyz/shields.io/uptimerobot/ratio/m786767672-6913a353d708838f195d30d8" /></a>
+
+          <a alt="CI Status" href="https://ci.186526.xyz/186526/home-app">
+            <img alt="CI Status" src="https://ci.186526.xyz/api/badges/186526/home-app/status.svg" />
+          </a>
+        </div>
+
+        <p>
+          Building on <code>"unknown"</code> of <a href="https://net.186526.xyz">186526 Network</a>.
+          <br>
+          Performance & Host By Cloudflare & Vercel.
+        </p>
+        <p>Copyright © 2020 - Now 186526.xyz. All rights Reserved.</p>
+      </group>
+    </contents>
+  </app>
+</body>
+
+<none id="description-list">
+  <p>一个啥都不会的屑</p>
+  <p>
+    LSP, Verified by
+    <img src="https://storage.186526.xyz/home-app/assets/lama.avatar.png" alt="lama3l9r's avatar" />
+    and
+    <img src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png" alt="lsp's avatar" />
+  </p>
+  <p>Less code, more bug.</p>
+  <p>Arknights Player</p>
+  <p>btw, I use arch</p>
+  <p><code>console.log('Arch is the best!');</code></p>
+  <p>24岁, 是学生</p>
+  <p>一天25小时绝赞配网中...</p>
+  <p>DN42 贴(pi)贴(er)请求中...</p>
+  <p>大陆北方网友</p>
+  <p>Linux user ✗ KVM user ✓</p>
+  <p>世界一级拖延症证书持有者</p>
+  <p>想拥有强大的自制力</p>
+  <p>想做好自己</p>
+  <p>wowaka, 晚安.</p>
+</none>
+
+<script>
+  (function () {
+    function getBroswer() {
+      var sys = {};
+      var ua = navigator.userAgent.toLowerCase();
+      var s;
+      (s = ua.match(/edge\/([\d.]+)/))
+        ? (sys.edge = s[1])
+        : (s = ua.match(/rv:([\d.]+)\) like gecko/))
+          ? (sys.ie = s[1])
+          : (s = ua.match(/msie ([\d.]+)/))
+            ? (sys.ie = s[1])
+            : (s = ua.match(/firefox\/([\d.]+)/))
               ? (sys.firefox = s[1])
               : (s = ua.match(/chrome\/([\d.]+)/))
-              ? (sys.chrome = s[1])
-              : (s = ua.match(/opera.([\d.]+)/))
-              ? (sys.opera = s[1])
-              : (s = ua.match(/version\/([\d.]+).*safari/))
-              ? (sys.safari = s[1])
-              : 0;
+                ? (sys.chrome = s[1])
+                : (s = ua.match(/opera.([\d.]+)/))
+                  ? (sys.opera = s[1])
+                  : (s = ua.match(/version\/([\d.]+).*safari/))
+                    ? (sys.safari = s[1])
+                    : 0;
 
-            if (sys.edge) return { broswer: "Edge", version: sys.edge };
-            if (sys.ie) return { broswer: "IE", version: sys.ie };
-            if (sys.firefox)
-              return { broswer: "Firefox", version: sys.firefox };
-            if (sys.chrome) return { broswer: "Chrome", version: sys.chrome };
-            if (sys.opera) return { broswer: "Opera", version: sys.opera };
-            if (sys.safari) return { broswer: "Safari", version: sys.safari };
+      if (sys.edge) return { broswer: "Edge", version: sys.edge };
+      if (sys.ie) return { broswer: "IE", version: sys.ie };
+      if (sys.firefox)
+        return { broswer: "Firefox", version: sys.firefox };
+      if (sys.chrome) return { broswer: "Chrome", version: sys.chrome };
+      if (sys.opera) return { broswer: "Opera", version: sys.opera };
+      if (sys.safari) return { broswer: "Safari", version: sys.safari };
 
-            return { broswer: "", version: "0" };
-          }
+      return { broswer: "", version: "0" };
+    }
 
-          var broswerUA = getBroswer();
+    var broswerUA = getBroswer();
 
-          if (broswerUA.broswer == "IE") {
-            document.body.innerHTML =
-              '<div class="toast">去他妈的Internet Explorer，请使用现代浏览器访问该站点，例如<a href="http://aka.186526.xyz/Chrome">Chrome</a>、<a href="http://aka.186526.xyz/Firefox">Firefox</a>。</div>' +
-              document.body.innerHTML;
-          } else if (broswerUA.broswer == "chrome" && broswerUA.version <= 60) {
-            document.body.innerHTML =
-              '<div class="toast">摆脱旧版Chrome，请使用新版<a href="http://aka.186526.xyz/Chrome">Chrome</a>访问该站点。</div>' +
-              document.body.innerHTML;
-          }
-        })();
-      </script>
-    </head>
+    if (broswerUA.broswer == "IE") {
+      document.body.innerHTML =
+        '<div class="toast">去他妈的Internet Explorer，请使用现代浏览器访问该站点，例如<a href="http://aka.186526.xyz/Chrome">Chrome</a>、<a href="http://aka.186526.xyz/Firefox">Firefox</a>。</div>' +
+        document.body.innerHTML;
+    } else if (broswerUA.broswer == "chrome" && broswerUA.version <= 60) {
+      document.body.innerHTML =
+        '<div class="toast">摆脱旧版Chrome，请使用新版<a href="http://aka.186526.xyz/Chrome">Chrome</a>访问该站点。</div>' +
+        document.body.innerHTML;
+    }
+  })();
+</script>
 
-    <body>
-      <app>
-        <background>
-          <p>PID @ 78361641</p>
-        </background>
-
-        <header>
-          <img src="./avatar.png" alt="avatar" width="100px" />
-          <div>
-            <h1>
-              <a href="https://186526.xyz" title="186526.xyz - It's me, 186526!"
-                >It's me, 186526!</a
-              >
-            </h1>
-            <p><description>一个啥都不会的屑</description></p>
-          </div>
-        </header>
-
-        <contents>
-          <group id="channel">
-            <card id="blog">
-              <a href="https://blog.186526.xyz" alt="186526's Blog"
-                ><img src="https://storage.186526.xyz/home-app/assets/hexo.svg"
-              /></a>
-            </card>
-            <card id="status">
-              <a href="https://status.186526.eu.org/" alt="186526's Status"
-                ><img
-                  src="https://storage.186526.xyz/home-app/assets/uptimerobot.ico"
-              /></a>
-            </card>
-            <card id="dn42">
-              <a href="https://net.186526.xyz" alt="186526 Network @ DN42"
-                ><img src="https://storage.186526.xyz/home-app/assets/dn42.png"
-              /></a>
-            </card>
-            <card id="gitea">
-              <a href="https://git.186526.xyz" alt="186526's Gitea"
-                ><img src="https://git.186526.xyz/assets/img/logo.svg"
-              /></a>
-            </card>
-            <card id="github">
-              <a href="https://github.com/186526" alt="Github"
-                ><img
-                  src="https://storage.186526.xyz/home-app/assets/github.svg"
-              /></a>
-            </card>
-            <card id="telegram">
-              <a href="https://t.me/real186526" alt="Telegram"
-                ><img
-                  src="https://storage.186526.xyz/home-app/assets/telegram.svg"
-              /></a>
-            </card>
-            <card id="email">
-              <a href="mailto:admin@186526.xyz" alt="Email">
-                <icon>mail</icon>
-              </a>
-            </card>
-          </group>
-          <group id="friend">
-            <card>
-              <a
-                href="https://zikin.org/"
-                alt="Zikin的独立博客 - 青春大概如你所说"
-                ><img
-                  src="https://cdn.jsdelivr.net/gh/ZikinCDN/img@latest/2021/logo.jpg"
-              /></a>
-            </card>
-            <card>
-              <a
-                href="https://blog.skrshadow.cn/"
-                alt="Skrshadow - 是红雨, 斯哈斯哈"
-                ><img
-                  src="https://sdn.geekzu.org/avatar/e2027c37ef15b736cf3ee8b7803216c4"
-              /></a>
-            </card>
-            <card>
-              <a href="https://radium-bit.github.io/" alt="Radium-bit"
-                ><img
-                  src="https://cdn.jsdelivr.net/gh/radium-bit/res@latest/avatar.webp"
-              /></a>
-            </card>
-            <card>
-              <a href="https://jimmyqin.com/" alt="JimmyQin's Blog"
-                ><img src="https://jimmyqin.com/images/avatar.png"
-              /></a>
-            </card>
-            <card>
-              <a
-                href="https://laple.me"
-                alt="Lapis Apple - 一个回收站，里面住着Lapis Apple。"
-                ><img
-                  src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png"
-              /></a>
-            </card>
-            <card>
-              <a
-                href="https://blog.maxelbk.eu.org"
-                alt="Maxel Black - Code & write what we want."
-                ><img src="https://blog.maxelbk.eu.org/r/maxel.jpg"
-              /></a>
-            </card>
-          </group>
-          <group id="footer">
-            <div>
-              <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc">
-                <img
-                  src="https://blog.186526.xyz/shields.io/keybase/pgp/186526"
-                />
-              </a>
-              <a alt="Moe ICP 20218600" href="https://icp.gov.moe/?keyword=20218600"
-                ><img
-                  src="https://blog.186526.xyz/shields.io/badge/%E8%90%8CICP%E5%A4%87-20218600-blue"
-              /></a>
-
-              <a alt="186526.xyz Uptime" href="https://status.186526.eu.org/"
-                ><img
-                  src="https://blog.186526.xyz/shields.io/uptimerobot/ratio/m786767672-6913a353d708838f195d30d8"
-              /></a>
-
-              <a alt="CI Status" href="https://ci.186526.xyz/186526/home-app">
-                <img
-                  src="https://ci.186526.xyz/api/badges/186526/home-app/status.svg"
-                />
-              </a>
-            </div>
-
-            <p>
-              Building on <code>"unknown"</code> of <a href="https://net.186526.xyz">186526 Network</a>.
-              <br>
-              Performance & Host By Cloudflare & Vercel.
-            </p>
-            <p>Copyright © 2020 - Now 186526.xyz, All rights Reserved.</p>
-          </group>
-        </contents>
-      </app>
-    </body>
-
-    <none id="description-list">
-      <p>一个啥都不会的屑</p>
-      <p>
-        LSP, Verified by
-        <img
-          src="https://storage.186526.xyz/home-app/assets/lama.avatar.png"
-          alt="lama3l9r's avatar"
-        />
-        and
-        <img
-          src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png"
-          alt="lsp's avatar"
-        />
-      </p>
-      <p>Less code, more bug.</p>
-      <p>Arknights Player</p>
-      <p>btw, I use arch</p>
-      <p><code>console.log('Arch is the best!');</code></p>
-      <p>24岁, 是学生</p>
-      <p>一天25小时绝赞配网中...</p>
-      <p>DN42 贴(pi)贴(er)请求中...</p>
-      <p>大陆北方网友</p>
-      <p>Linux user ✗ KVM user ✓</p>
-      <p>世界一级拖延症证书持有者</p>
-      <p>想拥有强大的自制力</p>
-      <p>想做好自己</p>
-      <p>wowaka, 晚安.</p>
-    </none>
-  </head>
-</html>
+</html>
\ No newline at end of file
diff --git a/public/manifest.json b/public/manifest.json
index c65232d..6db176b 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -4,8 +4,8 @@
   "lang": "zh-CN",
   "start_url": "/",
   "display": "standalone",
-  "theme_color": "#2A2734",
-  "background_color": "#FBDBC4",
+  "theme_color": "#00bdff",
+  "background_color": "#121212",
   "icons": [
     {
       "src": "./maskable.png",
diff --git a/public/sw.js b/public/sw.js
index 4324b23..4b99ba5 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -6,7 +6,7 @@ self.addEventListener("install", (e) => {
 if (workbox) {
   workbox.core.setCacheNameDetails({
     prefix: "home-app",
-    suffix: "0.0.3",
+    suffix: "0.0.4",
     precache: "precache",
     runtime: "runtime",
   });
diff --git a/src/main.ts b/src/main.ts
index b57d792..bbe3a5d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -31,7 +31,7 @@ window.addEventListener("load", (_ev) => {
   // @ts-expect-error
   document.querySelector(
     "#footer > div"
-  ).innerHTML += `<a href="https://git.186526.xyz/186526/home-app"><img alt="Update Commit" src="https://blog.186526.xyz/shields.io/badge/commit-${APP_VERSION}-blue" /></a> <img alt="Latest Update" src="https://blog.186526.xyz/shields.io/date/${APP_BUILD_TIME}?color=sucessful&label=latest%20update" />`;
+  ).innerHTML += `<a alt="Update Commit" href="https://git.186526.xyz/186526/home-app"><img alt="Update Commit" src="https://blog.186526.xyz/shields.io/badge/commit-${APP_VERSION}-blue" /></a> <img alt="Latest Update" src="https://blog.186526.xyz/shields.io/date/${APP_BUILD_TIME}?color=sucessful&label=latest%20update" />`;
 
   // @ts-expect-error
   document.querySelector("#footer").innerHTML = document.querySelector("#footer")?.innerHTML.replaceAll("unknown",__APP_BUILD_MACHINE__);
diff --git a/src/styles/contents.css b/src/styles/contents.css
index 96d055f..d1caa1d 100644
--- a/src/styles/contents.css
+++ b/src/styles/contents.css
@@ -40,7 +40,7 @@ card {
 
 card > a > img {
 	max-height: 48px;
-	max-width: 48px;
+	width: 48px;
 	vertical-align: middle;
 }
 
