From 48723cdfcf184b439c8883c8cb2cffd38ee5121a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Fri, 27 Feb 2026 14:39:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=89=E9=A1=B5=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/three-douhao.png | Bin 0 -> 3630 bytes
 src/components/PageAdvantage.vue   |  70 ++++++++++++++++++++++++-----
 src/components/PageHome.vue        |   4 +-
 3 files changed, 62 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/images/three-douhao.png

diff --git a/src/assets/images/three-douhao.png b/src/assets/images/three-douhao.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b6af7067c2f276c6f5783ddb04a3b91aa23623f
GIT binary patch
literal 3630
zcmV+}4$<+6P)<h;3K|Lk000e1NJLTq003|R003PG1^@s6ebVBi000f+Nkl<Zcmdp9
zO>Y~=8GgwnSENXaA|)BNQKN+pI@ri9mlkzvA&KR<bqyaxpiQ8{u>l<d1Ze+2`3rg|
z(1U@xwu96K=tCPga1+F-6vSzP!az^<Aq9*!c5B0uNJ<pHx!TUNB$pJmr1oQGxf?;F
zot>SJ_nBwrop)wuM?vE8qh^D2?>7_l$@?+-^jea>_(O{B-<qMjw`Vm6Kf-eC8RFz}
zGAlN~oPU2c%=bE&bH<oIV)bzEgDHA=cak1n3yT12pTM<jh}M1^*NFOTVUFb4X_7*5
z3M3*_4={qlA&QcuIbwc<rP(uy#YwkPjO;mDyD?4oSS658esVd9a{ZW#9n39b%n?=(
zaxhB8Qi6(!G{by^K4oO1v2%iKoj~*+v@B&|hLlu{K#m<@q)>pAi3yTfC9JWYik?a2
z&0g8XoNmoh+9BouBO8q!nE#fGlEa^%>GWuQAP&6;Ez5L56A=~GQ_(ZmZqLw-8xa#J
z+=&9r&=R6BS6Wk=215g}iO3v*cdt!SvNl7!i5nCeM4p&PYHCJR$J-mxJAfHlVo*-5
z_u&wsfncm8>l)~A0->{`i3A(p+^bNine{);(Arvv#_@y7MDKu_cdLAimG^I@3BBGz
znWG7W`aoq`$dFr9^v1?h0Ft@oX(l6JMrE3b%RLV3jq%+y!9X;b_izFMM7a7mL`w94
zWNn(YN_R-~0%kc9q{e)ju9=&57!&y6^@L_29#X%qJnoVxXdb0w@EYb5scADk@gRYZ
z*d#j^oz#IDdRz_!i7&&fCoW4uO2)j*YnbI$kaicQ=@4UXKY=Q<f?hJyR!A*5%oM6+
zYB}jJmxIZ*3W`r1eBgnQD4Slb-yDf~KY{DH7{Pe(fb51Mgj!)X9>xuy*$rI36C*SZ
zyXi%zgB^lt+>mm51ZLTKW~1gU)oCPjlF4YnN;Aqr5AzFVIT|Odz3PJZJUs%xJ0Ep*
zuGf>nnh)b){abug-Vf&{eS`V_$%Iiw^$3*Ih*1PjhJ_}>+S?Du!lnF!8S`-iOT0~>
zrjo+rS@p0>f}C_V7Ur_Dr^kDvda1?_U~UuGn4d6;@9i+w;9&mS6>{#RJBtH$<ugi$
zS8@Z(i){icO4umA=fn19>>FM69sdysLaP7Whq+B)Xu=)!2?2OIydAN)_^THmko}2S
z+Kcp0?%M=n)~_S;nI~DZZiry|0BhD~P&IKO_xeqJ$P1F6!2ppO(ZS%>lsk4z%#xg`
z!ns7!8*PwIo^<a$9~apNGQsN1kV)=9%-(G(<!{Ul3FEhhAxLwNHBS$n4}I(31|S~_
zZc}8a(Ogb5JcG3HNVS=bcal}Z)(D(0_#bn!)*<lmDgT41S)2xyp8FrO+{O$eW{;GX
zzX8Pp){K%fzf!!TK5R--RXaTp=_S?QfZAh%c@hHwl^UTvK=-Y~D=?J;?Rj8aYI+%n
zDcMf3m!GC0b|URHTOFT&FY9Yko4`HU{{%jIX1)i4var&?#n<l0MzBrbGx9%}<ZK&@
zSw{X{^*`p9<qm<Fj6$uDzk8t^u{NJwU2RgM=I?QEx6vUGt#*p4xcJuXl&ld5pwX(o
zF&{flJ+<?_OpRn8TV^w0#G*U1QStQ@YOBz(Lfg1is@5uPuMhuj*^oJq-J@F5zrAoK
zrS^It@Gq@Ym@)3pIpI`71q93PpHIua)jZGt*QY|;$W=NL+G%@z_P0^9M_`uqLZw{t
z8QQkE)xjQ!;8U3fm8%taedQWebwFP8w~Lo+q=std6L=(MxjdjkyK-H;QlgsbuX$3n
zY@a~jej~F@tx6MK-?&(8Z~qwBFZqw&Dv}hf_Xl~}ALn2}FI_44io`-;NDl;40a9u4
zQqec6CHjhU;|q)2OIHh2s{5niK7XzZ?|~o@4yvVEDtUgs^!ev}R#nh&FI_G&yt~Xf
zQ_HA7Q4X&Fv)K_Uw7=jBs}<UgY<ae2VgZ7I=@;3te`%%cY0Oew(>RCsz-~=oy%a4|
zI<`e>sb;HnqN34qx_R=tvh@^RS?$Y5$Nbe6HTJ5uFgFCPw@TX<3G5<UTx`)BtJ`#T
zWrLp9w>4l`2p>ia!Y7zTJDn)eUmtJTs)TOY!>&?612gQg<M737i_X8jLrV;EW3#AD
zvw#^5(kOF;!-~hy^N+9XtPvUIIuI7q-e;Qcfdk12W5s1Qe*&;`nLGpck{*1uLHW=o
zNvy@<iu<LNmvs8A0=;^nLQr#fdp?+#)BDtMx6FT)&c9bDOtXOb2bm3e?WZp(|EEoc
zeM`d*%n1K6!;GQFDYl{M%MJ-N$`}Me?V!ctiu?X}xn)Vn_jpgL8kqi~?E5XIgyovK
zqp-%=A|uSgHWB|v!yL3IuCwUz)BL|jP+BT2XWZ(6*73iR;*S|B8l8km<1T^GquNd?
zRxZC^NmVp;&M!y4Ih706_N<yIT`B7g)?EVY#2-w#)i8s3Y;i&f{*AWL+l1yGff)br
z9Ru&0441u2;I(UEAzuN@C-jvf_XwPS-TGHVhmno(@BDk-C2%3dA2a5an96nP#ytXy
z5yyv{c4Y2dWNmAp+6(ZQue!@0Gs$}I16p?o)DAQa^S8z}3j4qSkZ0W5jfj{7g!20^
zyF=h)GseAQp+1*?;oX<8b!FeT>|F3eePSV@FEjB3;%pOq%idQg7jH09CrqNbWX2(r
z{w#1{AkMPs598sVQV%p(@dUm&c(w@-EYy5)01TIWd1UgG4xH!0BU@_DR|oSEOCZj1
z5z+f3W}FYGl0jf&yT{lkV!DLI^FHgdi%%?pvcuDqx>62a8?6H^aWKkQ?o|p9O^E4z
z6LW?e&BPJ-$@|Q35ny@3c=`JiZxZ<B^*GZF68FXfjkCCDIAn++uzeg9Bak~3(soj3
zvwXHs@DvYcua(0B=6y`a5gJDXfdNv!P6~N#gx-gp)C`lSesSt=bYV&eW_(F}cEwPA
zq7L{Ic<+M*+5LAskZ6>{cMM+aeSf~0q$u%Mou~_`R$(Kn3a^n18U@-8%l$e^a!`yK
z@oMkGama}Y{%f8f0b?J&SAl<s<3}JS?8#Zy`-YU{Jh;r>dV6c^!xEt!b!2spu9o^P
zdp@-Hv1bQ9Zb6uJhZ6(wZvjN?cY!ojX4@^Tl;QP^Tg!&%D2W;C0aBayT{g5l@wn@p
z_dqopq`6i~%))I)Oli|wUk?E@Elg9R<-Gnn5cgd$TujWF`bx~1008pQLYnmtF#|YI
z;j1Apt-82@8OEBystc-P(Ag)j3nVJY`huibegE>YcY2>2m@!;jyn?Y0HE^i2M<B+$
zb=LDllBbD&bjLG>iyN4sI**mM8T65c3wy5rS|<?JW}L*TO^AoB?B~zd;T^lf-j?{T
zc+7ICLa(msJI>7Dwnkts7p1KzGgt%--nzt1Y-RU`>crcH?*MbeT3zW_OnUJ7!Q#87
zRcAL>^FlrNFhS{-nB}6bG`K>I<fBFAHLXTiTrt1xe@Q29s?e1hWBq6Ug6iysn7$rP
zAm%&wZ_QAxJZU;tyAeU2GP|v9QMa21k8~LCKK@;r-1wJtz<i`xv^du5C`S|c@a`lv
z=F=o<ZBrLR_mpYe;~tg+kFqgd#FhvhW}in^cC3zjeW@wff1~@+>psq<saQ$~Sz*@;
z>hr*88Ru#XdfnQMX-XfR5;j5agR6P-g)%K3zS^S29r9;Cfp{(Q;Ce#qbt1L}3=x9x
zO*%eP8}?jmc!2QoIa!+_MbM(Ok^E?|8S6&NU{-AcRrbOHAilUWOSR~vYrPKANcB2h
zx(uTQckVi<%X`0{Wq9Mv1zal}UpRAWutCBc=P$W7h=%Ct!9W$^T$VGJZCPIfIa#~K
zKRda5dsb7IIJ($cYG<*bZSaM&vt0DlL0VmHQM9G%A#Qol^Uhr@u)gnp+1czK1ysc?
zsCqeA*X68jph8t5?Y)y;j&KiJ;i9HCS=qu%GcF)@+}(u&jCnY+#aJ5Kp&*b5mJr@Q
z+0Mp7LIC013N4i0i;C5Lj77Z=aXu-;rblm^dOc)Sh&F*pwL_MdagfZk!-Q37?P{kz
zm`)@(Vj;CF<kXC=*ub0*?a*RISl#vr%w!sxIo~bZ=xR3%K(N9x&Uv1Z?3s+BZBsOQ
z<}|Dk+N14Akun*fdsuq}Lf~es#J@#0TO>cpk9~y&_>3I3DWZWHJ+m8z;b@ogj6C5V
zpYA7+cZ-D8_1a3FIwvaFtq-B;vdkjgX0LI06%vV62xrKkE_vlSBA@*PBH~Zp*(I5E
zfB5Y>v}ovlSY2NI1gsz1^1Efn|AGK2voT$y?_YG)x;;oBDttR?e+L*Q=i8Ajrar3u
zb>wM3PMuPk_Az5l`{v`VaSRg&2}Dg_xKJVN&4AymL$AZxVCSwv_q#tyHY?|_csLfz
zDrRV^{EHnn4J%TBsp4UI3k)|V5Cv{pnB1cUo_(@Os05_-tBYH}j5#C@@5}shteR#x
zfjGzx>To0(%)&etDvYxQjug-8Lo8@ahMFUj!NQy_<+T$VVE~PcEdJqe0#Wv?Vmu&Y
z3joyR>p$NjoN|x2-xT+3$btsGQ-HcWm&rSM0n59ZMiYn~QkV*KONGwIYRa4MSW=hW
z<i5CO*n$Sm`s@nZZLEtwV}{vy)n!+t{_AK05wpNrBw8PcJH5O~SWO9#ibvmAhlOq!
zG|)2V^~UN+%>M@f0RR8&e8ds}000I_L_t&o0PH*Iax+55DgXcg07*qoM6N<$f;=w&
AfB*mh

literal 0
HcmV?d00001

diff --git a/src/components/PageAdvantage.vue b/src/components/PageAdvantage.vue
index 1869164..f8f578d 100644
--- a/src/components/PageAdvantage.vue
+++ b/src/components/PageAdvantage.vue
@@ -10,6 +10,7 @@
           unknown encounter.
         </h2>
         <div class="section-card">
+          <img src="/src/assets/images/three-douhao.png" class="douhao-img">
           <p class="section-desc">
             Every moment you open it, you embark on a poetic encounter with the unknown, and meet the unexpected beauty.
           </p>
@@ -63,7 +64,7 @@
   margin-left: -25%;
 }
 .section-card{
-  
+  position: relative;
   width: clamp(400px, 32vw, 1600px);;
   height: clamp(200px, 16vw, 800px);
   background: #FFFFFF;
@@ -75,7 +76,16 @@
   font-size: @font-desc;
   line-height: 1.8;
   color: #888;
+
+  .douhao-img{
+    position: absolute;
+    height: 20%;
+    left: 40%;
+    top: 15%;
+  }
 }
+
+
 .hero-buttons {
   display: flex;
   gap: clamp(10px, 3vw, 35px);
@@ -134,16 +144,56 @@
 @media (max-width: 768px) {
   .content-wrapper {
     flex-direction: column-reverse;
-    gap: 32px;
-    padding: 0 24px;
+    align-items: center;
+    justify-content: center;
+    gap: 20px;
+    padding: 0 20px;
   }
-  .section-title { text-align: center; }
-  .section-desc { text-align: center; }
-  .phone-placeholder { width: 180px; height: 333px; }
+
+  .text-side {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .section-title {
+    text-align: center;
+    margin-left: 0;
+    font-size: clamp(24px, 6vw, 36px);
+  }
+
+  .section-card {
+    width: 100%;
+    max-width: 360px;
+    height: auto;
+    margin-left: 0;
+    padding: 20px;
+    border-radius: 16px 36px 16px 16px;
+    box-sizing: border-box;
+  }
+
+  .section-desc {
+    text-align: center;
+  }
+
+  .hero-buttons {
+    justify-content: center;
+    margin-top: 14px;
+  }
+
+  .btn-img {
+    height: clamp(34px, 6vh, 56px);
+  }
+
   .phone-img {
-  height: clamp(320px, 50vh, 800px);
-  width: auto;
-  display: block;
-}
+    height: clamp(220px, 38vh, 420px);
+    width: auto;
+    display: block;
+  }
+
+  .deco {
+    display: none;
+  }
 }
 </style>
diff --git a/src/components/PageHome.vue b/src/components/PageHome.vue
index 3080509..3ddf734 100644
--- a/src/components/PageHome.vue
+++ b/src/components/PageHome.vue
@@ -17,10 +17,10 @@
         </div>
         <img src="/src/assets/images/bg-top-phone.png" class="phone-main" />
       </div>
-      <!-- <div class="deco deco-coin1">🪙</div>
+      <div class="deco deco-coin1">🎁</div>
       <div class="deco deco-coin2">🏆</div>
       <div class="deco deco-star1">✨</div>
-      <div class="deco deco-star2">⭐</div> -->
+      <div class="deco deco-star2">⭐</div>
     </div>
   </section>
 </template>