From fdc9064739ab78454a3bfa5e20bbcde4302503ef Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Tue, 30 Dec 2025 15:28:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/lang/en-us/mobile.php               |   2 +-
 app/index/view/mobile/topic_laptop/index.html | 150 +++++++++++++++---
 .../index/mobile/css/topic_laptop/bly.css     |   4 +-
 .../index/mobile/css/topic_laptop/cpu.css     |   5 +-
 .../mobile/css/topic_laptop/endurance.css     |   4 +-
 .../index/mobile/css/topic_laptop/footer.css  |  42 +++--
 .../index/mobile/css/topic_laptop/fs.css      |   4 +-
 .../index/mobile/css/topic_laptop/gpu.css     |   4 +-
 .../index/mobile/css/topic_laptop/header.css  |   8 +-
 .../index/mobile/css/topic_laptop/index.css   |  21 +++
 .../index/mobile/css/topic_laptop/ips.css     |   4 +-
 .../index/mobile/css/topic_laptop/m2.css      |  10 +-
 .../index/mobile/css/topic_laptop/memory.css  |  11 +-
 .../index/mobile/css/topic_laptop/qb.css      |   4 +-
 .../index/mobile/css/topic_laptop/rgb.css     |   4 +-
 .../index/mobile/css/topic_laptop/swiper.css  |   2 +-
 .../index/mobile/css/topic_laptop/tabs.css    |   2 +-
 .../index/mobile/css/topic_laptop/wift.css    |   4 +-
 .../index/mobile/css/topic_laptop/xn.css      |   2 +-
 .../index/mobile/css/topic_laptop/zoom.css    |   9 +-
 20 files changed, 222 insertions(+), 74 deletions(-)

diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php
index 01f4f345..4e0cde9b 100644
--- a/app/index/lang/en-us/mobile.php
+++ b/app/index/lang/en-us/mobile.php
@@ -234,6 +234,6 @@ return [
         "接口大满贯" => "Full-Featured Ports",
         "酷睿i5-12450H" => "Core i5-12450H",
         "锐龙9 6900HX" => "Ryzen9 6900HX",
-        "标配多种接口，会议室连接电脑、U盘传输文件、TF卡读取等，全都轻松搞定" => "Versatile Ports for Easy Connectivity. Effortlessly link to pro",
+        "标配多种接口，会议室连接电脑、</br>U盘传输文件、TF卡读取等，全都轻松搞定" => "Versatile Ports for Easy Connectivity. Effortlessly</br> link to projectors, U disks, TF cards, and more.",
     ],
 ];
diff --git a/app/index/view/mobile/topic_laptop/index.html b/app/index/view/mobile/topic_laptop/index.html
index 950fe5e7..cc560a15 100644
--- a/app/index/view/mobile/topic_laptop/index.html
+++ b/app/index/view/mobile/topic_laptop/index.html
@@ -22,7 +22,7 @@
     <link rel="stylesheet" href="__CSS__/topic_laptop/window.css">
     <link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
     <script type="text/javascript">
