feat: 区分顺运宝标题与图片交互 (#105)

admin/static/css/app.css

@@ -511,6 +511,49 @@ select {
   border-radius: 3px;
   vertical-align: middle;
 }
+.table-title-action,
+.thumb-action {
+  border: 0;
+  background: transparent;
+  color: inherit;
+}
+.table-title-action {
+  display: block;
+  max-width: 100%;
+  padding: 2px 0;
+  overflow: hidden;
+  color: #0969da;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.table-title-action:hover { text-decoration: underline; }
+.thumb-action {
+  padding: 3px;
+  border-radius: 4px;
+  line-height: 0;
+}
+.thumb-action:hover { background: #e8edf3; }
+.table-title-action:focus-visible,
+.thumb-action:focus-visible {
+  outline: 2px solid #0969da;
+  outline-offset: 2px;
+}
+.image-preview-modal { max-width: min(1120px, calc(100vw - 32px)); }
+.image-preview-body {
+  display: flex;
+  min-height: 160px;
+  align-items: center;
+  justify-content: center;
+}
+.image-preview-body img {
+  display: block;
+  max-width: 100%;
+  max-height: calc(100vh - 190px);
+  object-fit: contain;
+}
+.image-preview-body img[hidden] { display: none; }
+.image-preview-status { margin: 0; }
 
 /* ── 错误页 ───────────────────────────── */
 .error-box {