面板

world.html

@@ -280,6 +280,33 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
   background: rgba(255,255,255,0.02);
 }
 
+/* 底部左侧快捷图标栏（由右侧汉堡菜单迁入的 9 项） */
+#bottomBar .bb-quick-icons {
+  display: flex; align-items: center; gap: 10px; flex: 1;
+  overflow-x: auto; overflow-y: hidden; padding-right: 6px;
+  scrollbar-width: thin;
+}
+#bottomBar .bb-quick-icons::-webkit-scrollbar { height: 3px; }
+#bottomBar .bb-quick-icons::-webkit-scrollbar-thumb { background: rgba(120,200,255,.25); border-radius: 2px; }
+#bottomBar .bb-quick-icons .quick-icon {
+  position: relative; flex-shrink: 0; width: 54px; height: 54px;
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
+  background: rgba(20,28,48,.55); border: 1px solid rgba(120,180,255,.22); border-radius: 12px;
+  color: #b8cce6; cursor: pointer; transition: .18s; backdrop-filter: blur(6px);
+}
+#bottomBar .bb-quick-icons .quick-icon:hover {
+  background: linear-gradient(135deg, rgba(139,92,246,.28), rgba(74,175,255,.22));
+  border-color: rgba(139,92,246,.55); color: #fff; transform: translateY(-2px);
+  box-shadow: 0 4px 14px rgba(80,120,255,.35);
+}
+#bottomBar .bb-quick-icons .quick-icon:active { transform: translateY(0); }
+#bottomBar .bb-quick-icons .quick-icon img,
+#bottomBar .bb-quick-icons .quick-icon svg {
+  width: 22px; height: 22px; object-fit: contain; pointer-events: none; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4));
+}
+#bottomBar .bb-quick-icons .quick-icon .qi-label { font-size: 10px; line-height: 1; text-align: center; white-space: nowrap; pointer-events: none; }
+#bottomBar .bb-quick-icons .quick-icon.active { outline: 2px solid rgba(255,255,255,.75); box-shadow: 0 0 14px rgba(140,180,255,.55); border-color: rgba(139,92,246,.7); }
+
 /* 微观世界视图 —— 直接切换，无渐变过渡：加载完即时显示/隐藏，进出皆为硬切 */
 #microView {
   position: fixed; top: 0; left: 0; width: 100%; height: 100%;
@@ -916,6 +943,11 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
   #topBar .title .worldName{font-size:13px;}
   #topBar .title img{width:28px;height:28px;}
   #bottomBar{gap:8px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));}
+  #bottomBar .bb-quick-icons{gap:7px;}
+  #bottomBar .bb-quick-icons .quick-icon{width:46px;height:46px;border-radius:10px;}
+  #bottomBar .bb-quick-icons .quick-icon img,
+  #bottomBar .bb-quick-icons .quick-icon svg{width:18px;height:18px;}
+  #bottomBar .bb-quick-icons .quick-icon .qi-label{font-size:8px;}
   #bottomBar .bb-btn{padding:8px 11px;font-size:12px;}
   #navControls{bottom:calc(96px + env(safe-area-inset-bottom));right:14px;
     grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:6px;}
