优化后台商品审核价格调整

frontend/src/features/seller/views/SellerListingCreateView.css

@@ -708,6 +708,41 @@
   line-height: 1;
 }
 
+.summary-breakdown {
+  display: grid;
+  gap: 10px;
+  margin-top: 14px;
+  padding: 12px;
+  border: 1px solid #ffe1c7;
+  border-radius: var(--radius-8);
+  background: #fffaf6;
+}
+
+.summary-breakdown-title {
+  color: var(--color-orange-dark);
+  font-size: 13px;
+  font-weight: 900;
+}
+
+.summary-breakdown div:not(.summary-breakdown-title) {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.summary-breakdown span {
+  color: #6f7a89;
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.summary-breakdown strong {
+  overflow-wrap: anywhere;
+  color: var(--color-text-dark);
+  font-size: 13px;
+  text-align: right;
+}
+
 .summary-list {
   display: grid;
   gap: 10px;

frontend/src/features/seller/views/SellerListingCreateView.vue

@@ -485,19 +485,26 @@ function selectOnlineEnd(value: string | number) {
             <span>卖家发布价格</span>
             <strong>{{ calculatedSellerPrice ? `¥${calculatedSellerPrice}` : '--' }}</strong>
           </div>
+          <div class="summary-breakdown">
+            <div class="summary-breakdown-title">价格明细</div>
+            <div>
+              <span>纯币价格</span>
+              <strong>{{ calculatedCoinBasePrice ? `¥${calculatedCoinBasePrice}` : '--' }}</strong>
+            </div>
+            <div>
+              <span>额外物品价格</span>
+              <strong>¥{{ calculatedConsumablePrice }}</strong>
+            </div>
+            <div>
+              <span>押金价格</span>
+              <strong>{{ form.deposit_amount === '' ? '--' : `¥${form.deposit_amount}` }}</strong>
+            </div>
+          </div>
           <div class="summary-list">
             <div>
               <span>哈夫币</span>
               <strong>{{ coinMAmount || '--' }}M</strong>
             </div>
-            <div>
-              <span>押金</span>
-              <strong>{{ form.deposit_amount === '' ? '--' : `¥${form.deposit_amount}` }}</strong>
-            </div>
-            <div>
-              <span>推荐押金</span>
-              <strong>¥{{ recommendedDepositAmount }}</strong>
-            </div>
             <div>
               <span>截图材料</span>
               <strong>{{ uploadedScreenshotCount }}/{{ requiredScreenshotCount }}</strong>