From e4f509a9e5252f96b35c167a789e7e39deae3b73 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Tue, 16 Dec 2025 11:08:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=8B=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E9=97=AA=E7=83=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/pc/topic_laptop/index.html     | 34 +++++++++++--------
 public/static/index/mobile/css/public.css     |  6 ++--
 .../static/index/pc/css/topic_laptop/amd.css  |  2 +-
 .../static/index/pc/css/topic_laptop/fs.css   | 16 +++++++--
 4 files changed, 36 insertions(+), 22 deletions(-)

diff --git a/app/index/view/pc/topic_laptop/index.html b/app/index/view/pc/topic_laptop/index.html
index 4cb38ae3..872705a7 100644
--- a/app/index/view/pc/topic_laptop/index.html
+++ b/app/index/view/pc/topic_laptop/index.html
@@ -218,7 +218,7 @@
             </div>
             <div class="label">
                 <span class="device-name colorLinearGradient">Ryzen7 7735HS:</span>
-                <span class="value m4-max colorLinearGradient">13766</span>
+                <span class="value m4-max colorLinearGradient">1700</span>
             </div>
         </div>
         <div class="progress-item w1274">
@@ -228,7 +228,7 @@
                 </div>
             </div>
             <div class="label">
-                <span class="device-name font32 colorCBCFD8">Ryzen7 7735HS:</span>
+                <span class="device-name font32 colorCBCFD8">NVIDIA GTX 750:</span>
                 <span class="value gray font32 color8A8787">1000</span>
             </div>
         </div>
@@ -239,7 +239,7 @@
                 </div>
             </div>
             <div class="label ">
-                <span class="device-name font32 colorCBCFD8">NVIDIA GTX 750:</span>
+                <span class="device-name font32 colorCBCFD8">i7-13620H:</span>
                 <span class="value gray font32 color8A8787">1000</span>
             </div>
         </div>
@@ -308,13 +308,17 @@
         <div class="fs-ts">{$data.cooling_system.0.desc|raw}</div>
         {/notempty}
         <div class="fs-box-img opacity0" data-order="18">