@@ -929,6 +961,11 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
 }
 @media (max-width:420px){
   #topBar .title .worldNameWrap{display:none;}
+  #bottomBar .bb-quick-icons{gap:5px;}
+  #bottomBar .bb-quick-icons .quick-icon{width:40px;height:40px;border-radius:9px;}
+  #bottomBar .bb-quick-icons .quick-icon img,
+  #bottomBar .bb-quick-icons .quick-icon svg{width:16px;height:16px;}
+  #bottomBar .bb-quick-icons .quick-icon .qi-label{font-size:7px;}
   #bottomBar .bb-btn{padding:7px 9px;font-size:11px;}
   #worldExpBarWrap{width:280px;gap:5px;}
   #worldExpBarWrap .we-title{display:none;}
@@ -1137,16 +1174,12 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
     <img src="assets/icons/task/task.png?v=2" alt="任务">
     <span class="top-icon-label">任务</span>
   </button>
-  <button class="top-icon" id="btnMall" type="button" title="商城">
-    <img src="assets/icons/shop/shop.png?v=4" alt="商城">
-    <span class="top-icon-label">商城</span>
-  </button>
   <button class="top-icon" id="btnMail" type="button" title="邮箱">
     <span class="ti-label"><img src="assets/icons/mail/mail.png?v=2" alt="邮箱"></span>
     <span class="top-icon-label">邮箱</span>
     <span class="top-icon-badge" id="topMailBadge" style="display:none;">0</span>
   </button>
-  <button class="top-icon" id="btnSettings" type="button" title="设置">
+  <button class="top-icon toolbar-core" id="btnSettings" type="button" title="设置">
     <img src="assets/icons/settings/settings.png?v=2" alt="设置">
     <span class="top-icon-label">设置</span>
   </button>
@@ -1166,49 +1199,55 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
     <img src="assets/icons/calendar/calendar.png?v=2" alt="日历">
     <span class="top-icon-label">日历</span>
   </button>
-  <button class="top-icon" id="btnAuction" type="button" title="拍卖行">
-    <img src="assets/icons/auction/auction.png?v=2" alt="拍卖行">
-    <span class="top-icon-label">拍卖行</span>
-  </button>
-  <button class="top-icon" id="btnData" type="button" title="数据">
-    <img src="assets/icons/data/data.png?v=2" alt="数据">
-    <span class="top-icon-label">数据</span>
-  </button>
-  <button class="top-icon toolbar-core" id="btnInventory" type="button" title="包裹">
-    <img src="assets/icons/inventory/inventory.png?v=2" alt="包裹">
-    <span class="top-icon-label">包裹</span>
-  </button>
-  <button class="top-icon" id="btnTerrain" type="button" title="地形">
-    <img src="assets/icons/terrain/terrain.png?v=2" alt="地形">
-    <span class="top-icon-label">地形</span>
-  </button>
-  <button class="top-icon" id="btnMove" type="button" title="移动">
-    <img src="assets/icons/move/move.png?v=2" alt="移动">
-    <span class="top-icon-label">移动</span>
-  </button>
   <button class="top-icon" id="btnHeight" type="button" title="高度">
     <img src="assets/icons/height/height.png?v=2" alt="高度">
     <span class="top-icon-label">高度</span>
   </button>
-  <button class="top-icon" id="btnTech" type="button" title="科技">
-    <img src="assets/icons/tech/tech.png?v=2" alt="科技">
-    <span class="top-icon-label">科技</span>
-  </button>
-  <button class="top-icon toolbar-core" id="btnFriends" type="button" title="好友">
-    <img src="assets/icons/friends/friends.png?v=2" alt="好友">
-    <span class="top-icon-label">好友</span>
-    <span class="top-icon-badge" id="friendBadge" hidden>0</span>
-  </button>
-  <button class="top-icon toolbar-core" id="btnAchievements" type="button" title="成就">
-    <img src="assets/icons/achievement/achievement.png?v=5" alt="成就">
-    <span class="top-icon-label">成就</span>
-    <span class="top-icon-badge" id="achBadge" hidden></span>
-  </button>
 </div>
 
 <!-- 主沙盘底部功能框架（世界等级经验条置于最右侧） -->
 <div id="bottomBar">
-  <div class="bb-slots">
+  <div class="bb-quick-icons">
+    <button class="quick-icon" id="btnAuction" type="button" title="拍卖行">
+      <img src="assets/icons/auction/auction.png?v=2" alt="拍卖行">
+      <span class="qi-label">拍卖行</span>
+    </button>
+    <button class="quick-icon" id="btnData" type="button" title="数据">
+      <img src="assets/icons/data/data.png?v=2" alt="数据">
+      <span class="qi-label">数据</span>
+    </button>
+    <button class="quick-icon" id="btnInventory" type="button" title="包裹">
+      <img src="assets/icons/inventory/inventory.png?v=2" alt="包裹">
+      <span class="qi-label">包裹</span>
+    </button>
+    <button class="quick-icon" id="btnTerrain" type="button" title="地形">
+      <img src="assets/icons/terrain/terrain.png?v=2" alt="地形">
+      <span class="qi-label">地形</span>
+    </button>
+    <button class="quick-icon" id="btnMove" type="button" title="移动">
+      <img src="assets/icons/move/move.png?v=2" alt="移动">
+      <span class="qi-label">移动</span>
+    </button>
+    <button class="quick-icon" id="btnMall" type="button" title="商城">
+      <img src="assets/icons/shop/shop.png?v=4" alt="商城">
+      <span class="qi-label">商城</span>
+    </button>
+    <button class="quick-icon" id="btnTech" type="button" title="科技">
+      <img src="assets/icons/tech/tech.png?v=2" alt="科技">
+      <span class="qi-label">科技</span>
+    </button>
+    <button class="quick-icon" id="btnFriends" type="button" title="好友">
+      <img src="assets/icons/friends/friends.png?v=2" alt="好友">
+      <span class="qi-label">好友</span>
+      <span class="top-icon-badge" id="friendBadge" hidden>0</span>
+    </button>
+    <button class="quick-icon" id="btnAchievements" type="button" title="成就">
+      <img src="assets/icons/achievement/achievement.png?v=5" alt="成就">
+      <span class="qi-label">成就</span>
+      <span class="top-icon-badge" id="achBadge" hidden></span>
+    </button>
+  </div>
+  <div class="bb-slots" style="display:none;">
     <button class="bb-btn" id="btnManage" type="button" style="display:none;">⚙️ 管理</button>
   </div>
   <div id="worldExpBarWrap">