diff --git a/resources/views/chat/partials/marriage-modals.blade.php b/resources/views/chat/partials/marriage-modals.blade.php
index 3689f0d..6055997 100644
--- a/resources/views/chat/partials/marriage-modals.blade.php
+++ b/resources/views/chat/partials/marriage-modals.blade.php
@@ -15,9 +15,8 @@
 --}}
 
 {{-- ═══════════ 1. 求婚弹窗 ═══════════ --}}
-<div id="marriage-propose-modal" x-data="marriageProposeModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.6);
+<div id="marriage-propose-modal" x-data="marriageProposeModal()" x-show="show" x-cloak>
+    <div style="position:fixed; inset:0; background:rgba(0,0,0,.6);
          z-index:9800; display:flex; align-items:center; justify-content:center;"
         x-on:click.self="close()">
         <div
@@ -91,9 +90,9 @@
 </div>
 
 {{-- ═══════════ 2. 收到求婚弹窗 ═══════════ --}}
-<div id="marriage-incoming-modal" x-data="marriageIncomingModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.65);
+<div id="marriage-incoming-modal" x-data="marriageIncomingModal()" x-show="show" x-cloak>
+    <div
+        style="position:fixed; inset:0; background:rgba(0,0,0,.65);
          z-index:9850; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:380px; max-width:95vw; background:#fff; border-radius:20px;
@@ -138,9 +137,9 @@
 </div>
 
 {{-- ═══════════ 3. 结婚成功全屏公告 ═══════════ --}}
-<div id="marriage-accepted-modal" x-data="marriageAcceptedModal()" style="display:none">
-    <div x-show="show" x-transition
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.7);
+<div id="marriage-accepted-modal" x-data="marriageAcceptedModal()" x-show="show" x-cloak>
+    <div x-transition
+        style="position:fixed; inset:0; background:rgba(0,0,0,.7);
          z-index:9900; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:460px; max-width:95vw; background:#fff; border-radius:24px;
@@ -172,9 +171,9 @@
 </div>
 
 {{-- ═══════════ 4. 婚礼设置弹窗 ═══════════ --}}
-<div id="wedding-setup-modal" x-data="weddingSetupModal()" style="display:none">
-    <div x-show="show"
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.65);
+<div id="wedding-setup-modal" x-data="weddingSetupModal()" x-show="show" x-cloak>
+    <div
+        style="position:fixed; inset:0; background:rgba(0,0,0,.65);
          z-index:9820; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:500px; max-width:95vw; background:#fff; border-radius:20px;
@@ -303,9 +302,9 @@
 </div>
 
 {{-- ═══════════ 5. 婚礼红包弹窗（全局触发） ═══════════ --}}
-<div id="wedding-envelope-modal" x-data="weddingEnvelopeModal()" style="display:none">
-    <div x-show="show" x-transition
-        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.6);
+<div id="wedding-envelope-modal" x-data="weddingEnvelopeModal()" x-show="show" x-cloak>
+    <div x-transition
+        style="position:fixed; inset:0; background:rgba(0,0,0,.6);
          z-index:9910; display:flex; align-items:center; justify-content:center;">
         <div
             style="width:380px; max-width:95vw; background:linear-gradient(160deg,#7c2d12,#9a3412);