.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{flex:1;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);min-width:0}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{flex-shrink:0;font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--primary{--el-notification-icon-color:var(--el-color-primary);color:var(--el-notification-icon-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}.section-header[data-v-3cefef85]{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.section-header__left[data-v-3cefef85]{flex:1}.section-title[data-v-3cefef85]{align-items:center;color:var(--text-color);display:flex;font-size:22px;font-weight:700;gap:10px;line-height:1.3;margin:0 0 6px}.section-title[data-v-3cefef85]:before{background:linear-gradient(180deg,#165dff,#36cfc9);border-radius:2px;content:"";display:block;flex-shrink:0;height:22px;width:4px}.section-subtitle[data-v-3cefef85]{color:var(--text-secondary-color);font-size:14px;margin:0;max-width:500px;padding-left:14px}.filter-group[data-v-3cefef85]{align-items:center;display:flex;flex-shrink:0;gap:8px}.filter-btn[data-v-3cefef85]{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary-color);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 14px;transition:all .2s ease}.filter-btn[data-v-3cefef85]:hover{border-color:var(--text-color);color:var(--text-color)}.filter-btn--active[data-v-3cefef85]{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}.dark .filter-btn--active[data-v-3cefef85]{background:var(--bg-light);border-color:var(--bg-light);color:var(--dark-color)}.filter-count[data-v-3cefef85]{font-size:11px;opacity:.7}.product__content[data-v-3cefef85]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.product-item[data-v-3cefef85]{background-color:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius,14px);box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.product-item[data-v-3cefef85]:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.product-item__cover[data-v-3cefef85]{border-radius:16px;overflow:hidden;position:relative}.product-item__main[data-v-3cefef85]{align-items:start;display:flex;flex-direction:column;height:235px;justify-content:space-between;padding:16px}.product-item__title[data-v-3cefef85]{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.product-item__description[data-v-3cefef85]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;line-height:1.4;max-height:4.2em;overflow:hidden;text-overflow:ellipsis}.product-item__praise[data-v-3cefef85]{align-items:center;background-color:var(--bg-color-hover);border-radius:12px;cursor:pointer;display:flex;flex:none;height:48px;justify-content:center;width:88px}.product-item__praise .kv-icon[data-v-3cefef85]{height:20px;margin-right:4px;transition:all .3s ease;width:20px}.product-item__praise .kv-icon[data-v-3cefef85]:hover{transform:scale(1.2)}.product-item__praise .liked-icon[data-v-3cefef85]{color:red!important}.product__page[data-v-3cefef85]{color:var(--text-color);font-weight:500;margin:0 12px}.kv-button[data-v-3cefef85]{border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.kv-button[data-v-3cefef85],.kv-button[data-v-3cefef85]:hover{background-color:var(--bg-dark)}.kv-button--outline[data-v-3cefef85]{background-color:transparent;border-color:var(--text-color);color:var(--text-color)}.kv-button--outline[data-v-3cefef85]:hover{background-color:var(--bg-dark);color:var(--light-color)}.button-select[data-v-3cefef85]{background-color:var(--bg-dark);border-color:var(--dark-color);color:#fff}.dark .button-select[data-v-3cefef85],.dark .kv-button--outline[data-v-3cefef85]:hover{background-color:var(--bg-light);color:var(--dark-color)}.dark .button-select[data-v-3cefef85]{border-color:var(--dark-color)}.kv-button--round[data-v-3cefef85]{border-radius:20px}.kv-button--long[data-v-3cefef85]{border-radius:12px;color:var(--light-color);height:48px;padding:0 32px;width:100%}.kv-button--disabled[data-v-3cefef85]{cursor:not-allowed;opacity:.5}.kv-button--disabled[data-v-3cefef85]:hover{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color);transform:none}.kv-space[data-v-3cefef85]{display:flex}.kv-space.dir-vertical[data-v-3cefef85]{flex-direction:column}.kv-text[data-v-3cefef85]{color:var(--text-color);font-size:14px}.kv-text--third[data-v-3cefef85]{color:var(--text-secondary-color)}@media(max-width:768px){.section-header[data-v-3cefef85]{align-items:flex-start;flex-direction:column;gap:14px}.filter-group[data-v-3cefef85]{overflow-x:auto;padding-bottom:4px;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-group[data-v-3cefef85]::-webkit-scrollbar{display:none}.product__content[data-v-3cefef85]{gap:16px;grid-template-columns:1fr}.product-item__main[data-v-3cefef85]{height:auto;padding:12px}.section-title[data-v-3cefef85]{font-size:20px}}@media(max-width:480px){.product__content[data-v-3cefef85]{grid-template-columns:1fr}.product-item__cover[data-v-3cefef85],.product-item__cover .kv-image__img[data-v-3cefef85]{height:200px!important}.product-item__title[data-v-3cefef85]{font-size:16px}.filter-btn[data-v-3cefef85]{font-size:12px;padding:5px 10px}.section-subtitle[data-v-3cefef85]{font-size:13px}}
