.float-container-0717 { width: 1200px; position: fixed; bottom: 5px; left: 50%; transform: translateX(-50%); z-index: 1000; } .float-container-0717 .animation-box { display: none; position: relative; width: 670px; margin-left: 168px; border-radius: 8px; border: 1px solid #eee; overflow: hidden; } .float-container-0717 .animation-box:has(._it5lfmopgof) { display: block; } /* 四条光带 - 独立控制时长 */ .float-container-0717 .animation-box span { position: absolute; display: block; pointer-events: none; z-index: 999; background: linear-gradient(90deg, transparent, #e20000); transform: translateZ(0); /* GPU加速 */ } /* 上边框（长边：2秒） */ .float-container-0717 .animation-box span:nth-child(1) { top: 0; width: 100%; height: 3px; left: -100%; animation: topFlow 2s linear 0s infinite; } /* 右边框（短边：2秒） */ .float-container-0717 .animation-box span:nth-child(2) { right: 0; width: 3px; height: 100%; top: -100%; background: linear-gradient(transparent, #e20000); animation: rightFlow 2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s infinite; } /* 下边框（长边：2秒） */ .float-container-0717 .animation-box span:nth-child(3) { bottom: 0; right: 0; width: 100%; height: 3px; left: 100%; background: linear-gradient(270deg, transparent, #e20000); animation: bottomFlow 2s linear 1s infinite; } /* 左边框（短边：2秒） */ .float-container-0717 .animation-box span:nth-child(4) { bottom: 0; left: 0; width: 3px; height: 100%; top: 100%; background: linear-gradient(360deg, transparent, #e20000); animation: leftFlow 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s infinite; } /* 关键帧动画 */ @keyframes topFlow { 0% { left: -100%; } 50%, 100% { left: 100%; } } @keyframes rightFlow { 0% { top: -100%; } 50%, 100% { top: 100%; } } @keyframes bottomFlow { 0% { left: 100%; } 50%, 100% { left: -100%; } } @keyframes leftFlow { 0% { top: 100%; } 50%, 100% { top: -100%; } }