笔记本英文版

2025-12-30 15:28:33 +08:00
parent 55a75b56b1
commit fdc9064739
20 changed files with 222 additions and 74 deletions
--- 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.",
    ],
 ];
--- 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"}
--- 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%;
--- 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;
--- 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;
--- 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;
 }
--- 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;
--- 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;
--- 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;
--- 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;
+}
--- 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;
--- 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;
--- 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;
 }
--- 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;
--- 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;
--- 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 {
--- 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;
--- 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;
--- 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;
--- 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;