fix: 优化卖家发布页面消耗品表格响应式布局、补充输入框与比例选择圆角并统一橙色主题

frontend/src/views/seller/SellerListingCreateView.vue

@@ -115,7 +115,7 @@ function selectDailyLoss(value: string | number) {
             </label>
             <label class="input-block">
               <span>绝密KD</span>
-              <el-input v-model="form.secret_kd" type="number" placeholder="填写绝密KD" />
+              <el-input-number v-model="form.secret_kd" :min="0" :controls="false" :step="0.1" placeholder="填写绝密KD" />
             </label>
             <label class="input-block">
               <span>烽火等级<b>*</b></span>
@@ -182,7 +182,7 @@ function selectDailyLoss(value: string | number) {
             <div class="quantity-header">
               <span>物资</span>
               <span>单价</span>
-              <span>数量</span>
+              <span>数量<b>*</b></span>
               <span>计费</span>
               <span>状态</span>
             </div>
@@ -193,7 +193,7 @@ function selectDailyLoss(value: string | number) {
               :class="{ disabled: isQuantityItemDisabled(item) }"
             >
               <div class="quantity-meta">
-                <strong :title="item.placeholder || item.label">{{ item.label }}</strong>
+                <strong :title="item.placeholder || item.label"><span>*</span>{{ item.label }}</strong>
                 <small v-if="item.placeholder">{{ item.placeholder }}</small>
               </div>
               <span class="quantity-price">{{ item.price }}</span>
@@ -398,25 +398,28 @@ function selectDailyLoss(value: string | number) {
               <button
                 type="button"
                 class="ratio-mode-btn"
-                :class="{ active: hasAcceleratedSaleRatioInput() }"
+                :class="{ active: form.accelerated_sale_ratio === maxAcceleratedSaleRatio && maxAcceleratedSaleRatio > 0 }"
                 :disabled="maxAcceleratedSaleRatio <= 0"
                 @click="useMaxAcceleratedSaleRatio"
               >
-                <strong>加速比例</strong>
+                <strong>最高比例 (加速)</strong>
                 <span>{{ maxAcceleratedSaleRatio > 0 ? `最高 1元=${formatNumber(maxAcceleratedSaleRatio)}万` : '自动计算' }}</span>
               </button>
+              <div
+                class="ratio-custom-card"
+                :class="{ active: hasAcceleratedSaleRatioInput() && form.accelerated_sale_ratio !== maxAcceleratedSaleRatio }"
+              >
+                <strong>自定比例</strong>
+                <el-input-number
+                  :model-value="form.accelerated_sale_ratio"
+                  :min="0"
+                  :controls="false"
+                  :placeholder="acceleratedSaleRatioPlaceholder"
+                  @update:model-value="handleAcceleratedSaleRatioInput"
+                  @blur="clampAcceleratedSaleRatioInput"
+                />
+              </div>
             </div>
-            <label class="input-block">
-              <span>自定比例</span>
-              <el-input-number
-                :model-value="form.accelerated_sale_ratio"
-                :min="0"
-                :controls="false"
-                :placeholder="acceleratedSaleRatioPlaceholder"
-                @update:model-value="handleAcceleratedSaleRatioInput"
-                @blur="clampAcceleratedSaleRatioInput"
-              />
-            </label>
           </div>
 
           <div class="price-grid">
@@ -479,7 +482,7 @@ function selectDailyLoss(value: string | number) {
             </div>
           </div>
           <div class="summary-actions">
-            <el-button :icon="UploadFilled" type="primary" :loading="loading" @click="handleSubmit">保存发布</el-button>
+            <el-button :icon="UploadFilled" class="btn-publish" type="primary" :loading="loading" @click="handleSubmit">立即发布</el-button>
             <el-button :icon="DocumentChecked" :disabled="loading" @click="handleSaveDraft">保存草稿</el-button>
             <el-button :icon="RefreshRight" :disabled="loading" @click="handleResetDraft">重置草稿</el-button>
           </div>