@charset "UTF-8";.image-compare[data-v-2e374e2c]{position:relative;width:100%;height:100%;overflow:hidden;user-select:none}.image-after[data-v-2e374e2c],.image-before[data-v-2e374e2c]{position:relative;width:100%;height:100%}.image-after img[data-v-2e374e2c],.image-before img[data-v-2e374e2c]{width:100%;height:100%;height:auto;display:block;pointer-events:none}.image-before[data-v-2e374e2c]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.label[data-v-2e374e2c]{position:absolute;bottom:20px;padding:6px 16px;background:#0009;color:#fff;font-size:14px;font-weight:500;border-radius:4px;backdrop-filter:blur(4px);pointer-events:none;z-index:5}.label-before[data-v-2e374e2c]{left:20px}.label-after[data-v-2e374e2c]{right:20px}.slider[data-v-2e374e2c]{position:absolute;top:0;bottom:0;width:0;cursor:ew-resize;z-index:10}.slider-line[data-v-2e374e2c]{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#fff;box-shadow:0 0 4px #0000004d}.slider-button[data-v-2e374e2c]{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#2a555a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 2px 8px #0003;transition:transform .2s ease}.slider-button[data-v-2e374e2c]:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-button svg[data-v-2e374e2c]{width:20px;height:20px}@media (max-width: 768px){.slider-button[data-v-2e374e2c]{width:32px;height:32px}.slider-button svg[data-v-2e374e2c]{width:16px;height:16px}.label[data-v-2e374e2c]{bottom:12px;padding:4px 12px;font-size:12px}}.banner[data-v-709fd9a3]{height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.banner .content[data-v-709fd9a3]{width:50%;height:100%;margin:auto;text-align:center;color:#fff}.banner .content h1[data-v-709fd9a3]{font-size:50px;font-weight:700}.banner .content h2[data-v-709fd9a3]{font-size:40px;font-weight:700}.banner .content h3[data-v-709fd9a3]{font-size:30px;font-weight:700}.banner .content .btn[data-v-709fd9a3]{background-color:var(--my-color-primary);color:#fff;font-size:20px;border-radius:10px;padding:10px 15px;text-decoration:none;display:inline-block;transition:all .3s ease}.banner .content .btn[data-v-709fd9a3]:hover{background-color:#5e4b3a;box-shadow:0 4px 12px #00000026}.category[data-v-709fd9a3]{cursor:pointer;text-align:center;transition:all .3s ease}.category .category-image[data-v-709fd9a3]{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category .category-name[data-v-709fd9a3]{color:#000;font-weight:500;margin-bottom:15px;transition:all .3s ease}.category .category-arrow[data-v-709fd9a3]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#000;border-radius:50%;color:#fff;transition:all .3s cubic-bezier(.34,1.2,.64,1);transform:translateY(10px);margin-bottom:10px;opacity:0}.category .category-arrow .el-icon[data-v-709fd9a3]{font-size:20px}.category .category-arrow[data-v-709fd9a3]:hover{background-color:#2a555a;transform:scale(1.1)}.category:hover .category-image[data-v-709fd9a3]{transform:scale(1.05)}.category:hover .category-name[data-v-709fd9a3]{transform:translateY(-2px)}.category:hover .category-arrow[data-v-709fd9a3]{transform:translateY(0);opacity:1}.title[data-v-709fd9a3]{text-align:center;color:#000;margin:40px 0}.hotspot-container[data-v-709fd9a3]{position:relative;display:inline-block;width:100%}.hotspot-container .hotspot-image[data-v-709fd9a3]{width:100%;display:block}.hotspot-dot[data-v-709fd9a3]{position:absolute;width:50px;height:50px;cursor:pointer;z-index:10;transform:translate(-50%,-50%)}.hotspot-dot .outer-ring[data-v-709fd9a3]{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#2a555a99;transform:translate(-50%,-50%);animation:pulse-709fd9a3 3s ease-in-out infinite;pointer-events:none}.hotspot-dot .inner-circle[data-v-709fd9a3]{position:relative;width:100%;height:100%;border-radius:50%;background-color:#2a555a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;box-shadow:0 2px 8px #00000080}.hotspot-dot .inner-circle .plus-icon[data-v-709fd9a3]{color:#fff;font-size:22px;font-weight:700;transition:transform .3s ease;display:inline-block;line-height:1}@keyframes pulse-709fd9a3{0%{width:100%;height:100%;opacity:.8}50%{width:170%;height:170%;opacity:0}to{width:100%;height:100%;opacity:.5}}.goodsList[data-v-709fd9a3]{clear:both;overflow:hidden}.goodsList .item[data-v-709fd9a3]{width:20%;float:left;padding:20px}@media (max-width: 768px){.title[data-v-709fd9a3]{font-size:24px;margin:20px 0}.image-wrapper[data-v-709fd9a3]{min-height:250px}.hotspot-dot[data-v-709fd9a3]{width:28px;height:28px}.hotspot-dot .inner-circle .plus-icon[data-v-709fd9a3]{font-size:18px}.goodsList .item[data-v-709fd9a3]{width:50%;padding:10px}}@media (min-width: 769px) and (max-width: 1024px){.goodsList .item[data-v-709fd9a3]{width:25%;padding:15px}}