diff --git a/assets/js/order-center.js b/assets/js/order-center.js
index cd93dd2b..14f0d298 100644
--- a/assets/js/order-center.js
+++ b/assets/js/order-center.js
@@ -126,6 +126,14 @@
         return order && order.is_points ? amount + " " + String(order.currency_symbol || "积分") : "¥" + amount;
     }
 
+    function colorfulHeader(title, icon) {
+        return '<div class="modal-colorful-header colorful-bg jb-blue">' +
+            '<button type="button" class="close" data-aksrt-modal-close aria-label="关闭"><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button>' +
+            '<div class="colorful-make"></div>' +
+            '<div class="text-center"><div class="em2x"><i class="fa fas ' + escapeHtml(icon) + '" aria-hidden="true"></i></div>' +
+            '<div class="mt10 em12 padding-w10">' + escapeHtml(title) + '</div></div></div>';
+    }
+
     function renderDetail(state, order, session) {
         var allowedActions = order.allowed_actions || {};
         var reconciliation = order.reconciliation || {};
@@ -136,6 +144,8 @@
         var meta = statusMeta(status);
         var timeLeft = Number(order.time_left || 0);
         var html = "";
+        // 炫彩标题区：与售后弹窗统一（modal-mini + jb-blue），运行时不再渲染默认标题栏。
+        html += colorfulHeader("订单详情", "fa-receipt");
 
         // 状态横幅：整块配色只由 --hero-accent 驱动，换状态只改一处变量。
         html += '<section class="aksrt-order-detail__hero is-' + escapeHtml(status) + '">';
@@ -224,7 +234,6 @@
             method: refresh ? "POST" : "GET",
 			headers: actionKey ? { "Idempotency-Key": state.operationKeys[actionKey] } : {},
             kind: "orders",
-            title: "订单详情",
             className: "aksrt-order-detail-modal",
             responseType: "json",
             cache: !refresh,