feat: 支持批量导入 PDD 商品链接 (#104)

admin/static/css/app.css

@@ -175,6 +175,41 @@ tr.empty small { color: #aaa; }
   margin: 12px 2px;
 }
 
+/* PDD 批量导入结果：统计、下一步和失败明细放在同一区域，
+   采购员不需要从底部状态条猜本批数据发生了什么。 */
+.import-result {
+  margin-bottom: 12px;
+  padding: 12px;
+  background: #fff;
+  border: 1px solid #c9d8ee;
+  border-left: 4px solid #1f6feb;
+  border-radius: 4px;
+}
+.import-result-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.import-result h2 { margin: 0 0 6px; font-size: 16px; }
+.import-result p { margin: 0; }
+.import-result .hint { margin-top: 8px; }
+.import-success { color: #176b36; font-weight: 600; }
+.import-failure-table {
+  max-height: 280px;
+  margin-top: 10px;
+}
+.import-failure-table .import-raw,
+.import-failure-table .import-reason {
+  min-width: 260px;
+  max-width: 520px;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+@media (max-width: 760px) {
+  .import-result-head { align-items: flex-start; flex-direction: column; }
+}
+
 /* ── 第三段：底部状态条 ───────────────── */
 .statusbar {
   position: fixed;