feat: 解耦角色与模特并完善模特库

core/frontend/src/models-page.css

@@ -113,10 +113,31 @@
   letter-spacing: .02em;
 }
 
-/* 模特详情弹窗:继承 .modal(不重写),只加宽度 modifier(同 .invite-modal 惯例) */
-.model-detail-modal { max-width: 560px; }
-
-.model-detail-b { display: flex; flex-direction: column; gap: 14px; }
+/* 模特详情弹窗:参考视频项目角色详情结构；当前小步只开放名称/描述编辑 */
+.modal.model-detail-modal {
+  width: min(880px, calc(100vw - 80px));
+  max-width: 880px;
+}
+.model-detail-b {
+  display: grid;
+  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
+  gap: 24px;
+  padding: 24px 28px;
+}
+.model-detail-left,
+.model-detail-right { min-width: 0; }
+.model-detail-right { display: flex; flex-direction: column; gap: 20px; }
+.model-detail-section-h {
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+.model-detail-section-h strong { font-size: 13px; font-weight: 500; color: var(--accent-black); }
+.model-detail-section-h .mono { font-size: 11px; color: var(--black-alpha-48); letter-spacing: .04em; }
+.model-detail-section-actions { display: flex; align-items: center; gap: 8px; }
 
 /* 形象图大图:3:4 竖版,与卡片缩图比例一致 */
 .model-detail-portrait {
@@ -130,19 +151,7 @@
   display: flex;
   align-items: center;
   gap: 8px;
-}
-
-.model-detail-desc {
-  margin: 0;
-  font-size: 13px;
-  line-height: 1.65;
-  color: var(--black-alpha-64);
-}
-
-.model-detail-label {
-  font-size: 11px;
-  color: var(--black-alpha-48);
-  letter-spacing: .04em;
+  margin-top: 12px;
 }
 
 /* 三视图:16:9 单容器(不拆 3 张) */
@@ -152,3 +161,13 @@
   border-radius: var(--r-sm);
 }
 .model-detail-triview[role="button"] { cursor: zoom-in; }
+.model-detail-form { padding-top: 20px; border-top: 1px solid var(--border-faint); }
+.model-detail-form .field:last-of-type { margin-bottom: 10px; }
+.model-detail-form .textarea { resize: vertical; }
+.model-detail-readonly { margin-right: auto; font-size: 11px; color: var(--black-alpha-48); letter-spacing: .04em; }
+
+@media (max-width: 720px) {
+  .modal.model-detail-modal { width: calc(100vw - 32px); }
+  .model-detail-b { grid-template-columns: 1fr; padding: 20px; }
+  .model-detail-left { width: min(100%, 320px); margin: 0 auto; }
+}