.main-content[data-v-6da746e9]{display:flex;grid-gap:20px;gap:20px}@media (max-width:768px){.main-content[data-v-6da746e9]{grid-gap:15px;gap:15px}}.product-categories[data-v-6da746e9]{flex:1;max-width:250px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);border:1px solid #eee;align-self:flex-start;display:flex;flex-direction:column}@media (max-width:768px){.product-categories[data-v-6da746e9]{align-self:stretch;overflow-x:auto;padding:10px}.product-categories[data-v-6da746e9]::-webkit-scrollbar{display:none}.product-categories[data-v-6da746e9]{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row}}.product-content[data-v-6da746e9]{flex:2}.category-item[data-v-6da746e9]{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:8px;border-radius:8px;transition:all .3s ease;cursor:pointer;text-decoration:none}@media (max-width:768px){.category-item[data-v-6da746e9]{flex:0 0 45%;max-width:140px;margin-right:10px;padding:6px}}.category-item[data-v-6da746e9]:hover{background-color:#f5f9ff;transform:translateX(5px)}.category-item.active[data-v-6da746e9]{background-color:#0046be;color:#fff}.category-item.active .category-title[data-v-6da746e9]{color:#fff}.category-item.active .category-description[data-v-6da746e9]{color:hsla(0,0%,100%,.8)}.category-icon[data-v-6da746e9]{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f0f5ff}.category-item.active .category-icon[data-v-6da746e9]{background-color:hsla(0,0%,100%,.2)}.category-icon img[data-v-6da746e9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-text[data-v-6da746e9]{flex:1}.category-title[data-v-6da746e9]{color:#0046be;font-size:15px;font-weight:600;margin-bottom:5px}.category-description[data-v-6da746e9]{color:#666;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.main-content[data-v-6da746e9]{flex-direction:column}.product-categories[data-v-6da746e9]{max-width:100%;align-self:stretch;flex-direction:row}.category-item[data-v-6da746e9]{grid-gap:10px;gap:10px;flex:0 0 45%;max-width:140px;margin-right:10px}.category-icon[data-v-6da746e9]{width:40px;height:40px}.category-title[data-v-6da746e9]{font-size:13px}.category-description[data-v-6da746e9]{font-size:10px}}.page-header[data-v-a601a9c0]{z-index:9;width:100%;background:#039;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#039,#0046be)}.page-header .bg[data-v-a601a9c0]{display:block;width:100%;height:auto}.page-header .header-container[data-v-a601a9c0]{position:absolute;top:50%;left:10%;transform:translateY(-50%);text-align:center;z-index:1;opacity:1;text-align:left}.page-header .header-container.entered .subtitle[data-v-a601a9c0],.page-header .header-container.entered .title[data-v-a601a9c0]{transform:translateY(0);opacity:1}.page-header .header-container .title[data-v-a601a9c0]{color:#fff;font-weight:600;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:0;transform:translateY(12px);transition:transform .6s ease-out .3s,opacity .6s ease-out .15s}.page-header .header-container .title_en[data-v-a601a9c0]{font-size:50px}.page-header .header-container .title_cn[data-v-a601a9c0]{position:relative;margin-bottom:18px;font-size:40px;display:inline-block}.page-header .header-container .title_cn[data-v-a601a9c0]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;background:#fff;width:50%;height:2px}.page-header .header-container .subtitle[data-v-a601a9c0]{color:hsla(0,0%,100%,.95);font-size:20px;font-weight:400;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:0;transform:translateY(12px);transition:transform .6s ease-out .65s,opacity .6s ease-out .45s}@media (max-width:768px){.page-header .header-container[data-v-a601a9c0]{left:5%}.page-header .header-container .title_en[data-v-a601a9c0]{font-size:24px}.page-header .header-container .title_cn[data-v-a601a9c0]{font-size:20px}.page-header .header-container .subtitle[data-v-a601a9c0]{font-size:14px}}@media (max-width:480px){.page-header .header-container[data-v-a601a9c0]{left:5%}.page-header .header-container .title_en[data-v-a601a9c0]{font-size:20px}.page-header .header-container .title_cn[data-v-a601a9c0]{font-size:16px}.page-header .header-container .subtitle[data-v-a601a9c0]{font-size:12px}}