Revert "feat(admin): modernize business views including listings, review, users, orders, pickups, and mohong"

This reverts commit 7b274d4ab8.

frontend/src/features/admin/views/AdminListingDetailView.vue

@@ -587,52 +587,51 @@ async function openScreenshot(url: string) {
 </script>
 
 <template>
-  <div class="finance-page-container" v-loading="loading">
-    <!-- 头部卡片 -->
-    <header v-if="listing" class="page-header-card">
-      <div class="header-main">
-        <div class="title-group">
-          <div class="eyebrow-tag">
-            <span>ITEM CODE: {{ formatListingCode(listing) }}</span>
-          </div>
-          <h1 class="page-title">{{ listing.title || '商品详情' }}</h1>
-          <p class="page-subtitle">
-            {{ listing.server_region || '-' }} · {{ listing.rank_level || '-' }} ·
-            {{ listing.login_platform || '-' }} · 账号 {{ listing.account_id }}
-            <span v-if="listing.is_external_upload">
-              · 外部 API ({{ listing.source_channel || '未填写' }})</span
-            >
-          </p>
+  <section class="page" v-loading="loading">
+    <div v-if="listing" class="listing-detail-header">
+      <div class="listing-title-block">
+        <div class="listing-code-line">
+          <span>商品编号</span>
+          <strong>{{ formatListingCode(listing) }}</strong>
         </div>
-        <div class="toolbar-actions">
-          <el-button :icon="CopyDocument" @click="copyListingCode">复制编号</el-button>
-          <el-button @click="goBackToList">返回列表</el-button>
-          <el-button
-            v-if="canAdjustExternal"
-            type="primary"
-            :icon="EditPen"
-            :disabled="externalAdjustmentLocked"
-            @click="openExternalAdjustment"
+        <h1>{{ listing.title || '商品详情' }}</h1>
+        <div class="listing-subtitle">
+          <span>{{ listing.server_region || '-' }}</span>
+          <span>{{ listing.rank_level || '-' }}</span>
+          <span>{{ listing.login_platform || '-' }}</span>
+          <span>账号 {{ listing.account_id }}</span>
+          <span v-if="listing.is_external_upload"
+            >外部 API · {{ listing.source_channel || '未填写' }}</span
           >
-            调整商品
-          </el-button>
-          <el-button
-            class="transfer-owner-trigger"
-            type="success"
-            :disabled="!canTransfer"
-            @click="openTransfer"
-          >
-            转移所有权
-          </el-button>
-          <el-button type="warning" :disabled="!canOperate" @click="openAction('offline')">
-            强制下架
-          </el-button>
-          <el-button type="danger" :disabled="!canOperate" @click="openAction('abnormal')">
-            标记异常
-          </el-button>
         </div>
       </div>
-    </header>
+      <div class="toolbar-actions">
+        <el-button :icon="CopyDocument" @click="copyListingCode">复制编号</el-button>
+        <el-button @click="goBackToList">返回列表</el-button>
+        <el-button
+          v-if="canAdjustExternal"
+          type="primary"
+          :icon="EditPen"
+          :disabled="externalAdjustmentLocked"
+          @click="openExternalAdjustment"
+        >
+          调整商品
+        </el-button>
+        <el-button
+          class="transfer-owner-trigger"
+          type="success"
+          :disabled="!canTransfer"
+          @click="openTransfer"
+          >转移所有权</el-button
+        >
+        <el-button type="warning" :disabled="!canOperate" @click="openAction('offline')"
+          >强制下架</el-button
+        >
+        <el-button type="danger" :disabled="!canOperate" @click="openAction('abnormal')"
+          >标记异常</el-button
+        >
+      </div>
+    </div>
 
     <el-dialog
       v-model="externalAdjustVisible"
@@ -1025,77 +1024,10 @@ async function openScreenshot(url: string) {
         </el-button>
       </template>
     </el-dialog>
-  </div>
+  </section>
 </template>
 
 <style scoped>
-.finance-page-container {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  padding: 0 4px 32px;
-}
-
-.page-header-card {
-  background: #ffffff;
-  border-radius: 16px;
-  padding: 24px 28px;
-  box-shadow:
-    0 1px 3px rgba(15, 23, 42, 0.04),
-    0 4px 12px rgba(15, 23, 42, 0.02);
-  border: 1px solid rgba(226, 232, 240, 0.8);
-}
-
-.header-main {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-  flex-wrap: wrap;
-}
-
-.title-group {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.eyebrow-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.8px;
-  color: #2563eb;
-  background: #eff6ff;
-  padding: 3px 10px;
-  border-radius: 20px;
-  width: fit-content;
-}
-
-.page-title {
-  margin: 0;
-  font-size: 26px;
-  font-weight: 800;
-  color: #0f172a;
-  letter-spacing: -0.5px;
-}
-
-.page-subtitle {
-  margin: 0;
-  font-size: 13.5px;
-  color: #64748b;
-  line-height: 1.5;
-}
-
-.toolbar-actions {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
 .listing-detail-header {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;