[data-v-ffab06bf]: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}.mobile-discovery[data-v-ffab06bf]{background-color:#fff;padding-bottom:20px}.discovery-banner[data-v-ffab06bf]{align-items:center;background-color:#fefaef;display:flex;flex-direction:row;height:250px;overflow:hidden;padding:0 20px 0 38px}.discovery-banner .banner-content[data-v-ffab06bf]{display:flex;flex:1;flex-direction:column;justify-content:center;z-index:1}.discovery-banner .banner-title[data-v-ffab06bf]{color:#2a3242;font-family:Nunito,sans-serif,PingFang SC;font-size:20px;font-weight:700;height:28px;margin:0 0 11px}.discovery-banner .banner-desc[data-v-ffab06bf]{color:#2a3242;font-family:Nunito,sans-serif,PingFang SC;font-size:12px;font-weight:400;line-height:17px;margin:0}.discovery-banner .banner-image[data-v-ffab06bf]{height:127px;width:144px}.discovery-banner .banner-image img[data-v-ffab06bf]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.discovery-tabs[data-v-ffab06bf]{background:#fff;position:sticky;top:54px;z-index:100}.discovery-tabs .tabs-scroll-wrapper[data-v-ffab06bf]{display:flex;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.discovery-tabs .tabs-scroll-wrapper[data-v-ffab06bf]::-webkit-scrollbar{display:none}.discovery-tabs .tab-item[data-v-ffab06bf]{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:0;padding:12px 15px;position:relative}.discovery-tabs .tab-item .tab-text[data-v-ffab06bf]{color:#808ca5;font-size:15px;font-weight:500;transition:all .3s}.discovery-tabs .tab-item.active .tab-text[data-v-ffab06bf]{color:#b23f76;font-weight:600}.discovery-tabs .tab-item .tab-line[data-v-ffab06bf]{background-color:#b23f76;border-radius:2px 2px 0 0;bottom:0;height:3px;left:50%;position:absolute;transform:translate(-50%);width:20px}.discovery-filter-bar[data-v-ffab06bf]{align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;display:flex;gap:10px;justify-content:space-between;padding:12px 15px}.discovery-filter-bar .filter-left[data-v-ffab06bf]{align-items:center;display:flex;flex:1;gap:8px;min-width:0;overflow:hidden}.discovery-filter-bar .filter-item[data-v-ffab06bf]{align-items:center;background:#f5f7fa;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;height:32px;justify-content:space-between;min-width:0;padding:0 12px}.discovery-filter-bar .filter-item .filter-text[data-v-ffab06bf]{color:#03141a;font-size:14px;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-filter-bar .filter-item .el-icon[data-v-ffab06bf]{color:#808ca5;flex-shrink:0;font-size:12px}.discovery-filter-bar .filter-item.category-filter[data-v-ffab06bf]{flex:1 1 auto;max-width:-moz-fit-content;max-width:fit-content;min-width:60px}.discovery-filter-bar .filter-item.sort-filter[data-v-ffab06bf]{flex:0 0 auto}.discovery-filter-bar .search-btn[data-v-ffab06bf]{align-items:center;background:#f5f7fa;border-radius:20px;color:#03141a;cursor:pointer;display:flex;flex:0 0 auto;font-size:14px;gap:6px;padding:6px 12px;white-space:nowrap}.discovery-filter-bar .search-btn .el-icon[data-v-ffab06bf]{flex-shrink:0;font-size:14px}.discovery-filter-bar .search-btn span[data-v-ffab06bf]{flex-shrink:0}.discovery-filter-bar .search-input-wrapper[data-v-ffab06bf]{align-items:center;background:#f5f7fa;border-radius:20px;display:flex;flex:0 0 auto;gap:8px;min-width:0;padding:6px 12px;width:120px}.discovery-filter-bar .search-input-wrapper .search-icon[data-v-ffab06bf]{color:#808ca5;flex-shrink:0;font-size:16px}.discovery-filter-bar .search-input-wrapper .search-input[data-v-ffab06bf]{background:transparent;border:none;color:#03141a;flex:1;font-size:14px;min-width:0;outline:none;padding:0}.discovery-filter-bar .search-input-wrapper .search-input[data-v-ffab06bf]::-moz-placeholder{color:#808ca5}.discovery-filter-bar .search-input-wrapper .search-input[data-v-ffab06bf]::placeholder{color:#808ca5}.discovery-filter-bar .search-input-wrapper .close-icon[data-v-ffab06bf]{color:#808ca5;cursor:pointer;flex-shrink:0;font-size:16px}.discovery-list-container[data-v-ffab06bf]{background:#fff;padding:0 15px}.loading-state[data-v-ffab06bf]{color:#b23f76;display:flex;font-size:24px;justify-content:center;padding:40px 0}.data-list[data-v-ffab06bf]{display:flex;flex-direction:column}.empty-state[data-v-ffab06bf]{padding:60px 0}.pagination-wrapper[data-v-ffab06bf]{display:flex;justify-content:center;margin-top:20px}