-        (function (doc, win)
+       (function (doc, win)
         {
             var docEl = doc.documentElement;
             var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
@@ -30,10 +30,12 @@
             function setRootFontSize ()
             {
                 var clientWidth = docEl.clientWidth;
+                console.log(clientWidth,'=clientWidth=')
                 if (!clientWidth) return;
                 var fontSize = clientWidth / 7.5; // 750px/7.5=100px，375px/7.5=50px
                 // 直接修改内联样式，优先级最高
                 docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
+                console.log(fontSize,'=fontSize=')
             }
 
             setRootFontSize();
@@ -116,8 +118,13 @@
     {assign name="cpu_first_section" value=":array_shift($data.cpu)"/}
     <div class="cpu-main" style="background: url('{$cpu_first_section.image|default=\'\'}');background-size:100% auto">
         <div class="cpu-texts">
-            <div class="cpu-texts-t">{$cpu_first_section.title|default=''}</div>
-            <p class="cpu-texts-p">{$cpu_first_section.short_title|default=''}</p>
+            {eq name=":cookie('think_lang')" value="en-us"}
+                <div class="cpu-texts-t f36">{$cpu_first_section.title|default=''|raw}</div>
+                <p class="cpu-texts-p f18">{$cpu_first_section.short_title|default=''|raw}</p>
+            {else/}
+                <div class="cpu-texts-t">{$cpu_first_section.title|default=''|raw}</div>
+                <p class="cpu-texts-p">{$cpu_first_section.short_title|default=''|raw}</p>
+            {/eq}
         </div>
         <div class="cpu-footer">
             <div class="cpu-footer-img">
@@ -197,8 +204,13 @@
 <div class="gpu">
     {assign name="gpu_first_section" value=":array_shift($data.gpu)"/}
     <div class="gpu-texts">
-        <div class="gpu-texts-t">{$gpu_first_section.title|default=''|raw}</div>
-        <div class="gpu-texts-p">{$gpu_first_section.short_title|default=''|raw}</div>
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="gpu-texts-t f36">{$gpu_first_section.title|default=''|raw}</div>
+        <div class="gpu-texts-p f18">{$gpu_first_section.short_title|default=''|raw}</div>
+        {else/}
+            <div class="gpu-texts-t">{$gpu_first_section.title|default=''|raw}</div>
+            <div class="gpu-texts-p">{$gpu_first_section.short_title|default=''|raw}</div>
+        {/eq}
     </div>
     <div class="gpu-main-img" style="background: url('{$gpu_first_section.image|default=\'\'}');background-size:100% auto">
         <div class="gpu-amd-img">
@@ -266,9 +278,17 @@
 {notempty name="data.ram"}
 <!-- 内存 memory-->
 <div class="memory">
-    <div class="memory-t">{$data.ram.title|raw}</div>
+    {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="memory-t f36">{$data.ram.title|raw}</div>
+    {else/}
+        <div class="memory-t">{$data.ram.title|raw}</div>
+    {/eq}
     <div class="memory-img" style="background: url('{$data.ram.image|default=\'\'}'); background-size:100% auto">
-        <div class="memory-p">{$data.ram.short_title|raw}</div>
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="memory-p f18">{$data.ram.short_title|raw}</div>
+        {else/}
+        <div class="memory-p ">{$data.ram.short_title|raw}</div>
+        {/eq}
         <div class="memory-footer-img">{$data.ram.desc|raw}</div>
     </div>
 </div>
@@ -278,7 +298,12 @@
 <div class="m2">
     {assign name="ssd_first_section" value=":array_shift($data.hard_drive)"/}
     <div class="m2-bg" style="background: url('{$ssd_first_section.image|default=\'\'}');background-size:100% auto">
-        <div class="m2-bg-t1">{$ssd_first_section.title|default=''|raw}</div>
+        {eq name=":cookie('think_lang')" value="en-us"}
+            <div class="m2-bg-t1 f36">{$ssd_first_section.title|default=''|raw}</div>
+        {else/}
+            <div class="m2-bg-t1">{$ssd_first_section.title|default=''|raw}</div>
+        {/eq}
+        <div class="m2-bg-p">{$ssd_first_section.short_title|default=''|raw}</div>
         <div class="m2-img-box">
             {volist name="data.hard_drive" id="ho"}
             <img src="{$ho.image}" alt="{$ho.title}" loading="lazy">
@@ -292,8 +317,13 @@
 <div class="fs">
     {notempty name="data.cooling_system.0"}
     <div class="dl">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="dl-t f36">{$data.cooling_system.0.title|raw}</div>
+        <p class="dl-p f18">{$data.cooling_system.0.short_title|raw}</p>
+        {else/}
         <div class="dl-t">{$data.cooling_system.0.title|raw}</div>
         <p class="dl-p">{$data.cooling_system.0.short_title|raw}</p>
+        {/eq}
     </div>
     {/notempty}
     <div class="fs-box">
@@ -322,7 +352,11 @@
 {notempty name="data.apps"}
 <!-- 性能大拿 -->
 <div class="xn">
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="xn-t f28">{$data.apps.title|default=''}</div>
+    {else/}
     <div class="xn-t">{$data.apps.title|default=''}</div>
+    {/eq}
     <div class="xn-container">
         <div class="xn-image-section">
             <img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image">
@@ -335,9 +369,17 @@
 <!-- IPS -->
 <div class="ips">
     {assign name="ips_fisrt_section" value=":array_shift($data.screen_soft_light)"/}
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="ips-t f48">{$ips_fisrt_section.title|default=''|raw}</div>
+    {else/}
     <div class="ips-t">{$ips_fisrt_section.title|default=''|raw}</div>
+    {/eq}
     <div class="ips-bg" style="background: url('{$ips_fisrt_section.image|default=\'\'}');background-size:100% auto">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <p class="f18">{$ips_fisrt_section.short_title|default=''|raw}</p>
+        {else/}
         <p>{$ips_fisrt_section.short_title|default=''|raw}</p>
+        {/eq}
     </div>
     <div class="ips-imgs">
         {volist name="data.screen_soft_light" id="lo"}
@@ -350,9 +392,17 @@
 <!-- 色彩RGB -->
 <div class="rgb">
     {assign name="gamut_first_section" value=":array_shift($data.screen_color_gamut)"/}
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="rgb-t f36">{$gamut_first_section.title|default=''|raw}</div>
+    {else/}
     <div class="rgb-t">{$gamut_first_section.title|default=''|raw}</div>
+    {/eq}
     <div class="rgb-bg" style="background: url('{$gamut_first_section.image|default=\'\'}');background-size:100% auto">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <p class="rgb-p f18">{$gamut_first_section.short_title|default=''|raw}</p>
+        {else/}
         <p class="rgb-p">{$gamut_first_section.short_title|default=''|raw}</p>
+        {/eq}
     </div>
     <div class="rgb-imgs">
         {volist name="data.screen_color_gamut" id="go"}
@@ -366,8 +416,13 @@
 <div class="bly">
     {assign name="glare_first_section" value=":array_shift($data.screen_anti_glare)"/}
     <div class="bly-texts">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="bly-t f36">{$glare_first_section.title|default=''|raw}</div>
+        <div class="bly-p f18">{$glare_first_section.short_title|default=''|raw}</div>
+        {else/}
         <div class="bly-t">{$glare_first_section.title|default=''|raw}</div>
         <div class="bly-p">{$glare_first_section.short_title|default=''|raw}</div>
+        {/eq}
     </div>
     <div class="beforeafter ba-slider" style="border-radius: 0.14rem;height: 3.4rem;">
         {assign name="glare_left" value=":array_shift($data.screen_anti_glare)"/}
@@ -385,8 +440,13 @@
 <div class="qb">
     <div class="qb-text">
         {assign name="texture_first_section" value=":array_shift($data.exterior_texture)"/}
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="qb-t f36">{$texture_first_section.title|default=''|raw}</div>
+        <div class="qb-p f18">{$texture_first_section.short_title|default=''|raw}</div>
+        {else/}
         <div class="qb-t">{$texture_first_section.title|default=''|raw}</div>
         <div class="qb-p">{$texture_first_section.short_title|default=''|raw}</div>
+        {/eq}
         <div class="swiper-container auto-swiper-container">
             <div class="swiper-wrapper">
                 {volist name="data.exterior_texture" id="to"}
@@ -404,8 +464,13 @@
 {assign name="wifi_first_section" value=":array_shift($data.network_card)"/}
 <div class="wifi" style="background: url('{$wifi_first_section.image|default=\'\'}');background-size:100% auto">
     <div class="wifi-texts">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="wifi-t f36">{$wifi_first_section.title|default=''|raw}</div>
+        <div class="wifi-p f16">{$wifi_first_section.short_title|default=''|raw}</div>
+        {else/}
         <div class="wifi-t">{$wifi_first_section.title|default=''|raw}</div>
         <div class="wifi-p">{$wifi_first_section.short_title|default=''|raw}</div>
+        {/eq}
     </div>
     <div class="wifi-img">
         {volist name="data.network_card" id="co"}
@@ -419,8 +484,13 @@
 {assign name="battery_first_section" value=":array_shift($data.battery_life)"/}
 <div class="endurance" style="background: url('{$battery_first_section.image|default=\'\'|raw}');background-size:100% auto">
     <div class="endurance-texts">
+        {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="endurance-t f36">{$battery_first_section.title|default=''|raw}</div>
+        <div class="endurance-p f18">{$battery_first_section.short_title|default=''|raw}</div>
+        {else/}
         <div class="endurance-t">{$battery_first_section.title|default=''|raw}</div>
         <div class="endurance-p">{$battery_first_section.short_title|default=''|raw}</div>
+        {/eq}
     </div>
     <div class="endurance-img">
         {volist name="data.battery_life" id="lo"}
@@ -438,36 +508,64 @@
         <img src="__IMAGES__/topic_laptop/zoom-img-1.png" alt="接口图" class="bg-img" id="bgImg" loading="lazy">
     </div>
     <!-- 左边 -->
-    <div class="annotation anno-delay-1" style="top:60%; left: 37.5%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('肯辛通锁孔')}</span>
-    </div>
-    <div class="annotation anno-delay-1 anno-up" style="top: 31.5%; left: 32%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('千兆网口')}</span>
+    {eq name=":cookie('think_lang')" value="en-us"}
+        <div class="annotation anno-delay-1 anno-up1" style="top: 29%; left: 33%;">
+            <span style="text-align: center; font-size: 0.16rem;">Gigabit <br/> Ethernet</span>
+        </div>
+    {else/}
+        <div class="annotation anno-delay-1 anno-up" style="top: 32.5%; left: 32%;">
+            <span style="text-align: center; font-size: 0.16rem;">千兆网口</span>
+        </div>
+    {/eq}
+    <div class="annotation anno-delay-1" style="top:60%; left: 39%;">
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('肯辛通锁孔')}</span>
     </div>
     <div class="annotation anno-delay-1" style="top: 68%; left: 26%;">
-        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br />(5Gbps)')}</span>
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(5Gbps)')}</span>
     </div>
     <div class="annotation anno-delay-1 anno-up1" style="top:35.5%; left:18%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-A<br />(480Mbps)')}</span>
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(480Mbps)')}</span>
     </div>
-    <div class="annotation anno-delay-1" style="top: 73%; left: 14.5%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('3.5mm<br />耳麦合一')}</span>
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="annotation anno-delay-1" style="top: 73%; left: 13.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">3.5mm <br/> Combo Audio</span>
     </div>
+    {else/}
+    <div class="annotation anno-delay-1" style="top: 73%; left: 15.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">3.5mm<br/>耳麦合一</span>
+    </div>
+    {/eq}
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="annotation anno-delay-1 anno-up1" style="top: 40%; left: 9.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">TF 3.0 <br/> Card Slot</span>
+    </div>
+    {else/}
     <div class="annotation anno-delay-1 anno-up" style="top: 43%; left: 9%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('TF口3.0')}</span>
+        <span style="text-align: center; font-size: 0.16rem;">TF口3.0</span>
     </div>
+    {/eq}
+
     <!-- 右边 -->
-    <div class="annotation anno-delay-1" style="top: 64%; left: 58%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('全功能<br />USB-C')}</span>
+    {eq name=":cookie('think_lang')" value="en-us"}
+    <div class="annotation anno-delay-1" style="top: 64%; left: 56.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">All-in-One <br/> USB-C</span>
     </div>
-    <div class="annotation anno-up anno-delay-1" style="top: 34%; left: 65%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('HDMI')}</span>
+    {else/}
+    <div class="annotation anno-delay-1" style="top: 64%; left: 58.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">全功能<br/>USB-C</span>
     </div>
-    <div class="annotation anno-delay-1" style="top: 70.5%; left: 70.5%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-A<br />(5Gbps)')}</span>
+    {/eq}
+
+
+
+    <div class="annotation anno-up anno-delay-1" style="top: 34%; left: 66.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('HDMI')}</span>
     </div>
-    <div class="annotation anno-up1 anno-delay-1" style="top:38.5%; left: 77%;">
-        <span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-C<br />(5Gbps)')}</span>
+    <div class="annotation anno-delay-1" style="top: 70.5%; left: 71.5%;">
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(5Gbps)')}</span>
+    </div>
+    <div class="annotation anno-up1 anno-delay-1" style="top:38.5%; left: 78%;">
+        <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-C<br/>(5Gbps)')}</span>
     </div>
 </div>
 {notempty name="data.scene_focus_images"}
diff --git a/public/static/index/mobile/css/topic_laptop/bly.css b/public/static/index/mobile/css/topic_laptop/bly.css
index e9bf33d5..dde850be 100644
--- a/public/static/index/mobile/css/topic_laptop/bly.css
+++ b/public/static/index/mobile/css/topic_laptop/bly.css
@@ -33,13 +33,13 @@
 	transform: scale(0.8);
 }
 .bly-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	text-align: center;
 	width: 100%;
 }
 .bly-p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	text-align: center;
 	width: 100%;
diff --git a/public/static/index/mobile/css/topic_laptop/cpu.css b/public/static/index/mobile/css/topic_laptop/cpu.css
index 0d119b3f..a02eb452 100644
--- a/public/static/index/mobile/css/topic_laptop/cpu.css
+++ b/public/static/index/mobile/css/topic_laptop/cpu.css
@@ -10,18 +10,19 @@
 }
 .cpu-texts-t {
 	color: #fff;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	line-height: 1;
 	text-align: center;
 	padding-top: 0.19rem;
 }
 .cpu-texts-p {
 	color: #cbcfd8;
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	margin-top: 0.37rem;
 	line-height: 1;
 	text-align: center;
 }
+
 .cpu-footer {
 	position: absolute;
 	bottom: 0;
diff --git a/public/static/index/mobile/css/topic_laptop/endurance.css b/public/static/index/mobile/css/topic_laptop/endurance.css
index 504524ac..4d0385a8 100644
--- a/public/static/index/mobile/css/topic_laptop/endurance.css
+++ b/public/static/index/mobile/css/topic_laptop/endurance.css
@@ -23,12 +23,12 @@
 	line-height: 1;
 }
 .endurance-t span:nth-child(2) {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	margin-left: 0.11rem;
 	line-height: 1;
 }
 .endurance-p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	text-align: center;
 	padding-top: 0.37rem;
diff --git a/public/static/index/mobile/css/topic_laptop/footer.css b/public/static/index/mobile/css/topic_laptop/footer.css
index 6b4045af..b93d3002 100644
--- a/public/static/index/mobile/css/topic_laptop/footer.css
+++ b/public/static/index/mobile/css/topic_laptop/footer.css
@@ -53,23 +53,33 @@
   }
   .oircoEgapp-foot .m_footer {
     display: flex;
-    flex-direction: row;
+    /* flex-direction: row; */
     align-items: center;
     justify-content: center;
+    margin:0 4%;
+    padding-top: 0 !important;
   }
