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

This reverts commit 7b274d4ab8.

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

@@ -336,45 +336,40 @@ function readSnapshotResources(summary: Record<string, unknown> | null): Snapsho
 </script>
 
 <template>
-  <div class="finance-page-container" v-loading="loading">
-    <!-- 头部卡片 -->
-    <header v-if="pickup" class="page-header-card">
-      <div class="header-main">
-        <div class="title-group">
-          <div class="eyebrow-tag">
-            <span>PICKUP: {{ pickup.pickup_no }}</span>
-          </div>
-          <h1 class="page-title">提号详情</h1>
-          <p class="page-subtitle">
-            商品编号 {{ listingCode }} · {{ pickup.account_title }} · {{ pickup.server_region }} /
-            {{ pickup.login_platform }}
-          </p>
-        </div>
-        <div class="toolbar-actions">
-          <el-button
-            v-if="canEditProfit"
-            type="primary"
-            plain
-            :icon="EditPen"
-            @click="openProfitDialog"
-          >
-            修改利润
-          </el-button>
-          <el-button
-            v-if="canCreateFinancialAdjustment"
-            type="primary"
-            plain
-            :icon="EditPen"
-            @click="openFinancialAdjustmentDialog"
-          >
-            财务调整
-          </el-button>
-          <RouterLink :to="adminPath('pickup')">
-            <el-button>返回列表</el-button>
-          </RouterLink>
-        </div>
+  <section class="page" v-loading="loading">
+    <div v-if="pickup" class="page-header-row">
+      <div class="page-header">
+        <p class="eyebrow">{{ pickup.pickup_no }}</p>
+        <h1>提号详情</h1>
+        <p>
+          商品编号 {{ listingCode }} · {{ pickup.account_title }} · {{ pickup.server_region }} /
+          {{ pickup.login_platform }}
+        </p>
       </div>
-    </header>
+      <div class="toolbar-actions">
+        <el-button
+          v-if="canEditProfit"
+          type="primary"
+          plain
+          :icon="EditPen"
+          @click="openProfitDialog"
+        >
+          修改利润
+        </el-button>
+        <el-button
+          v-if="canCreateFinancialAdjustment"
+          type="primary"
+          plain
+          :icon="EditPen"
+          @click="openFinancialAdjustmentDialog"
+        >
+          财务调整
+        </el-button>
+        <RouterLink :to="adminPath('pickup')">
+          <el-button>返回列表</el-button>
+        </RouterLink>
+      </div>
+    </div>
 
     <div v-if="pickup" class="metric-grid pickup-metrics">
       <div class="metric-card">
@@ -682,77 +677,10 @@ function readSnapshotResources(summary: Record<string, unknown> | null): Snapsho
         </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: #0284c7;
-  background: #e0f2fe;
-  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;
-}
-
 .pickup-metrics {
   margin-bottom: 20px;
 }