/****************************************************************************  
 * @Author: 陌寒
 * @Date: 2025-08-31 16:24:26
 * @LastEditTime: 2025-08-31 16:24:41
 * @Description: ZibBox 子主题，为 WordPress 添加灵动之美，让网页别具韵味！
 * @Email: 7083266@qq.com
 * @Remind: 有任何问题请联系主题作者,希望大家在使用的途中遵守我们的相关约定，也呼吁每一位子比正版用户，使用正版 拒绝盗版，如有盗版 也绝不售卖！
 * @Copyright (c) 2025 by 郑州汇聚云网络科技有限公司, All Rights Reserved.
 ****************************************************************************/

.zibbox-dynamic-island:hover img{width:30px;height:30px}.bars{display:flex;align-items:center;justify-content:flex-end;gap:3px}.bar{width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate}.bar:nth-child(1){animation-duration:1s}.bar:nth-child(2){animation-duration:.9s}.bar:nth-child(3){animation-duration:.8s}.bar:nth-child(4){animation-duration:.7s}.bar:nth-child(5){animation-duration:.6s}.bar:nth-child(6){animation-duration:.9s}.bar:nth-child(7){animation-duration:.7s}.zibbox-dynamic-island{position:fixed;top:80px;left:50%;transform:translateX(-50%) scale(0);transform-origin:center;width:auto;max-width:80%;height:40px;background-color:#000;border-radius:25px;color:#fff;display:flex;align-items:center;justify-content:space-between;transition:transform .4s ease-in-out,height .6s ease-in-out,border-radius .6s ease-in-out,box-shadow .5s ease-in-out,opacity .5s ease-in-out;overflow:visible;z-index:1000;padding-left:35px;padding-right:20px;opacity:0;box-shadow:0 0 10px rgba(0,0,0,.45)}.zibbox-dynamic-island.active{transform:translateX(-50%) scale(1);opacity:1}.zibbox-dynamic-island.inactive{transform:translateX(-50%) scale(0);opacity:0}.island-content{opacity:0;transition:opacity .9s ease-in-out,filter .8s ease-in-out;font-weight:700;flex-grow:1;text-align:right;width:100%}.zibbox-dynamic-island.active .island-content{opacity:1}.zibbox-dynamic-island img{position:absolute;left:10px;width:20px;height:20px;object-fit:cover;transition:height .8s ease-in-out,width .8s ease-in-out,filter .8s ease-in-out}.zibbox-dynamic-island:hover{height:60px;border-radius:50px}@keyframes bounce{0%{transform:scaleY(.3);background-color:green}50%{transform:scaleY(1);background-color:orange}100%{transform:scaleY(.3);background-color:green}}