From 55c788dce6c374b81a3d044131782288f73a47f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E9=B9=8F=E5=AE=87?= <pengyuthon@163.com>
Date: Thu, 3 Sep 2026 16:39:08 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=91=E5=B8=81=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 world.html | 78 ++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 52 insertions(+), 26 deletions(-)

diff --git a/world.html b/world.html
index 0e171cc..202c3a1 100644
--- a/world.html
+++ b/world.html
@@ -49,34 +49,58 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 /* 测试阶段金币编辑器（世界名称右侧） */
 #topBar .goldEditor {
   display: none;
-  align-items: center; gap: 6px;
-  padding: 4px 10px; border-radius: 8px;
-  background: rgba(10,14,23,.75);
-  border: 1.5px solid rgba(255,193,7,.45);
-  box-shadow: 0 0 12px rgba(255,193,7,.15);
-  font-size: 13px; color: #ffe082;
+  align-items: center; gap: 8px;
+  padding: 5px 12px; border-radius: 12px;
+  background: rgba(26,20,10,.88);
+  border: 1.5px solid rgba(255,193,7,.55);
+  box-shadow: 0 0 18px rgba(255,193,7,.18), inset 0 1px 0 rgba(255,255,255,.06);
+  font-size: 13px; color: #ffd54f;
   white-space: nowrap;
+  backdrop-filter: blur(6px);
+  /* 解除父容器 .title 的 -webkit-text-fill-color: transparent 继承，否则子元素文字/emoji 全透明 */
+  -webkit-text-fill-color: initial;
+}
+#topBar .goldEditor * { -webkit-text-fill-color: initial; }
+#topBar .goldEditor .ge-label {
+  display: inline-flex; align-items: center; gap: 4px;
+  font-weight: 800; color: #ffecb3; font-size: 12px;
+  padding-right: 6px; border-right: 1px solid rgba(255,215,0,.25);
+}
+#topBar .goldEditor .ge-label .ge-icon { font-size: 15px; }
+#topBar .goldEditor .ge-current {
+  font-weight: 800; font-size: 15px; color: #ffd700;
+  min-width: 44px; text-align: right;
+  text-shadow: 0 1px 3px rgba(0,0,0,.5);
+}
+#topBar .goldEditor .ge-controls {
+  display: inline-flex; align-items: center; gap: 3px;
+  background: rgba(0,0,0,.35); border-radius: 8px; padding: 2px;
+  border: 1px solid rgba(255,193,7,.25);
 }
-#topBar .goldEditor .ge-current { font-weight: 700; min-width: 36px; text-align: right; }
 #topBar .goldEditor .ge-input {
-  width: 64px; height: 24px; padding: 0 6px;
-  background: rgba(0,0,0,.35); border: 1px solid rgba(255,193,7,.4);
-  border-radius: 5px; color: #ffe082; font-size: 12px; font-weight: 600;
-  outline: none; text-align: center;
+  width: 64px; height: 26px; padding: 0 4px;
+  background: transparent; border: none; border-radius: 6px;
+  color: #fff; font-size: 13px; font-weight: 700;
+  text-align: center; outline: none;
 }
-#topBar .goldEditor .ge-input:focus { border-color: rgba(255,193,7,.8); }
+#topBar .goldEditor .ge-input::placeholder { color: rgba(255,255,255,.35); font-size: 11px; }
+#topBar .goldEditor .ge-input:focus { background: rgba(255,193,7,.12); }
 #topBar .goldEditor .ge-btn {
-  width: 24px; height: 24px; border-radius: 5px; border: none;
-  font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer;
+  width: 26px; height: 26px; border-radius: 6px; border: none;
+  font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer;
   display: inline-flex; align-items: center; justify-content: center;
-  transition: transform .12s, filter .12s;
+  transition: transform .12s, filter .12s, background .15s;
 }
 #topBar .goldEditor .ge-btn:active { transform: scale(0.92); }
-#topBar .goldEditor .ge-plus { background: rgba(76,175,80,.25); color: #81c784; }
-#topBar .goldEditor .ge-plus:hover { background: rgba(76,175,80,.4); }
-#topBar .goldEditor .ge-minus { background: rgba(239,83,80,.25); color: #ef5350; }
-#topBar .goldEditor .ge-minus:hover { background: rgba(239,83,80,.4); }
-#topBar .goldEditor .ge-hint { font-size: 10px; color: #b0a070; }
+#topBar .goldEditor .ge-plus { background: rgba(76,175,80,.35); color: #a5d6a7; }
+#topBar .goldEditor .ge-plus:hover { background: rgba(76,175,80,.6); color: #fff; }
+#topBar .goldEditor .ge-minus { background: rgba(239,83,80,.35); color: #ef9a9a; }
+#topBar .goldEditor .ge-minus:hover { background: rgba(239,83,80,.6); color: #fff; }
+#topBar .goldEditor .ge-hint {
+  font-size: 10px; color: #b0a070; padding: 2px 7px;
+  background: rgba(0,0,0,.35); border-radius: 999px;
+  border: 1px solid rgba(255,215,0,.15);
+}
 .worldName-input {
   background: transparent; border: 1px solid rgba(124,199,255,.6); color: #cfe1f3;
   font-size: 15px; font-weight: 600; padding: 2px 6px; border-radius: 5px; width: 180px;
@@ -898,13 +922,15 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
     <span class="brand">宇森</span>
     <span class="worldNameWrap">
       <span class="worldName editable" id="worldName" title="点击编辑世界名称">加载中…</span>
-      <span class="goldEditor" id="goldEditor" title="测试专用：调整角色金币">
-        <span>🪙</span>
+      <span class="goldEditor" id="goldEditor" title="测试阶段工具：调整角色金币">
+        <span class="ge-label"><span class="ge-icon">🪙</span> 金币</span>
         <span class="ge-current" id="goldCurrent">0</span>
-        <input type="number" class="ge-input" id="goldInput" value="1000" min="1" step="1">
-        <button class="ge-btn ge-plus" id="goldPlus" type="button">+</button>
-        <button class="ge-btn ge-minus" id="goldMinus" type="button">−</button>
-        <span class="ge-hint">测试</span>
+        <span class="ge-controls">
+          <button class="ge-btn ge-minus" id="goldMinus" type="button" title="减少">−</button>
+          <input type="number" class="ge-input" id="goldInput" value="1000" min="1" step="1" placeholder="数量" title="调整数量">
+          <button class="ge-btn ge-plus" id="goldPlus" type="button" title="增加">+</button>
+        </span>
+        <span class="ge-hint">测试工具</span>
       </span>
     </span>
   </span>
-- 
2.34.1