.actionBarBox{position:absolute;left:50%;bottom:28px;transform:translate3d(-50%,0,0);display:flex;align-items:center;justify-content:center;height:48px;padding:6px 8px;background:hsla(0,0%,100%,.9);border-radius:12px;border:1px solid #e4e4e4;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;z-index:5}.actionBarBox.actionBarBoxMasonry{width:270px;height:42px;bottom:12px;padding:5px 2px}.actionBarBox .actionBarItem{position:relative;pointer-events:auto;padding:7px 15px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:14px;color:#222;white-space:nowrap;line-height:1}.actionBarBox .actionBarItem:hover{background:#fff}.actionBarBox .actionBarItem .actionBarItemIcon{margin-right:3px;font-size:15px}.actionBarBox .actionBarItem .actionBarItemIcon.iconCollected{color:#ffa200}.actionBarBox .actionBarItem .iconVip{display:block;width:20px;height:12px;object-fit:contain;margin-left:4px}.actionBarBox .actionBarItem.actionBarItemMasonry{height:30px;padding:0;font-size:12px;flex:1;min-width:0}.actionBarBox .actionBarItem.actionBarItemMasonry .actionBarItemIcon{font-size:12px;margin-right:2px}.actionBarBox .actionBarItem.actionBarItemMasonry .iconVip{position:absolute;margin-left:0;top:-8px;right:6px}.actionBarBox .divider{width:1px;height:20px;background:#e4e4e4;margin:0 2px}.actionBarBox.visible,.actionBarBox:hover{opacity:1;visibility:visible;pointer-events:auto}