fix(listings): 详情页号主留言移到精选皮肤上方

买家先看到交接说明，再看皮肤和仓库物资。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/features/listings/views/ListingDetailView.vue

@@ -610,6 +610,21 @@ function goBack() {
           </div>
         </section>
 
+        <!-- 号主说明与交接备注 -->
+        <section class="detail-card note-card">
+          <div class="section-title-bar">
+            <div class="title-left">
+              <h2>号主留言与说明</h2>
+            </div>
+          </div>
+          <div class="seller-note-box">
+            <van-icon name="chat-o" :size="18" class="note-quote-icon" />
+            <p class="note-content">
+              {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
+            </p>
+          </div>
+        </section>
+
         <!-- 精选皮肤展台（若有） -->
         <section v-if="detailSkinGroups.length" class="detail-card skin-card">
           <div class="section-title-bar">
@@ -668,21 +683,6 @@ function goBack() {
           </div>
         </section>
 
-        <!-- 号主说明与交接备注 -->
-        <section class="detail-card note-card">
-          <div class="section-title-bar">
-            <div class="title-left">
-              <h2>号主留言与说明</h2>
-            </div>
-          </div>
-          <div class="seller-note-box">
-            <van-icon name="chat-o" :size="18" class="note-quote-icon" />
-            <p class="note-content">
-              {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
-            </p>
-          </div>
-        </section>
-
         <!-- 平台四大安全保障 -->
         <section class="detail-card trust-card">
           <div class="section-title-bar">

frontend/src/features/listings/views/MobileListingDetailView.vue

@@ -582,7 +582,22 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 4. 精选皮肤展台 (带品级圆点与分类) -->
+      <!-- 4. 号主留言与说明 -->
+      <div class="info-card note-card">
+        <div class="card-header-row">
+          <div class="header-left">
+            <h3 class="card-subtitle">号主留言与说明</h3>
+          </div>
+        </div>
+        <div class="seller-note-box">
+          <van-icon name="chat-o" :size="18" class="note-quote-icon" />
+          <p class="note-content">
+            {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
+          </p>
+        </div>
+      </div>
+
+      <!-- 5. 精选皮肤展台 (带品级圆点与分类) -->
       <div v-if="detailSkinGroups.length" class="info-card skin-card">
         <div class="card-header-row">
           <div class="header-left">
@@ -613,7 +628,7 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 5. 仓库物资与额外消耗品 -->
+      <!-- 6. 仓库物资与额外消耗品 -->
       <div v-if="resourceItems.length" class="info-card resources-card">
         <div class="card-header-row">
           <div class="header-left">
@@ -640,21 +655,6 @@ function goBack() {
         </div>
       </div>
 
-      <!-- 6. 号主留言与说明 -->
-      <div class="info-card note-card">
-        <div class="card-header-row">
-          <div class="header-left">
-            <h3 class="card-subtitle">号主留言与说明</h3>
-          </div>
-        </div>
-        <div class="seller-note-box">
-          <van-icon name="chat-o" :size="18" class="note-quote-icon" />
-          <p class="note-content">
-            {{ listing.description || '号主暂未填写特殊交接要求，可正常直接下单租用。' }}
-          </p>
-        </div>
-      </div>
-
       <!-- 7. 平台官方安全保障 -->
       <div class="info-card trust-card">
         <div class="card-header-row">