-            {notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt="">{/notempty}
-            {notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt="">{/notempty}
+            <div class="fs-h-img">
+                {notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt="">{/notempty}
+                {notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt="">{/notempty}
+            </div>
+            <!-- data-order="19" -->
+            <div class="fs-b-img"  style="min-height: 20px;">
+                {notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="">{/notempty}
+            </div>
         </div>
     </div>
-    <div class="fs-b-img">
-        {notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="">{/notempty}
-    </div>
+  
 </div>
 {/notempty}
 {notempty name="data.apps"}
@@ -392,7 +396,7 @@
 {notempty name="data.exterior_texture"}
 <!-- 轻薄有型 -->
 <div class="qb">
-    <div class="qb-text opacity0" data-order="24">
+    <div class="qb-text opacity0" data-order="25">
         {assign name="exterior_texture_first" value=":array_shift($data.exterior_texture)"/}
         <div class="qb-t">{$exterior_texture_first.title|default=''|raw}</div>
         <div class="qb-p">{$exterior_texture_first.short_title|default=''|raw}</div>
@@ -412,11 +416,11 @@
 <!-- wifi6 -->
 {assign name="netword_card_first" value=":array_shift($data.network_card)"/}
 <div class="wift6" style="background: url('{$netword_card_first.image|default=\'\'}');background-size:100% auto">
-    <div class="wift6-text opacity0" data-order="25">
+    <div class="wift6-text opacity0" data-order="26">
         <div class="wift6-t">{$netword_card_first.title|default=''|raw}</div>
         <div class="wift6-p">{$netword_card_first.short_title|default=''|raw}</div>
     </div>
-    <div class="wift6-img opacity0" data-order="26">
+    <div class="wift6-img opacity0" data-order="27">
         {volist name="data.network_card" id="no"}
         <img src="{$no.image}" alt="">
         {/volist}
@@ -427,11 +431,11 @@
 <!-- 11.4h长久续航 -->
 {assign name="battery_life_first" value=":array_shift($data.battery_life)"/}
 <div class="xh" style="background: url('{$battery_life_first.image|default=\'\'}');background-size:100% auto">
-    <div class="xh-text opacity0" data-order="27">
+    <div class="xh-text opacity0" data-order="28">
         <div class="xh-t">{$battery_life_first.title|default=''|raw}</div>
         <div class="xh-p">{$battery_life_first.short_title|default=''|raw}</div>
     </div>
-    <div class="xh-img opacity0" data-order="28">
+    <div class="xh-img opacity0" data-order="29">
         {volist name="data.battery_life" id="bo"}
         <img src="{$bo.image}" alt="">
         {/volist}
@@ -498,7 +502,7 @@
 <!-- 安全介绍 -->
 {assign name="security" value=":array_shift($data.camare_microphone_security)"/}
 <div class="tabs-container">
-    <div class="tab-t opacity0" data-order="29">{$cms_section_title.title|default=''}</div>
+    <div class="tab-t opacity0" data-order="30">{$cms_section_title.title|default=''}</div>
     <div class="tab-content">
         <!-- 清晰通话 - 图片内容 -->
         {notempty name="camare_microphone"}
@@ -543,7 +547,7 @@
 {notempty name="data.product_testing"}
 <!-- 底部图片 -->
 <div class="bottom-img-box">
-    <div class="bottom-img opacity0" data-order="30">
+    <div class="bottom-img opacity0" data-order="31">
         {volist name="data.product_testing" id="po"}
         <img src="{$po.image}" alt="{$po.title}">
         {/volist}
diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css
index 17e71736..9809956d 100755
--- a/public/static/index/mobile/css/public.css
+++ b/public/static/index/mobile/css/public.css
@@ -1,20 +1,20 @@
 @font-face {
 	font-family: "HarmonyOS";
-	src: url("../fonts/HarmonyOS-Regular.otf") format("opentype");
+	src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Regular.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "HarmonyOS-Bold";
-	src: url("../fonts/HarmonyOS-Bold.otf") format("opentype");
+	src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Bold.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "HarmonyOS-Medium";
-	src: url("../fonts/HarmonyOS-Medium.otf") format("opentype");
+	src: url("//ow.static.f2b211.com/static/fonts/HarmonyOS-Medium.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
diff --git a/public/static/index/pc/css/topic_laptop/amd.css b/public/static/index/pc/css/topic_laptop/amd.css
index 7cefeaec..e5d041ee 100644
--- a/public/static/index/pc/css/topic_laptop/amd.css
+++ b/public/static/index/pc/css/topic_laptop/amd.css
@@ -60,7 +60,7 @@
 	flex: 1;
 	width: 50%;
 	/* 固定宽高比：710/210 ≈ 3.38，反向则210/710≈29.58% */
-	aspect-ratio: 710/210;
+	aspect-ratio: 711/260;
 	overflow: hidden; /* 裁剪超出部分（可选） */
 }
 
diff --git a/public/static/index/pc/css/topic_laptop/fs.css b/public/static/index/pc/css/topic_laptop/fs.css
index 4237446a..d62df45b 100644
--- a/public/static/index/pc/css/topic_laptop/fs.css
+++ b/public/static/index/pc/css/topic_laptop/fs.css
@@ -15,11 +15,21 @@
 	position: absolute;
 	bottom: -60px; */
 	display: flex;
-	justify-content: center;
-	gap: 0.2rem;
+    flex-wrap: wrap;
+	/* justify-content: center;
+	gap: 0.2rem; */
 	min-width: 1280px;
 }
-.fs-box-img img {
+
+.fs-h-img {
+	width: 100%;
+	display: flex;
+	justify-content: center;
+    gap: 0.2rem;
+	/* margin-top: 0.2rem; */
+	min-width: 1280px;
+}
+.fs-h-img img {
 	max-width: 7.1rem;
 }
 .fs-b-img {