-  .oircoEgapp-foot .m_footer .left,
+  /* .oircoEgapp-foot .m_footer .left,
   .oircoEgapp-foot .foot-con {
     display: flex;
     flex-direction: row;
     align-items: center;
-  }
+  } */
   .oircoEgapp-foot .m_footer .right {
-    max-width: 55%;
+    flex:1;
+    width: 50% !important;
+    display: flex !important;
+    justify-content: end !important;
+    /* max-width: 55%; */
   }
   .oircoEgapp-foot .m_footer .left {
-    max-width: 40%;
+    flex:1 !important;
+    /* max-width: 40%;
     justify-content: end;
-    margin-right: 4%;
+    margin-right: 4%; */
+    width: 50% !important;
+    display: flex;
+    justify-content: space-between;
   }
   .oircoEgapp-foot .foot-con span {
     width: auto;
@@ -89,17 +99,18 @@
     align-items: center;
 }
 .foot-cate {
-    padding: 0 0.16rem;
+    padding: 0.16rem;
 }
 .foot-cate h3 {
     font-size: 0.28rem;
 }
 .foot-cate li {
-    padding: 0.7rem 0;
-    min-height: 1.8rem;
+    padding: 0.16rem 0;
+    min-height: 276px;
+    
 }
 .foot-cate li p {
-    line-height: 0.8rem;
+    line-height: 40px;
 }
 .m_footer .right {
     float: right;
@@ -107,7 +118,7 @@
     text-align: left;
 }
 .foot-con span {
-    font-size:0.28rem;
+    font-size:14px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -127,10 +138,13 @@
   
 }
 .m_footer .left img {
-   width: 0.55rem;
-    padding-right: 0.2rem;
+   width: 30px;
+    padding-right:0 !important;
     padding-top: 0;
 }
