消耗品

@media (min-width: 500px) { .wrap { padding: 1.5rem 2rem; } } /* 图片放大样式 */ .image-zoom { cursor: pointer; transition: transform 0.3s ease; } .image-zoom:hover { transform: scale(1.02); } /* 图片放大覆盖层样式 */ .image-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; z-index: 9999; cursor: zoom-out; } .image-overlay img { max-width: 90%; max-height: 90%; object-fit: contain; box-shadow: 0 0 30px rgba(0, 0, 0, 0.8); border-radius: 5px; } /* 关闭按钮 */ .close-btn { position: absolute; top: 20px; right: 30px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 10000; background: rgba(0, 0, 0, 0.5); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; } .close-btn:hover { background: rgba(255, 0, 0, 0.7); }