feat: 字体

.gitignore

@@ -8,7 +8,7 @@ dist
 .opencode
 # Node dependencies
 node_modules
-
+*.md
 # Logs
 logs
 *.log

app/assets/scss/main.scss

@@ -1,6 +1,15 @@
+@font-face {
+  font-family: 'Source Han Sans CN';
+  src: url('~/assets/fonts/SourceHanSansCN-VF.ttf.woff2') format('woff2');
+  font-weight: 200 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 body,
 html {
   background-color: #030014;
+  font-family: 'Source Han Sans CN', sans-serif;
 }
 html,
 body,

app/components/Footer.vue

@@ -148,7 +148,7 @@
       margin-bottom: 91px;
 
       .brand-title {
-        font-family: 'Roboto', sans-serif;
+        
         font-size: 36px;
         font-weight: 900;
         line-height: 36px;
@@ -162,7 +162,7 @@
       flex-direction: row;
       flex-wrap: nowrap;
       width: 100%;
-      max-width: 1201px;
+      max-width: 1200px;
       margin-bottom: 54px;
 
       .nav-column {
@@ -175,7 +175,7 @@
         }
 
         .nav-title {
-          font-family: 'Source Han Sans CN', sans-serif;
+          
           font-size: 20px;
           font-weight: 500;
           line-height: 20px;
@@ -200,7 +200,7 @@
             }
 
             .nav-link {
-              font-family: 'Source Han Sans CN', sans-serif;
+              
               font-size: 14px;
               font-weight: 400;
               line-height: 14px;
@@ -222,7 +222,7 @@
       margin-bottom: 50px;
 
       .section-link {
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 20px;
         font-weight: 400;
         line-height: 20px;
@@ -244,7 +244,7 @@
       gap: 44px;
 
       .contact-label {
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 20px;
         font-weight: 400;
         line-height: 20px;
@@ -253,7 +253,7 @@
       }
 
       .contact-email {
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 20px;
         font-weight: 400;
         line-height: 20px;
@@ -277,7 +277,7 @@
       margin-bottom: 50px;
 
       .report-link {
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 20px;
         font-weight: 400;
         line-height: 20px;
@@ -292,7 +292,7 @@
       }
 
       .copyright {
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 20px;
         font-weight: 400;
         line-height: 20px;

app/components/FooterH5.vue

@@ -52,7 +52,7 @@
   margin-bottom: 32px;
 
   .brand-title {
-    font-family: 'Roboto', sans-serif;
+    
     font-size: 28px;
     font-weight: 900;
     color: #ffffff;
@@ -69,7 +69,7 @@
 
 .nav-column {
   .nav-title {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 18px;
     font-weight: 500;
     color: #ffffff;
@@ -77,7 +77,7 @@
   }
 
   .nav-link {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 14px;
     color: #bdbdbd;
     margin-bottom: 12px;
@@ -98,14 +98,14 @@
 
   .contact-label {
     display: block;
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 16px;
     color: #ffffff;
     margin-bottom: 8px;
   }
 
   .contact-email {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 14px;
     color: #bdbdbd;
     text-decoration: none;
@@ -114,7 +114,7 @@
 
 .footer-bottom {
   .copyright {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 12px;
     color: #666;
     margin: 0;

app/components/Header.vue

@@ -103,7 +103,6 @@ watchEffect(() => {
 
     .brand-title {
       color: #FFF;
-      font-family: Roboto;
       font-size: 30px;
       font-style: normal;
       font-weight: 700;

app/components/HeaderH5.vue

@@ -60,7 +60,6 @@ const toggleMenu = () => {
 
   .brand-title {
     color: #FFF;
-    font-family: Roboto;
     font-size: 20px;
     font-weight: 700;
     line-height: 24px;
@@ -115,7 +114,6 @@ const toggleMenu = () => {
 .nav-item {
   padding: 12px 0;
   color: #FFF;
-  font-family: "Source Han Sans CN";
   font-size: 16px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 
@@ -135,7 +133,6 @@ const toggleMenu = () => {
   padding: 12px;
   text-align: center;
   color: #FFF;
-  font-family: "Source Han Sans CN";
   font-size: 14px;
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.05);

app/components/PlansSection.vue

@@ -116,7 +116,7 @@
 
     .plan-name {
       text-align: center;
-      font-family: 'Roboto', sans-serif;
+      
       font-size: 36px;
       font-weight: 700;
       line-height: 26px;
@@ -126,7 +126,7 @@
     .plan-desc {
       margin-top: 40px;
       text-align: center;
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 20px;
       font-weight: 400;
       line-height: 20px;
@@ -163,7 +163,7 @@
 
     .plan-price {
       padding: 42px;
-      font-family: 'Roboto', sans-serif;
+      
       text-align: center;
       font-size: 65px;
       font-weight: 700;
@@ -184,7 +184,7 @@
         background: linear-gradient(91deg, rgba(163, 157, 255, 0.20) 1.24%, rgba(125, 70, 255, 0.20) 122.93%);
         border: none;
         color: #fff;
-        font-family: 'Source Han Sans CN', sans-serif;
+        
         font-size: 24px;
         cursor: pointer;
         transition: opacity 0.3s ease;
@@ -215,7 +215,7 @@
 
         li {
           position: relative;
-          font-family: 'Source Han Sans CN', sans-serif;
+          
           padding-left: 20px;
           font-size: 14px;
           font-weight: 400;

app/components/home/ProductTabs.vue

@@ -128,7 +128,7 @@ const currentLayout = computed(() => {
   gap: 22px;
 
   .tab-item {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 16px;
     font-weight: 400;
     line-height: 16px;

app/components/home/ProductTabs/MultiCardLayout.vue

@@ -49,7 +49,7 @@ defineProps({
   padding: 30px 0 35px 0;
 
   .card-title {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 20px;
     font-weight: 500;
     line-height: 20px;
@@ -61,7 +61,6 @@ defineProps({
   .card-description {
     width: 266px;
     color: rgba(255, 255, 255, 0.6);
-    font-family: "Source Han Sans CN";
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -75,7 +74,7 @@ defineProps({
     align-items: flex-start;
 
     .feature-tag {
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 14px;
       font-weight: 400;
       line-height: 14px;
@@ -100,7 +99,7 @@ defineProps({
       border-radius: 8px;
       background: linear-gradient(24.74deg, rgba(163, 157, 255, 1) 0%, rgba(125, 70, 255, 1) 100%);
       border: none;
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 14px;
       font-weight: 400;
       color: #ffffff;
@@ -119,7 +118,7 @@ defineProps({
       border: 1px solid rgba(255, 255, 255, 0.5);
       background: rgba(255, 255, 255, 0.2);
       backdrop-filter: blur(15.2px);
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 14px;
       font-weight: 400;
       color: #ffffff;

app/components/home/ProductTabs/SingleCardLayout.vue

@@ -98,7 +98,7 @@ const card = computed(() => props.cards[0])
       border-radius: 8px;
       background: linear-gradient(24.74deg, rgba(163, 157, 255, 1) 0%, rgba(125, 70, 255, 1) 100%);
       border: none;
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 16px;
       font-weight: 400;
       color: #ffffff;
@@ -117,7 +117,7 @@ const card = computed(() => props.cards[0])
       border: 1px solid rgba(255, 255, 255, 0.5);
       background: rgba(255, 255, 255, 0.2);
       backdrop-filter: blur(15.2px);
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 16px;
       font-weight: 400;
       color: #ffffff;

app/components/home/StatsSection.vue

@@ -115,7 +115,7 @@ const formatNumber = (num) => {
     z-index: 1;
 
     .stat-label {
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 24px;
       font-weight: 400;
       line-height: 24px;
@@ -125,7 +125,7 @@ const formatNumber = (num) => {
     }
 
     .stat-value {
-      font-family: 'Roboto', sans-serif;
+      
       font-size: 56px;
       font-weight: 700;
       line-height: 56px;

app/components/products/Introduction.vue

@@ -55,7 +55,6 @@
 
 .intr-title {
   color: #EADBFF;
-  font-family: "Source Han Sans CN";
   font-size: 54px;
   font-style: normal;
   font-weight: 700;
@@ -66,7 +65,6 @@
   margin-top: 14px;
   width: 218px;
   color: rgba(222, 200, 255, 0.50);
-  font-family: "Source Han Sans CN";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;

app/pages/pc/index.vue

@@ -259,7 +259,7 @@ useHead(() => ({
     margin: 0 auto;
 
     .hero-title {
-      font-family: 'Source Han Sans CN', sans-serif;
+      
       font-size: 30px;
       font-weight: 400;
       line-height: 30px;
@@ -286,7 +286,6 @@ useHead(() => ({
       align-items: flex-start;
 
       p {
-        font-family: 'Inter', sans-serif;
         font-size: 20px;
         font-weight: 400;
         line-height: normal;
@@ -311,7 +310,7 @@ useHead(() => ({
   align-items: center;
 
   .insight-title {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 36px;
     font-weight: 400;
     line-height: 36px;
@@ -321,7 +320,7 @@ useHead(() => ({
   }
 
   .insight-subtitle {
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 24px;
     font-weight: 400;
     line-height: 24px;
@@ -475,7 +474,7 @@ $Diameter :890px;
 
   .industry-text {
     padding: 16px 0 0 16px;
-    font-family: 'Source Han Sans CN', sans-serif;
+    
     font-size: 18px;
     font-weight: 400;
     line-height: 18px;

app/pages/pc/products/sdk.vue

@@ -142,7 +142,6 @@ useHead(() => ({
   margin-top: 92px;
 
   .main-text-title {
-    font-family: "Source Han Sans CN";
     font-size: 45px;
     font-style: normal;
     font-weight: 500;
@@ -155,7 +154,6 @@ useHead(() => ({
 
   .main-text-subtitle {
     color: #E2D9FF;
-    font-family: "Source Han Sans CN";
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
@@ -205,7 +203,6 @@ useHead(() => ({
   gap: 50px;
 
   h2 {
-    font-family: "Source Han Sans CN";
     font-size: 62px;
     font-style: normal;
     font-weight: 500;

app/pages/pc/products/web.vue

@@ -13,6 +13,15 @@
         </div>
       </div>
     </section>
+    <section class="cdn-container">
+      <div class="cdn-title">
+        <h2>
+          678CDN功能
+        </h2>
+        <p>让科技为您的业务发光发亮，CDN功能助力您的网站顺畅、高效、安全地运作，
+          同时提供数据防范和预防技术，让您的网站免于遭受恶意攻击</p>
+      </div>
+    </section>
   </div>
 </template>
 <script setup>
@@ -104,4 +113,38 @@ definePageMeta({
     }
   }
 }
+
+.cdn-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .cdn-title {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+
+    h2 {
+      font-size: 45px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 45px;
+      background: linear-gradient(90deg, #B8AFFF 20.05%, #C597FF 101.05%);
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    p {
+      color: #E2D9FF;
+      text-align: center;
+      font-size: 24px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 36px;
+    }
+  }
+}
 </style>

package.json

@@ -21,7 +21,6 @@
   },
   "devDependencies": {
     "@types/node": "^25.0.7",
-    "element-plus": "^2.13.1",
     "sass": "^1.97.2"
   }
 }