-.oircoEgapp-foot .m_footer .right {
+/* .oircoEgapp-foot .m_footer .right {
     max-width: 50%;
+} */
+.m_footer .right {
+    padding: 0 !important;
 }
\ No newline at end of file
diff --git a/public/static/index/mobile/css/topic_laptop/fs.css b/public/static/index/mobile/css/topic_laptop/fs.css
index 91f9bb1f..6414f014 100644
--- a/public/static/index/mobile/css/topic_laptop/fs.css
+++ b/public/static/index/mobile/css/topic_laptop/fs.css
@@ -52,14 +52,14 @@
 }
 .dl-t {
 	color: #fff;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	width: 100%;
 	text-align: center;
 	line-height: 1.5;
 }
 .dl-p {
 	color: #cbcfd8;
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	width: 100%;
 	text-align: center;
 	padding-top: 0.37rem;
diff --git a/public/static/index/mobile/css/topic_laptop/gpu.css b/public/static/index/mobile/css/topic_laptop/gpu.css
index 117e315b..74ecb2fc 100644
--- a/public/static/index/mobile/css/topic_laptop/gpu.css
+++ b/public/static/index/mobile/css/topic_laptop/gpu.css
@@ -5,7 +5,7 @@
 }
 .gpu-texts {
 	color: #fff;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	margin: 0 0.34rem;
 }
 .gpu-texts-t {
@@ -13,7 +13,7 @@
 }
 
 .gpu-texts-p {
-	font-size: 0.16rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	line-height: 1.5;
 	margin-top: 0.32rem;
diff --git a/public/static/index/mobile/css/topic_laptop/header.css b/public/static/index/mobile/css/topic_laptop/header.css
index e197fee7..1d1c4c96 100644
--- a/public/static/index/mobile/css/topic_laptop/header.css
+++ b/public/static/index/mobile/css/topic_laptop/header.css
@@ -18,7 +18,9 @@
     background: #fff;
   }
   .oircoEgapp-head .headtop .headerlogimg {
-    width: 2.25rem !important;
+
+    max-width: 140px;
+    min-width: 123px;
     height: auto !important;
     display: block;
     /* height: 2.25rem; */
@@ -61,7 +63,7 @@
     color: #666;
   }
   .cursor_p span {
-    font-size: 0.38rem;
+    font-size: 22px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -71,7 +73,7 @@
     padding-left: 0.2rem;
   }
   .cursor_p span:hover {
-    font-size: 0.38rem;
+    font-size:22px;
     white-space: normal;
     width: 100%;
     overflow: inherit;
diff --git a/public/static/index/mobile/css/topic_laptop/index.css b/public/static/index/mobile/css/topic_laptop/index.css
index 7f5618ac..91c9eddb 100644
--- a/public/static/index/mobile/css/topic_laptop/index.css
+++ b/public/static/index/mobile/css/topic_laptop/index.css
@@ -5,9 +5,30 @@
 html {
 	width: 100% !important;
 	overflow-x: hidden;
+    margin: 0 !important;
+    padding: 0 !important;
+    max-width: 100vw !important;
 }
 body {
 	width: 100%;
 	background: #000;
 	overflow-x: hidden;
+    margin: 0 !important;
+    padding: 0 !important;
+    max-width: 100vw !important;
 }
+
+.f36{
+    font-size: 0.36rem !important;
+}
+.f18{
+    font-size: 0.18rem !important;
+}
+.f28 {
+    font-size: 0.28rem !important;
+}
+.f48 {
+    font-size: 0.48rem !important;
+    line-height: 1 !important;
+    margin-bottom: 0.6rem !important;
+}
\ No newline at end of file
diff --git a/public/static/index/mobile/css/topic_laptop/ips.css b/public/static/index/mobile/css/topic_laptop/ips.css
index 564ccd46..3c84437c 100644
--- a/public/static/index/mobile/css/topic_laptop/ips.css
+++ b/public/static/index/mobile/css/topic_laptop/ips.css
@@ -2,7 +2,7 @@
 	position: relative;
 }
 .ips-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	line-height: 1.5;
 	margin-top: 1.5rem;
