优化样式表，更新字体引用，调整背景色，增强响应式设计；更新首页轮播图，添加新图片；重构JavaScript功能，增加客服小部件；修复HTML结构，确保页面加载顺畅。

assets/css/style.css

@@ -161,11 +161,6 @@ img {
   max-width: 100%;
 }
 
-@font-face {
-ß
-  src: url("/fonts/Flaticon.woff2") format("woff2"),
-  url("/fonts/themify.woff") format("woff");
-}
 /*--------------------------------------------------------------
 #0.2    Global Elements
 --------------------------------------------------------------*/
@@ -2832,6 +2827,7 @@ color:#ffffff;
   display: flex;
   position: relative;
   z-index: 0;
+  background: #0d1f38;
 }
 
 @media (max-width: 991px) {
@@ -2848,7 +2844,10 @@ color:#ffffff;
 
 .hero-slider .swiper-slide {
   overflow: hidden;
+  background-position: center;
+  background-repeat: no-repeat;
   background-size: cover;
+  background-color: #0d1f38;
   color: #fff;
 }
 
@@ -2861,15 +2860,16 @@ color:#ffffff;
 }
 
 .hero-slider .slide-inner {
-  width: 100%;
+  width: 132%;
   height: 100%;
   position: absolute;
   background-size: cover;
-  left: 0;
+  left: -16%;
   top: 0;
   z-index: 1;
-
   background-position: center;
+  background-repeat: no-repeat;
+  background-color: #0d1f38;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -2880,6 +2880,25 @@ color:#ffffff;
   -ms-flex-align: center;
   align-items: center;
   text-align: left;
+  will-change: transform;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+@media (max-width: 991px) {
+  .hero-slider .slide-inner {
+    width: 120%;
+    left: -10%;
+  }
+}
+
+@media (max-width: 767px) {
+  .hero-slider .slide-inner {
+    width: 112%;
+    left: -6%;
+  }
 }
 
 .hero-slider .swiper-button-prev,
@@ -3485,7 +3504,7 @@ color:#ffffff;
 --------------------------------------------------------------*/
 @media screen and (min-width: 992px) {
   .features-section {
-    margin-top: -101px;
+    margin-top: -96px;
   }
 }
 

assets/css/timeline.css

@@ -3,8 +3,6 @@
    Smart Timeline Component - Horizontal Expansion
    ============================================ */
 
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Oswald:wght@400;700&display=swap');
-
 :root {
     --tl-bg-color: #f8fafc;
     --tl-line-color: rgba(20, 129, 255, 0.3);
@@ -12,6 +10,10 @@
     --tl-text-color: #2a3e5d;
     --tl-year-color: #102541;
     --tl-transition-speed: 0.5s;
+    --tl-font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
+        "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
+    --tl-font-display: "DIN Alternate", "Arial Narrow", "Helvetica Neue",
+        Arial, sans-serif;
 }
 
 /* Section 容器 */
@@ -20,7 +22,7 @@
     background-image:
         radial-gradient(circle at 10% 20%, rgba(20, 129, 255, 0.08) 0%, transparent 20%),
         radial-gradient(circle at 90% 80%, rgba(20, 129, 255, 0.05) 0%, transparent 20%);
-    font-family: 'Noto Sans SC', sans-serif;
+    font-family: var(--tl-font-sans);
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -124,7 +126,7 @@
     transform-origin: 0 0;
     transform: rotate(90deg);
 
-    font-family: 'Oswald', sans-serif;
+    font-family: var(--tl-font-display);
     font-size: 14px;
     color: var(--tl-year-color);
     white-space: nowrap;
@@ -140,7 +142,7 @@
 
 /* 竖向文字中的简短描述 */
 .short-desc {
-    font-family: 'Noto Sans SC', sans-serif;
+    font-family: var(--tl-font-sans);
     font-size: 12px;
     opacity: 0.6;
     font-weight: 300;
@@ -194,7 +196,7 @@
 .content-date {
     display: block;
     color: var(--tl-active-color);
-    font-family: 'Oswald', sans-serif;
+    font-family: var(--tl-font-display);
     font-size: 2rem;
     margin-bottom: 15px;
     font-weight: bold;