/* 右上角工具条容器 */ .top-utils{ position: fixed; top: 16px; right: max(16px, env(safe-area-inset-right)); z-index: 9999; display: flex; align-items: center; gap: 12px; /* 两者间距在这里调 */ } /* 确保子元素不是 fixed（有旧样式时用 !important 兜底） */ .top-utils .music-toggle, .top-utils .clock{ position: static !important; margin: 0 !important; } /* 小屏优化（可按需改） */ @media (max-width: 480px){ .top-utils{ top: 12px; right: max(12px, env(safe-area-inset-right)); gap: 8px; } .top-utils .clock{ transform: scale(.92); transform-origin: right top; } }