diff --git a/resource/static/main.css b/resource/static/main.css
index b38777b..2aba256 100644
--- a/resource/static/main.css
+++ b/resource/static/main.css
@@ -1,6 +1,32 @@
 @media only screen and (min-width: 1390px) {
     .ui.container {
-    width: 77%;
+        width: 77%;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .cpucontent {
+        display: inline-block;
+    }
+
+    .rollanimation {
+        animation: scroll 10s cubic-bezier(.2, 0, .8, 1) infinite;
+    }
+
+    @keyframes scroll {
+
+        0% {
+            transform: translateX(0%);
+        }
+
+        30% {
+            transform: translateX(0%);
+        }
+
+        100% {
+            transform: translateX(-100%);
+        }
+
     }
 }
 
@@ -8,19 +34,21 @@
 
     .ui.card>.content>.header:not(.ui),
     .ui.cards>.card>.content>.header:not(.ui) {
-    margin-top: 0.5em;
+        margin-top: 0.5em;
     }
+
     .cards {
-    justify-content: center;
+        justify-content: center;
     }
+
     .ui.four.cards>.card {
-    width: 250px;
+        width: 250px;
     }
 }
 
 td {
-  word-wrap: break-word;
-  word-break: break-all;
+    word-wrap: break-word;
+    word-break: break-all;
 }
 
 /**背景**/
@@ -885,3 +913,7 @@ i.s {
 .ui.button {
     background: rgb(250 250 250 / 75%) none;
 }
+
+.ui.menu .item:before {
+    width: 0px!important;
+}
diff --git a/resource/template/theme-default/header.html b/resource/template/theme-default/header.html
index 172a637..6ce5db1 100644
--- a/resource/template/theme-default/header.html
+++ b/resource/template/theme-default/header.html
@@ -19,7 +19,7 @@
     <link rel="stylesheet" type="text/css" href="static/fontawesome.min.css">
     <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-logos/0.17/font-logos.min.css" rel="stylesheet">
     <link href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/flag-icon-css/4.1.5/css/flag-icons.min.css" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="static/main.css?v20240228">
+    <link rel="stylesheet" type="text/css" href="static/main.css?v20240229">
     <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
     <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/semantic-ui/2.4.1/semantic.min.js"></script>
     <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
diff --git a/resource/template/theme-default/home.html b/resource/template/theme-default/home.html
index 2cf1a07..d728a98 100644
--- a/resource/template/theme-default/home.html
+++ b/resource/template/theme-default/home.html
@@ -406,7 +406,7 @@
         data: {
             page: 'index',
             defaultTemplate: {{.Conf.Site.Theme }},
-    templates: { {.Themes } },
+    templates: {{.Themes }},
     data: [],
         groups: [],
             cache: [],
@@ -458,8 +458,7 @@
         },
         renderCharts(id) {
             if (!this.chartDataList[id - 1]) return;
-            const MaxTCPPingValue = {{.MaxTCPPingValue }
-        } ?{ {.MaxTCPPingValue } } : 300;
+            const MaxTCPPingValue = {{.MaxTCPPingValue }} ?{{.MaxTCPPingValue }} : 300;
         const isMobile = this.checkIsMobile();
         const fontSize = isMobile ? 10 : 9;
         const itemGap = isMobile ? 5 : 2;