[data-v-13a390d4]:root{--primary-color:#b23f76;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-white:#fff;--bg-page:#f2f3f5;--bg-overlay:hsla(0,0%,100%,.9);--box-shadow-base:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);--box-shadow-dark:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.12);--box-shadow-light:0 2px 12px 0 rgba(0,0,0,.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-base:4px;--border-radius-sm:2px;--border-radius-lg:8px;--border-radius-round:20px;--font-size-extra-large:20px;--font-size-large:18px;--font-size-medium:16px;--font-size-base:14px;--font-size-small:13px;--font-size-extra-small:12px;--transition-duration:.3s;--transition-timing:ease-in-out;--tutor-primary:#b23f76;--tutor-text-primary:#03141a;--tutor-text-placeholder:#a6b4d1;--tutor-border:#dce2f1;--tutor-button-yellow:#ffbe32;--tutor-bg-preview:#f8f9fc}.category-dropdown[data-v-13a390d4]{flex-shrink:0;position:relative;width:220px}.dropdown-trigger[data-v-13a390d4]{align-items:center;background:#fff;border:1px solid #dce2f1;border-radius:50px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:12px 30px;transition:all .3s ease;width:100%}.dropdown-trigger[data-v-13a390d4]:hover{border-color:#b23f76}.dropdown-text[data-v-13a390d4]{color:#03141a;display:flex;flex-direction:column;flex-shrink:0;font-family:TT Norms Pro,sans-serif;font-size:16px;font-weight:700;justify-content:center;line-height:28px;line-height:0;text-transform:capitalize;white-space:nowrap}.dropdown-icon[data-v-13a390d4]{flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.dropdown-icon.icon-rotate[data-v-13a390d4]{transform:rotate(180deg)}.dropdown-icon img[data-v-13a390d4]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.dropdown-menu[data-v-13a390d4]{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001f;display:flex;flex-direction:column;gap:10px;left:50%;max-height:320px;overflow:hidden;overflow-y:auto;padding:16px 10px;position:absolute;top:calc(100% + 8px);transform:translate(-50%);width:290px;z-index:200}.dropdown-menu[data-v-13a390d4]::-webkit-scrollbar{width:6px}.dropdown-menu[data-v-13a390d4]::-webkit-scrollbar-track{background:#f5f7fa;border-radius:3px}.dropdown-menu[data-v-13a390d4]::-webkit-scrollbar-thumb{background:#dce2f1;border-radius:3px}.dropdown-menu[data-v-13a390d4]::-webkit-scrollbar-thumb:hover{background:#b23f76}.dropdown-option[data-v-13a390d4]{align-items:center;border-radius:30px;color:#03141a;cursor:pointer;display:flex;font-family:PingFang SC,sans-serif;font-size:15px;font-weight:400;justify-content:center;line-height:20px;padding:11px 15px;transition:all .2s ease}.dropdown-option.option-active[data-v-13a390d4],.dropdown-option[data-v-13a390d4]:hover{background:#fefaef;color:#b23f76}.dropdown-option.option-active[data-v-13a390d4]{font-weight:400}.dropdown-fade-enter-active[data-v-13a390d4],.dropdown-fade-leave-active[data-v-13a390d4]{transition:all .3s ease}.dropdown-fade-enter-from[data-v-13a390d4],.dropdown-fade-leave-to[data-v-13a390d4]{opacity:0;transform:translate(-50%,-10px)}