fea: 添加设置功能

css/style.css

@@ -218,6 +218,27 @@ canvas#ed-canvas{
 .imp-empty{color:var(--dim);font-size:.8em;padding:10px 2px}
 .modal-btns{display:flex;justify-content:flex-end;gap:6px}
 
+/* ---------- 设置界面 ---------- */
+.title-user{color:var(--dim);font-size:.85em;letter-spacing:2px;margin-top:1vh}
+.set-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:2px}
+.set-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
+.set-row.col{flex-direction:column;align-items:stretch;gap:6px;justify-content:flex-start}
+.set-lab{color:var(--gold);letter-spacing:1px;font-size:.95em;min-width:64px}
+.set-in{background:#111119;border:1px solid var(--line);color:var(--fg);font-family:inherit;font-size:1em;padding:6px 8px;min-width:200px}
+.set-in:focus{outline:none;border-color:var(--gold)}
+.set-hint{color:var(--dim);font-size:.78em}
+.set-btns{margin-top:2px}
+/* 手机手柄预览区（与舞台同比例），按钮绝对定位可拖拽 */
+.touch-preview{
+  position:relative;width:100%;aspect-ratio:800/608;
+  background:#0d0d16;border:1px solid var(--line);overflow:hidden;max-height:46vh;
+}
+.tp-tip{
+  position:absolute;top:6px;left:50%;transform:translateX(-50%);
+  color:var(--dim);font-size:.72em;background:rgba(0,0,0,.45);
+  padding:2px 8px;border-radius:6px;pointer-events:none;z-index:3;white-space:nowrap;
+}
+
 ::-webkit-scrollbar{width:8px;height:8px}
 ::-webkit-scrollbar-track{background:#111}
 ::-webkit-scrollbar-thumb{background:#333;}
@@ -247,6 +268,7 @@ html:not(.touch) #touch{display:none !important}
 
 .tc-btn{
   pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;
+  position:absolute;transform:translate(-50%,-50%);
   background:rgba(18,18,28,.52);border:2px solid rgba(255,255,255,.28);
   color:#fff;font-family:inherit;display:flex;align-items:center;justify-content:center;
   flex-direction:column;line-height:1;backdrop-filter:blur(2px);
@@ -255,7 +277,14 @@ html:not(.touch) #touch{display:none !important}
 }
 .tc-btn span{font-size:1.5em}
 .tc-btn .lbl{font-size:.6em;letter-spacing:1px;opacity:.85;margin-top:2px}
-.tc-btn.on,.tc-btn:active{transform:scale(.93);background:rgba(224,48,80,.6);border-color:#ff5c7a}
+.tc-btn.on,.tc-btn:active{transform:translate(-50%,-50%) scale(.93);background:rgba(224,48,80,.6);border-color:#ff5c7a}
+
+/* 设置界面预览里的缩放手柄（真实手柄不挂此元素） */
+.tc-rsz{
+  position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;
+  background:var(--gold);border:2px solid #000;cursor:nwse-resize;opacity:.92;touch-action:none;
+  box-shadow:0 1px 4px rgba(0,0,0,.5);
+}
 
 .tc-move{width:62px;height:62px;border-radius:14px}
 .tc-item{width:54px;height:54px;border-radius:50%}
@@ -267,7 +296,7 @@ html:not(.touch) #touch{display:none !important}
   border:3px solid #ffd0da;box-shadow:0 6px 18px rgba(192,26,58,.5);
   font-size:1.9em;font-weight:bold;color:#fff;
 }
-.tc-jump.on,.tc-jump:active{transform:scale(.92);filter:brightness(1.12)}
+.tc-jump.on,.tc-jump:active{transform:translate(-50%,-50%) scale(.92);filter:brightness(1.12)}
 
 /* 未持枪时射击键置灰 */
 #tc-gun.off{opacity:.4;filter:grayscale(1);background:rgba(18,18,28,.4)}