diff --git a/includes/lang.php b/includes/lang.php
index d623b9b..2976cda 100644
--- a/includes/lang.php
+++ b/includes/lang.php
@@ -614,7 +614,7 @@ $translations = [
         'receiving_bank' => '收款银行',
         'receiving_account' => '收款账号',
         'receiving_name' => '收款姓名',
-        'recharge_final_notice' => "匹配成功，请严格按照页面展示的账户信息进行转账\n转账金额需与订单金额保持一致\n请勿分笔转账或修改金额",
+        'recharge_final_notice' => '请按照页面展示的账户进行转账',
         'remaining_time' => '剩余时间',
         'secure_pay' => '安全支付',
         'encrypted_channel' => '加密通道',
diff --git a/recharge.php b/recharge.php
index 06392a7..fef0d52 100644
--- a/recharge.php
+++ b/recharge.php
@@ -860,67 +860,73 @@ function updateMatchingSide(info, isRestore = false) {
     if (!side) return;
 
     side.innerHTML = `
-        <div class="text-center text-lg-start fade-in">
-            <!-- 1. Status Badge & Title -->
-            <div class="mb-4">
+        <div class="text-center text-lg-start" style="animation: fadeIn 0.5s ease;">
+            <!-- 1. Title -->
+            <div class="mb-4 text-center">
                 <div class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill bg-success bg-opacity-10 text-success small fw-bold mb-3 border border-success border-opacity-10">
                     <i class="bi bi-check-circle-fill text-success"></i> <?= __("matched_successfully") ?>
                 </div>
-                <h2 class="fw-bold text-dark mb-3" style="font-size: 2rem;"><?= __("matched_successfully") ?></h2>
+                <h2 class="fw-bold text-dark mb-2" style="font-size: 1.8rem;"><?= __("matched_successfully") ?></h2>
             </div>
 
-            <!-- 2. Account Details (ABOVE Countdown) -->
-            <div class="mb-4 p-4 rounded-4 shadow-sm border border-light" style="background: #fff0f5;">
+            <!-- 2. Account Information (EXACTLY ABOVE COUNTDOWN) -->
+            <div class="mb-3 p-4 rounded-4 shadow-sm border border-light" style="background: #fff0f5;">
                 <div class="d-flex flex-column gap-3">
                     <div class="payment-item">
-                        <div class="text-muted small mb-1 fw-bold"><?= __("receiving_bank") ?>：</div>
+                        <div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_bank") ?>：</div>
                         <div class="d-flex justify-content-between align-items-center gap-2">
-                            <div class="h6 mb-0 fw-bold text-dark" style="word-break: break-all; font-size: 1.1rem;">${info.bank}</div>
+                            <div class="h6 mb-0 fw-bold text-dark text-start" style="word-break: break-all; font-size: 1.1rem;">${info.bank}</div>
                             <button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.bank}')"><?= __("copy") ?></button>
                         </div>
                     </div>
                     <div class="payment-item border-top border-white border-opacity-50 pt-2">
-                        <div class="text-muted small mb-1 fw-bold"><?= __("receiving_account") ?>：</div>
+                        <div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_account") ?>：</div>
                         <div class="d-flex justify-content-between align-items-center gap-2">
-                            <div class="h5 mb-0 fw-bold" style="word-break: break-all; font-family: monospace; font-size: 1.3rem; color: #ff4d94;">${info.account}</div>
+                            <div class="h5 mb-0 fw-bold text-start" style="word-break: break-all; font-family: monospace; font-size: 1.3rem; color: #ff4d94;">${info.account}</div>
                             <button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.account}')"><?= __("copy") ?></button>
                         </div>
                     </div>
                     <div class="payment-item border-top border-white border-opacity-50 pt-2">
-                        <div class="text-muted small mb-1 fw-bold"><?= __("receiving_name") ?>：</div>
+                        <div class="text-muted small mb-1 fw-bold text-start"><?= __("receiving_name") ?>：</div>
                         <div class="d-flex justify-content-between align-items-center gap-2">
-                            <div class="h6 mb-0 fw-bold text-dark" style="word-break: break-all; font-size: 1.1rem;">${info.name}</div>
+                            <div class="h6 mb-0 fw-bold text-dark text-start" style="word-break: break-all; font-size: 1.1rem;">${info.name}</div>
                             <button class="btn btn-sm rounded-pill px-3 fw-bold flex-shrink-0" style="font-size: 10px; background: #ff4d94; color: white;" onclick="copyText('${info.name}')"><?= __("copy") ?></button>
                         </div>
                     </div>
                 </div>
             </div>
 
-            <!-- 3. Remaining Time Box (BELOW Account Details) -->
-            <div class="mb-4 py-3 px-4 rounded-4 shadow-sm border border-light" style="background: #ffffff;">
-                <div class="row align-items-center">
-                    <div class="col-7">
+            <!-- 3. Countdown Box (EXACTLY BELOW ACCOUNT INFO) -->
+            <div class="mb-3 py-3 px-4 rounded-4 shadow-sm border border-light" style="background: #ffffff;">
+                <div class="row align-items-center text-center text-lg-start">
+                    <div class="col-12 col-lg-7 mb-2 mb-lg-0">
                         <div class="text-muted small mb-0 fw-bold"><?= __("remaining_time") ?></div>
                         <div class="h2 fw-bold mb-0" id="modal-countdown" style="font-family: monospace; color: #ff4d94;">--:--</div>
                     </div>
-                    <div class="col-5 border-start border-light ps-3">
+                    <div class="col-12 col-lg-5 border-start-lg border-light ps-lg-3">
                         <div class="small fw-bold" style="color: #ff4d94;"><i class="bi bi-shield-check me-1"></i><?= __("secure_pay") ?></div>
                         <div class="text-muted" style="font-size: 10px;"><?= __("encrypted_channel") ?></div>
                     </div>
                 </div>
             </div>
 
-            <!-- 4. Final Notice Tip Text (BELOW Countdown) -->
-            <div class="p-3 rounded-4 border border-light mb-4" style="background: rgba(255,77,148,0.05);">
-                <p class="text-dark fw-bold mb-0" style="line-height: 1.6; font-size: 14px; opacity: 0.9; white-space: pre-line;">
+            <!-- 4. Tip Text -->
+            <div class="p-2 text-center mb-3">
+                <p class="text-muted small fw-bold mb-0">
                     <?= __("recharge_final_notice") ?>
                 </p>
             </div>
 
-            <button type="button" class="btn btn-primary w-100 rounded-pill py-3 fw-bold shadow-sm" onclick="finishTransfer()" style="background: #ff4d94; border: none; color: white;">
+            <!-- 5. Action Button -->
+            <button type="button" class="btn btn-primary w-100 rounded-pill py-3 fw-bold shadow-sm" onclick="finishTransfer()" style="background: #ff4d94 !important; border: none; color: white;">
                 <?= __("complete_transfer") ?>
             </button>
         </div>
+
+        <style>
+            @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+            @media (min-width: 992px) { .border-start-lg { border-left: 1px solid #dee2e6 !important; } }
+        </style>
     `;
     
     if (remainingSeconds > 0) {