fea: 添加地图管理

css/style.css

@@ -59,6 +59,7 @@ canvas#game{
 }
 .screen.hidden{display:none}
 #hud.hidden,#boss-bar.hidden{display:none}
+.hidden{display:none !important}   /* 通用：任何元素加 hidden 类即隐藏（如自制页「管理地图」按钮） */
 
 .title-wrap{text-align:center;margin-bottom:1vh}
 .title-sub{color:var(--dim);letter-spacing:6px;font-size:.75em}
@@ -92,6 +93,8 @@ canvas#game{
 }
 .panel.narrow{width:min(400px,92%)}
 .panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}
+.head-btns{display:flex;gap:6px;align-items:center}
+.head-btns .btn.on{background:var(--red);border-color:var(--red2);color:#fff}
 .panel h2{font-size:1.3em;letter-spacing:3px}
 .panel h3{font-size:1em;letter-spacing:2px;color:var(--gold);margin-bottom:5px}
 
@@ -117,6 +120,15 @@ canvas#game{
 .lv-card .st{margin-top:5px;font-size:.78em;color:var(--dim)}
 .lv-card.cleared{border-color:#2f6b45}
 .lv-card .chk{position:absolute;right:7px;top:6px;color:var(--green)}
+/* 自制页管理态：删除按钮 */
+.lv-card.manage{cursor:default;border-color:var(--red2)}
+.lv-card.manage:hover{transform:none;border-color:var(--red);background:#241a22}
+.lv-del{
+  position:absolute;right:6px;top:6px;width:22px;height:22px;padding:0;
+  background:#3a1420;border:1px solid var(--red2);color:var(--red);
+  font-family:inherit;font-size:.8em;line-height:1;cursor:pointer;border-radius:2px;
+}
+.lv-del:hover{background:var(--red);color:#fff;border-color:var(--red)}
 .tag{padding:1px 6px;border:1px solid;font-size:.85em}
 .t-jump{color:#ff8a5c;border-color:#ff8a5c}
 .t-endur{color:#4ad0ff;border-color:#4ad0ff}
@@ -187,6 +199,25 @@ canvas#ed-canvas{
 .prop-in{background:#111119;border:1px solid var(--line);color:var(--fg);font-family:inherit;font-size:1em;padding:3px 4px;width:100%}
 .prop-ctl .prop-in{width:auto;flex:1}
 
+/* 「保存」去向提示 */
+.save-state{color:var(--dim);font-size:.78em;white-space:nowrap;align-self:center}
+.save-state.on{color:var(--gold)}
+
+/* 导入地图弹窗 */
+.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(4,4,10,.72);padding:4vh 4vw}
+.modal.hidden{display:none}
+.modal-panel{background:var(--bg2);border:2px solid var(--line);width:min(380px,94%);max-height:86vh;display:flex;flex-direction:column;gap:8px;padding:14px}
+.modal-panel h3{font-size:1.05em;letter-spacing:2px;color:var(--gold)}
+.modal-tip{color:var(--dim);font-size:.78em;line-height:1.5}
+#ed-import-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto}
+.imp-row{background:#1b1b26;border:1px solid var(--line);padding:6px 8px;font-size:.84em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:6px}
+.imp-row:hover{border-color:var(--gold)}
+.imp-row.on{border-color:var(--gold);background:#2b2b3c}
+.imp-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.imp-meta{color:var(--dim);font-size:.9em;white-space:nowrap}
+.imp-empty{color:var(--dim);font-size:.8em;padding:10px 2px}
+.modal-btns{display:flex;justify-content:flex-end;gap:6px}
+
 ::-webkit-scrollbar{width:8px;height:8px}
 ::-webkit-scrollbar-track{background:#111}
 ::-webkit-scrollbar-thumb{background:#333;}