<br/>.hover-area {<br/><br/>bottom: 50px;<br/>left: 50%;<br/>transform: translateX(-50%);<br/>z-index: 9999;<br/>width: 731px;<br/>height: 85px;<br/>transition: 0.3s ease;<br/>max-width: 95%;<br/>margin: 0 auto;<br/>animation: float 3s ease-in-out infinite;<br/>@keyframes float {<br/>0%,100% {transform:@keyframes float {<br/>0%,100% ftransform:<br/>translateX(-50%) translateY(0);}<br/>50% { transform: translateX(-50%)<br/>translateY(-8px); }<br/>}<br/>.hover-area img {<br/>width: 100%;<br/>height: 100%;<br/>display: block;<br/>transition: 0.3s;<br/>object-fit: contain;<br/>border-radius: 12px;<br/>/*新增圆角*/<br/>box-shadow: 0 4px 15px<br/>rgba(0,0,0,0.2);<br/>}<br/>.hover-area:hover img {<br/>filter: brightness(0.9);<br/>transform: scale(1.03);<br/>box-shadow:0 6px 20px rgba(0,0,0,0.3);<br/>}<br/>@media (max-width: 768px) {<br/>.hover-area {<br/>display: none !important;<br/>height: 0;<br/>width: 0;<br/>}<br/>}<br/> <br/>@media (min-width: 2000px){<br/>.hover-area {<br/> bottom: 80px; <br/>}<br/>}<br/>