diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 7b32489..550d01a 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -127,27 +127,60 @@
 
     <!-- 使用说明 -->
     <div class="p-4" v-if="![2, 3].includes(activityInfo.status)">
-      <div class="w-full relative">
-        <div class="h-full">
-          <h3 class="h-9 text-lg text-[#E8424D] font-bold flex items-center justify-center pt-4"
-            style="background: url('/并集.png') no-repeat center center / cover; background-size: 100% 100%;">
-            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-            </svg>
-            使用说明
-          </h3>
-          <div class="p-4 h-full bg-gradient-to-br from-[#FFFFFF]  to-[#FFF2F2] rounded-xl">
-            <div
-              class="h-full p-4 text-sm text-gray-600 leading-relaxed bg-gradient-to-br from-[#FFDEEB] to-[#FCC2D7] rounded-xl">
-              <ol class="list-decimal list-inside pl-2 text-sm text-[#AB8291]">
-                <li>参与活动人员：{{ activityInfo.activityStartTime }}至{{
-                  activityInfo.activityEndTime }}，在宁夏全区民政婚姻登记机构（含涉外机构）办理结婚登记的新人；</li>
-                <li>凭结婚证可至全区指定福利彩票销售点兑换即开型福利彩票，赠票总额{{ activityInfo.totalMoney > 10000 ? (activityInfo.totalMoney /
-                  10000).toFixed(2) + '万' : activityInfo.totalMoney }}元，赠完即止；</li>
-                <li>每对新人限使用一次线上二维码兑换券；</li>
-                <li>本活动最终解释权归宁夏福利彩票发行中心所有。</li>
-              </ol>
+      <div
+        class="relative overflow-hidden rounded-2xl border border-[#FFD7DF] bg-gradient-to-br from-[#FFF7F9] via-white to-[#FFE4EA] shadow-[0_12px_32px_rgba(232,66,77,0.08)]">
+        <div class="absolute -right-10 -top-16 h-40 w-40 rounded-full bg-[#FFE3EA] blur-3xl opacity-70"></div>
+        <div class="absolute -left-14 -bottom-16 h-40 w-40 rounded-full bg-[#FFD6E2] blur-3xl opacity-60"></div>
+
+        <div class="relative px-5 pt-6 pb-3">
+          <div
+            class="inline-flex items-center gap-2 px-4 h-11 rounded-full bg-white/90 border border-[#F7B9C2] text-[#E8424D] font-semibold shadow-[0_10px_22px_rgba(232,66,77,0.12)]">
+            <span
+              class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-gradient-to-br from-[#E8424D] via-[#F55F6E] to-[#FF9AAE] text-white shadow-md">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                  d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
+              </svg>
+            </span>
+            <span class="text-base tracking-wide">使用说明</span>
+          </div>
+        </div>
+
+        <div class="relative px-5 pb-5">
+          <div class="bg-white/92 backdrop-blur-sm rounded-xl p-4 shadow-[0_10px_24px_rgba(232,66,77,0.08)]">
+            <div class="space-y-4">
+              <div class="flex items-start gap-3">
+                <div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
+                  1
+                </div>
+                <div class="text-sm text-[#7A5967] leading-6">
+                  {{ activityInfo.activityStartTime }} 至 {{ activityInfo.activityEndTime }}，在宁夏全区民政婚姻登记机构（含涉外机构）办理结婚登记的新人可参与活动。
+                </div>
+              </div>
+              <div class="flex items-start gap-3">
+                <div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
+                  2
+                </div>
+                <div class="text-sm text-[#7A5967] leading-6">
+                  凭结婚证到全区指定福利彩票销售点兑换即开型福利彩票，赠票总额 {{ activityInfo.totalMoney > 10000 ? (activityInfo.totalMoney / 10000).toFixed(2) + '万' : activityInfo.totalMoney }} 元，赠完即止。
+                </div>
+              </div>
+              <div class="flex items-start gap-3">
+                <div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
+                  3
+                </div>
+                <div class="text-sm text-[#7A5967] leading-6">
+                  每对新人限使用一次线上二维码兑换券，请妥善保管二维码，核销后即失效。
+                </div>
+              </div>
+              <div class="flex items-start gap-3">
+                <div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
+                  4
+                </div>
+                <div class="text-sm text-[#7A5967] leading-6">
+                  本活动最终解释权归宁夏福利彩票发行中心所有，如有疑问请咨询现场工作人员。
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -456,4 +489,4 @@ onUnmounted(() => {
     clearInterval(countdownTimer)
   }
 })
-</script>
\ No newline at end of file
+</script>