lesson more edit

Html/apps/static/css/lesson.css

@@ -55,13 +55,50 @@
 }
 
 #outline-tree li.lvl2 {
-  padding-left: 20px;
+  padding-left: 1px;
 }
 
 #outline-tree li.lvl3 {
-  padding-left: 40px;
+  padding-left: 20px;
 }
 
+
+
+
+/* 删除模式下可删除的节点样式 */
+  .outline.delete-mode #outline-tree .lvl2,
+  .outline.delete-mode #outline-tree .lvl3 {
+    border: 1px solid #dc2626;         /* 红色边框 */
+    border-radius: 6px;
+    padding: 4px 6px;
+    transition: background-color .15s ease, box-shadow .15s ease;
+    cursor: pointer;
+  }
+  .outline.delete-mode #outline-tree .lvl2:hover,
+  .outline.delete-mode #outline-tree .lvl3:hover {
+    background: rgba(220,38,38,.06);   /* 微红背景 */
+    box-shadow: 0 0 0 2px rgba(220,38,38,.15) inset;
+  }
+
+  /* 删除按钮样式（可按需调整） */
+  .delete-btn {
+    margin-left: 6px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    padding: 6px;
+    border-radius: 8px;
+  }
+  .delete-btn[aria-pressed="true"] {
+    background: rgba(220,38,38,.12);
+    outline: 2px solid #dc2626;
+  }
+  .delete-btn:focus-visible { outline: 2px solid #4c9ffe; }
+
+
+
+
+
   .details-header { display:flex; justify-content:space-between; align-items:center; }
   .close-btn { border:none; background:transparent; font-size:22px; cursor:pointer; }
   

Html/apps/static/css/modelinput.css

@@ -0,0 +1,34 @@
+.help-icon { opacity: .7; cursor: help; }
+  .edit-btn {
+    border: none; background: transparent; cursor: pointer;
+    padding: 4px; border-radius: 6px;
+  }
+  .edit-btn:focus-visible { outline: 2px solid #4c9ffe; }
+  .edit-btn svg { width: 16px; height: 16px; display: block; }
+
+  /* title_change_modal */
+  .title_change_modal-backdrop {
+    position: fixed; inset: 0; background: rgba(0,0,0,.35);
+    display: flex; align-items: center; justify-content: center; z-index: 9999;
+  }
+  .title_change_modal {
+    width: min(520px, 92vw); background: #fff; border-radius: 12px; padding: 16px;
+    box-shadow: 0 10px 30px rgba(0,0,0,.25);
+  }
+  .title_change_modal h3 { margin: 0 0 10px; font-size: 16px; }
+  .title_change_modal .field { display: flex; flex-direction: column; gap: 6px; }
+  .title_change_modal input[type="text"] {
+    padding: 8px 10px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px;
+  }
+  .title_change_modal .error {
+    color: #c62828; font-size: 12px; min-height: 1.2em; /* 占位避免跳动 */
+  }
+  .title_change_modal .actions {
+    margin-top: 12px; display: flex; gap: 8px; justify-content: flex-end;
+  }
+  .btn {
+    padding: 6px 12px; border-radius: 8px; border: 1px solid #d0d0d0; background: #f6f6f6; cursor: pointer;
+  }
+  .btn.primary { background: #2563eb; color: #fff; border-color: #2563eb; }
+  .btn:focus-visible { outline: 2px solid #4c9ffe; }
+  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }