diff --git a/world.html b/world.html index 350fb9b..32b245a 100644 --- a/world.html +++ b/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 任务 任务 - - @@ -1166,49 +1199,55 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa 日历 日历 - - - - - - - -
-
+
+ + + + + + + + + +
+