.top-banner[data-v-eb219c12]{position:relative}.top-banner img[data-v-eb219c12]{display:block;width:100%;min-width:28.03738rem}.top-banner-content[data-v-eb219c12]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.top-banner-content h2[data-v-eb219c12]{margin:0;letter-spacing:.02336rem;font-size:1.40187rem;font-family:SourceHanSansCN-Bold,sans-serif}.top-banner-content p[data-v-eb219c12]{margin:.23364rem 0;letter-spacing:.09346rem;text-transform:uppercase;font-size:.37383rem;font-family:SourceHanSansCN-light,sans-serif}[data-v-7539a1f0]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[data-v-7539a1f0]{background-color:#f5f7fa;color:#333;min-height:100vh;overflow-x:hidden}.header[data-v-7539a1f0]{color:#333;padding:.37383rem 0;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:5;margin:2rem 1rem 0 1rem;margin-left:18%;margin-right:17%}.toggle-btn[data-v-7539a1f0]{background:#f0f5ff;border:none;padding:.18692rem .28037rem;border-radius:.09346rem;cursor:pointer;display:flex;align-items:center;gap:.18692rem;transition:all .3s;z-index:1000;position:relative;font-size:.6rem}.toggle-btn[data-v-7539a1f0]:hover{background:#e6f7ff;color:#2575fc}.overlay[data-v-7539a1f0]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.overlay.active[data-v-7539a1f0]{opacity:1;visibility:visible}.sidebar-container[data-v-7539a1f0]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:20;transform:translateX(-100%);transition:transform .3s ease}.sidebar-container.active[data-v-7539a1f0]{transform:translateX(0)}.sidebar[data-v-7539a1f0]{width:33.33%;background:linear-gradient(135deg,rgba(248,249,250,.85),rgba(233,236,239,.9));backdrop-filter:blur(.23364rem);-webkit-backdrop-filter:blur(.23364rem);box-shadow:.04673rem 0 .35047rem rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;position:relative;padding-top:1.40187rem;border-right:.02336rem solid hsla(0,0%,100%,.2)}.close-sidebar[data-v-7539a1f0]{position:absolute;top:.37383rem;right:.37383rem;background:hsla(0,0%,100%,.25);border:.02336rem solid hsla(0,0%,100%,.3);width:.93458rem;height:.93458rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;color:#495057;font-size:.46729rem;transition:all .3s;box-shadow:0 .09346rem .14019rem rgba(0,0,0,.05)}.close-sidebar[data-v-7539a1f0]:hover{background:rgba(73,80,87,.8);color:#fff;transform:rotate(90deg)}.sidebar-content[data-v-7539a1f0]{overflow-y:auto;flex:1;padding:.37383rem 0}.subsidebar[data-v-7539a1f0]{width:33.33%;background:linear-gradient(135deg,hsla(0,0%,97.6%,.85),hsla(0,0%,94.1%,.9));backdrop-filter:blur(.23364rem);-webkit-backdrop-filter:blur(.23364rem);padding:1.40187rem .37383rem .37383rem;overflow-y:auto;border-right:.02336rem solid hsla(0,0%,100%,.2)}.subsidebar-header[data-v-7539a1f0]{font-size:.5rem;margin-bottom:.46729rem;padding-bottom:.23364rem;border-bottom:.02336rem solid rgba(222,226,230,.5);color:#228be6;display:flex;align-items:center;justify-content:space-between;background-color:rgba(233,236,239,.8);padding:.46729rem;border-radius:.28037rem;box-shadow:0 .09346rem .28037rem rgba(0,0,0,.05);backdrop-filter:blur(.11682rem)}.back-button[data-v-7539a1f0]{background:transparent;border:none;color:#495057;cursor:pointer;display:flex;align-items:center;gap:.23364rem;font-size:.8rem;transition:all .3s;padding:.14019rem .28037rem;border-radius:.09346rem}.back-button[data-v-7539a1f0]:hover{background-color:#e9ecef;color:#343a40}.category-item[data-v-7539a1f0]{padding:.37383rem .46729rem;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;border-left:.09346rem solid transparent;margin:0 .23364rem .18692rem .23364rem;border-radius:.18692rem;box-shadow:0 .04673rem .09346rem rgba(0,0,0,.02)}.category-item[data-v-7539a1f0]:hover{background-color:hsla(0,0%,100%,.8);border-left-color:#4dabf7;transform:translateX(.11682rem);box-shadow:0 .09346rem .18692rem rgba(0,0,0,.05)}.category-item.active[data-v-7539a1f0]{background-color:hsla(0,0%,100%,.9);border-left-color:#228be6;box-shadow:0 .09346rem .28037rem rgba(34,139,230,.15)}.category-text[data-v-7539a1f0]{flex:1;font-size:.5rem;font-weight:500;color:#495057;letter-spacing:.02em;transition:all .3s ease}.category-item:hover .category-text[data-v-7539a1f0]{color:#228be6}.category-item.active .category-text[data-v-7539a1f0]{color:#1971c2}.category-arrow[data-v-7539a1f0]{transition:all .3s ease;color:#adb5bd;font-size:.9rem;opacity:.7}.category-arrow.expanded[data-v-7539a1f0]{transform:rotate(90deg)}.category-item:hover .category-arrow[data-v-7539a1f0]{color:#228be6;opacity:1;transform:translateX(.07009rem)}.category-item.active .category-arrow[data-v-7539a1f0]{color:#1971c2;opacity:1}.subcategories-grid[data-v-7539a1f0]{display:grid;grid-template-columns:repeat(2,1fr);gap:.37383rem}.subcategory-item[data-v-7539a1f0]{padding:.37383rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s;background:#fff;border-radius:.18692rem;box-shadow:0 .04673rem .18692rem rgba(0,0,0,.05);margin:.18692rem .09346rem;border:.02336rem solid transparent}.subcategory-item[data-v-7539a1f0]:hover{background-color:#f8f9fa;transform:translateY(-.07009rem);box-shadow:0 .14019rem .37383rem rgba(0,0,0,.1);border-color:#dee2e6}.subcategory-item:hover .subcategory-image i[data-v-7539a1f0]{background-color:#e6f7ff;color:#2575fc}.subcategory-item:hover .subcategory-image img[data-v-7539a1f0]{transform:scale(1.05);box-shadow:0 .09346rem .28037rem rgba(0,0,0,.15)}.subcategory-item:hover .subcategory-text[data-v-7539a1f0]{color:#343a40}.subcategory-image[data-v-7539a1f0]{margin-bottom:.28037rem;width:4.6729rem;height:7.00935rem;display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden}.subcategory-image img[data-v-7539a1f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.18692rem;transition:all .3s;box-shadow:0 .04673rem .14019rem rgba(0,0,0,.1)}.subcategory-image i[data-v-7539a1f0]{font-size:1.8rem;color:#495057;width:1.40187rem;height:1.40187rem;display:flex;align-items:center;justify-content:center;background:#e9ecef;border-radius:50%;transition:all .3s;box-shadow:0 .04673rem .14019rem rgba(0,0,0,.1)}.subcategory-text[data-v-7539a1f0]{font-size:.6rem;color:#495057;font-weight:500;margin-top:.18692rem;transition:all .3s}.content-placeholder[data-v-7539a1f0]{background:#fff;border-radius:.18692rem;padding:.56075rem;box-shadow:0 .04673rem .28037rem rgba(0,0,0,.05);margin-bottom:.56075rem}.content-placeholder h2[data-v-7539a1f0]{color:#6a11cb;margin-bottom:.37383rem;font-weight:600}.content-placeholder p[data-v-7539a1f0]{line-height:1.6;color:#666;margin-bottom:.28037rem}@media (max-width:992px){.sidebar[data-v-7539a1f0],.subsidebar[data-v-7539a1f0]{width:33.33%}.subcategories-grid[data-v-7539a1f0]{grid-template-columns:1fr}}@media (max-width:768px){.sidebar[data-v-7539a1f0]{width:40%}.subsidebar[data-v-7539a1f0]{width:40%;padding:1.40187rem .18692rem .37383rem}.subcategories-grid[data-v-7539a1f0]{grid-template-columns:1fr}.category-item[data-v-7539a1f0]{padding:.28037rem .3271rem}}@media (max-width:576px){.sidebar-container[data-v-7539a1f0]{flex-direction:column}.sidebar[data-v-7539a1f0],.subsidebar[data-v-7539a1f0]{width:100%;height:50%}.subsidebar[data-v-7539a1f0]{padding:.37383rem}.subcategories-grid[data-v-7539a1f0]{grid-template-columns:repeat(2,1fr)}}#product[data-v-7539a1f0]{overflow:hidden;background-size:cover;background:url(../../assets/img/bg-craft.a034c6ef.jpg)}.product-container[data-v-7539a1f0]{display:flex;width:30.60748rem;box-sizing:border-box;margin:0 auto;padding:2.33645rem .70093rem}.product-main[data-v-7539a1f0]{width:100%;box-sizing:border-box;padding:0 0 0 .93458rem}.Allbox[data-v-7539a1f0]{margin:2rem 1rem}.All_h11[data-v-7539a1f0]{font-size:.6rem;text-align:left;margin:0 17% 1% 17%;font-family:Helvetica}.Allbox-inner[data-v-7539a1f0]{display:flex;margin:auto;flex-wrap:wrap;width:70%;flex-direction:row}.Allbox-item[data-v-7539a1f0]{position:relative;width:28%;overflow:hidden;margin:1rem .2rem 0 1rem}.Allbox-item[data-v-7539a1f0]:before,.Allbox-item img[data-v-7539a1f0]{display:block;width:100%;border-radius:.46729rem}.Allbox-item[data-v-7539a1f0]:before{content:"";position:absolute;height:100%;transition:all .2s;pointer-events:none}.Allbox-item[data-v-7539a1f0]:hover:before{background:rgba(0,0,0,.3);opacity:1}.Allbox-item a[data-v-7539a1f0]{display:flex}.Allbox-content[data-v-7539a1f0]{position:absolute;left:.5rem;bottom:.2rem;transform:translate3d(0,56%,0);width:80%;color:#fff;opacity:1;transition:all .2s}.Allbox-p1[data-v-7539a1f0]{margin:0;font-family:Helvetica;margin-bottom:.5rem;font-size:.46729rem}.Allbox-p2[data-v-7539a1f0]{border:.02336rem solid;width:20%;border-radius:.2rem;vertical-align:middle;font-size:.3rem;padding:.1rem .2rem .1rem .2rem}.Allbox-item:hover .Allbox-content[data-v-7539a1f0]{opacity:1;transform:translateZ(0)}@media screen and (max-width:1600px){.Allbox-p2[data-v-7539a1f0]{border:.02336rem solid;width:19%;border-radius:.2rem;vertical-align:middle;font-size:.3rem;padding:.01rem .2rem .01rem .2rem}}@media screen and (max-width:1300px){.Allbox-p2[data-v-7539a1f0]{border:.02336rem solid;width:22%;border-radius:.2rem;vertical-align:middle;font-size:.3rem;padding:.01rem .2rem .01rem .2rem}}