@@ -15,7 +15,7 @@
 	position: relative;
 }
 .ips-bg p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	line-height: 1.5;
 	margin-left: 0.38rem;
diff --git a/public/static/index/mobile/css/topic_laptop/m2.css b/public/static/index/mobile/css/topic_laptop/m2.css
index b4509efe..35b6d8ba 100644
--- a/public/static/index/mobile/css/topic_laptop/m2.css
+++ b/public/static/index/mobile/css/topic_laptop/m2.css
@@ -9,13 +9,21 @@
 }
 
 .m2-bg-t1 {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	width: 100%;
 	text-align: center;
 	line-height: 1.5;
 	padding-top: 1.3rem;
 }
+.m2-bg-p {
+    color: #CBCFD8ff;
+    font-size: 0.18rem;
+    padding-top:0.37rem;
+    width: 100%;
+    text-align: center;
+   
+}
 .m2-img-box {
 	position: absolute;
 	bottom: 0.66rem;
diff --git a/public/static/index/mobile/css/topic_laptop/memory.css b/public/static/index/mobile/css/topic_laptop/memory.css
index 8cb92ed9..9a0c5204 100644
--- a/public/static/index/mobile/css/topic_laptop/memory.css
+++ b/public/static/index/mobile/css/topic_laptop/memory.css
@@ -2,7 +2,7 @@
 	width: 100%;
 }
 .memory-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	width: 100%;
 	text-align: center;
