[data-v-cc29c70e]{margin:0;padding:0;box-sizing:border-box}.container[data-v-cc29c70e]{max-width:1200px;margin:0 auto;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h1[data-v-cc29c70e]{text-align:center;margin-bottom:30px;color:#333;font-family:Arial,sans-serif}.magnifier[data-v-cc29c70e]{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:30px;flex-wrap:wrap}.magnifier-container[data-v-cc29c70e]{position:relative;width:400px;height:300px;border:1px solid #eee;overflow:hidden;cursor:move}.main-img[data-v-cc29c70e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.magnifier-mask[data-v-cc29c70e]{position:absolute;top:0;left:0;width:150px;height:150px;background-color:hsla(0,0%,100%,.5);border:1px solid #ccc;pointer-events:none;z-index:10}.magnifier-large[data-v-cc29c70e]{width:400px;height:300px;border:1px solid #eee;overflow:hidden;background-repeat:no-repeat;background-size:200% 200%}.thumbnail-list[data-v-cc29c70e]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.thumbnail[data-v-cc29c70e]{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s ease}.thumbnail.active[data-v-cc29c70e],.thumbnail[data-v-cc29c70e]:hover{border-color:#2c3e50;transform:scale(1.05)}@media (max-width:992px){.magnifier[data-v-cc29c70e]{gap:20px}.magnifier-container[data-v-cc29c70e],.magnifier-large[data-v-cc29c70e]{width:350px;height:260px}}@media (max-width:768px){.magnifier-container[data-v-cc29c70e],.magnifier-large[data-v-cc29c70e]{width:300px;height:225px}.magnifier-mask[data-v-cc29c70e]{width:120px;height:120px}}@media (max-width:576px){.container[data-v-cc29c70e]{padding:20px}.magnifier[data-v-cc29c70e]{flex-direction:column}.thumbnail[data-v-cc29c70e]{width:80px;height:80px}}