From a039abf37862b4a4aeb449dabf8226dfaf82d493 Mon Sep 17 00:00:00 2001
From: Pine <wwork.wss@icloud.com>
Date: Fri, 28 Aug 2026 17:19:37 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=B0=8F=E7=A8=8B=E5=BA=8F):=20=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5hero=E5=BE=BD=E7=AB=A0=E6=94=B9=E6=AF=9B=E7=8E=BB?=
 =?UTF-8?q?=E7=92=83=20+=20CTA=E4=B8=89=E6=8C=89=E9=92=AE=E4=B8=BB?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=90=8C=E6=AC=BE=E6=B8=90=E5=8F=98(55%?=
 =?UTF-8?q?=E9=80=8F=E6=98=8E)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/src/pages/index/index.jsx  |  6 +++---
 miniprogram/src/pages/index/index.scss | 19 ++++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/miniprogram/src/pages/index/index.jsx b/miniprogram/src/pages/index/index.jsx
index 6df6348..ebaf199 100644
--- a/miniprogram/src/pages/index/index.jsx
+++ b/miniprogram/src/pages/index/index.jsx
@@ -23,9 +23,9 @@ export default function Index() {
         </View>
         <Text className="mk-subhead">{MK_HERO.subhead}</Text>
         <View className="mk-cta">
-          <Button className="btn btn-cta" onClick={goTab(MK_HERO.ctaPrimary.tab)}>{MK_HERO.ctaPrimary.label}</Button>
-          <Button className="btn btn-ghost" onClick={goTab(MK_HERO.ctaSecondary.tab)}>{MK_HERO.ctaSecondary.label}</Button>
-          <Button className="btn btn-ghost" onClick={() => Taro.navigateTo({ url: '/pages/park-apply/index' })}>入驻申请</Button>
+          <Button className="mk-cta-btn" onClick={goTab(MK_HERO.ctaPrimary.tab)}>{MK_HERO.ctaPrimary.label}</Button>
+          <Button className="mk-cta-btn" onClick={goTab(MK_HERO.ctaSecondary.tab)}>{MK_HERO.ctaSecondary.label}</Button>
+          <Button className="mk-cta-btn" onClick={() => Taro.navigateTo({ url: '/pages/park-apply/index' })}>入驻</Button>
         </View>
       </View>
 
diff --git a/miniprogram/src/pages/index/index.scss b/miniprogram/src/pages/index/index.scss
index e553242..9256d19 100644
--- a/miniprogram/src/pages/index/index.scss
+++ b/miniprogram/src/pages/index/index.scss
@@ -28,9 +28,11 @@
 
 .mk-badge {
   display: inline-flex;
-  border: 1rpx solid rgba(255, 255, 255, 0.22);
-  color: #c8c8c8;
-  background: rgba(40, 40, 42, 0.6);
+  border: 1rpx solid rgba(99, 132, 255, 0.22);
+  color: #5a6aa3;
+  background: rgba(255, 255, 255, 0.55);
+  backdrop-filter: blur(20px) saturate(160%);
+  -webkit-backdrop-filter: blur(20px) saturate(160%);
   border-radius: 999px;
   padding: 12rpx 32rpx;
   font-size: 24rpx;
@@ -80,6 +82,17 @@
   animation-delay: 0.4s;
 }
 
+/* CTA 三按钮：与主标题同款渐变实底（更明显的背景） */
+.mk-cta-btn {
+  margin: 0; padding: 0 44rpx; line-height: 2.5;
+  border-radius: 999px; border: none;
+  font-size: 28rpx; font-weight: 700; color: #ffffff;
+  background: linear-gradient(120deg, rgba(143,195,255,0.55) 0%, rgba(168,160,255,0.55) 45%, rgba(224,160,255,0.55) 80%, rgba(127,224,255,0.55) 120%);
+  box-shadow: 0 8rpx 24rpx rgba(148, 160, 255, 0.35);
+  text-shadow: 0 1rpx 4rpx rgba(35, 49, 92, 0.18);
+}
+.mk-cta-btn::after { border: none; }
+
 @keyframes mkReveal {
   from {
     opacity: 0;