@@ -16,7 +16,7 @@
 }
 .memory-p {
 	width: 100%;
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	text-align: center;
 	line-height: 1.5;
@@ -26,9 +26,14 @@
 	left: 50%;
 	transform: translateX(-50%);
 	bottom: -0.74rem;
+    width: 6.83rem;
+}
+.memory-footer-img p {
+    height:0;
 }
-
 .memory-footer-img img {
 	width: 6.83rem;
+   
 	display: block;
+    aspect-ratio: 683/148;
 }
diff --git a/public/static/index/mobile/css/topic_laptop/qb.css b/public/static/index/mobile/css/topic_laptop/qb.css
index 19992d4c..1d2e74b5 100644
--- a/public/static/index/mobile/css/topic_laptop/qb.css
+++ b/public/static/index/mobile/css/topic_laptop/qb.css
@@ -6,13 +6,13 @@
 } */
 .qb-t {
 	width: 100%;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	text-align: center;
 	padding-top: 1.5rem;
 }
 .qb-p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	text-align: center;
 	padding-top: 0.37rem;
diff --git a/public/static/index/mobile/css/topic_laptop/rgb.css b/public/static/index/mobile/css/topic_laptop/rgb.css
index ea965b8e..a6c98a92 100644
--- a/public/static/index/mobile/css/topic_laptop/rgb.css
+++ b/public/static/index/mobile/css/topic_laptop/rgb.css
@@ -1,5 +1,5 @@
 .rgb-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	width: 100%;
 	text-align: center;
@@ -11,7 +11,7 @@
 	aspect-ratio: 750/582;
 }
 .rgb-p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	line-height: 1.5;
 	text-align: center;
diff --git a/public/static/index/mobile/css/topic_laptop/swiper.css b/public/static/index/mobile/css/topic_laptop/swiper.css
index ca3369d4..58a505c8 100644
--- a/public/static/index/mobile/css/topic_laptop/swiper.css
+++ b/public/static/index/mobile/css/topic_laptop/swiper.css
@@ -45,7 +45,7 @@
 	width: 100%;
 	display: flex;
 	align-items: center;
-	letter-spacing: 1px;
+	/* letter-spacing: px; */
 	justify-content: center;
 }
 .swiper-container-texts-p div {
diff --git a/public/static/index/mobile/css/topic_laptop/tabs.css b/public/static/index/mobile/css/topic_laptop/tabs.css
index 02c23bc8..ed9f9213 100644
--- a/public/static/index/mobile/css/topic_laptop/tabs.css
+++ b/public/static/index/mobile/css/topic_laptop/tabs.css
@@ -88,7 +88,7 @@
 	display: block;
 }
 .tab-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #cbcfd8;
 	width: 100%;
 	text-align: center;
diff --git a/public/static/index/mobile/css/topic_laptop/wift.css b/public/static/index/mobile/css/topic_laptop/wift.css
index 5bcccd45..7ceed630 100644
--- a/public/static/index/mobile/css/topic_laptop/wift.css
+++ b/public/static/index/mobile/css/topic_laptop/wift.css
@@ -12,12 +12,12 @@
 }
 .wifi-t {
 	width: 100%;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	line-height: 1.5;
 }
 .wifi-p {
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	padding-top: 0.37rem;
 	line-height: 1.4;
diff --git a/public/static/index/mobile/css/topic_laptop/xn.css b/public/static/index/mobile/css/topic_laptop/xn.css
index a6eee50d..b033071f 100644
--- a/public/static/index/mobile/css/topic_laptop/xn.css
+++ b/public/static/index/mobile/css/topic_laptop/xn.css
@@ -32,7 +32,7 @@
 	opacity: 1;
 }
 .xn-t {
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	text-align: center;
 	margin-top: 1.5rem;
diff --git a/public/static/index/mobile/css/topic_laptop/zoom.css b/public/static/index/mobile/css/topic_laptop/zoom.css
index 842070cc..a41814f3 100644
--- a/public/static/index/mobile/css/topic_laptop/zoom.css
+++ b/public/static/index/mobile/css/topic_laptop/zoom.css
@@ -34,7 +34,7 @@
 /* 标注样式：关键修正 - 基于容器绝对定位，百分比参考图片原始比例 */
 .annotation {
 	position: absolute;
-	color: #48494d;
+	color: #fff;
 	font-size: calc(12px + 0.3vw);
 	opacity: 0;
 	transform: translateY(calc(10px + 0.5vw));
@@ -70,7 +70,7 @@
 	width: 0.01rem;
 	height: 0;
 	bottom: calc(100% + 6px);
-	background-color: #48494d;
+	background-color: #fff;
 	transition: height 0.8s ease;
 	transform-origin: bottom center;
 }
@@ -92,20 +92,19 @@
 /* 标注显示时，设置线条最终高度 */
 .annotation.anno-show span::before {
 	height: 0.57rem;
-	/* 最终高度（vw单位） */
 }
 
 .zoom-t {
 	width: 100%;
 	text-align: center;
-	font-size: 0.36rem;
+	font-size: 0.48rem;
 	color: #fff;
 	padding-top: 1.5rem;
 }
 .zoom-p {
 	width: 100%;
 	text-align: center;
-	font-size: 0.18rem;
+	font-size: 0.20rem;
 	color: #cbcfd8;
 	position: absolute;
 	top: 0.37rem;