.popular-section[data-v-cdbdd39e]{background:#f1efefb3;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 4px 10px #0000000a;margin-bottom:20px;margin-top:20px;padding:24px;position:relative}.header[data-v-cdbdd39e]{justify-content:space-between;margin-bottom:16px}.header[data-v-cdbdd39e],.header-left[data-v-cdbdd39e]{align-items:center;display:flex}.header-left[data-v-cdbdd39e]{gap:12px}.header-left h2[data-v-cdbdd39e]{color:var(--title-color);font-size:var(--fs-widget-title);font-weight:var(--title-weight);margin:0}.header-left p[data-v-cdbdd39e]{color:#64748b;font-size:var(--fs-widget-sub);margin:0}.header-icon[data-v-cdbdd39e]{height:36px;width:36px}.header-arrows[data-v-cdbdd39e]{align-items:center;display:flex}.header-arrows .nav-btn[data-v-cdbdd39e]{align-items:center;background:#f8fafc;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin-left:10px;transition:.2s;width:38px}.header-arrows .nav-btn[data-v-cdbdd39e]:hover{background:#e2e8f0}.header-arrows .nav-btn[data-v-cdbdd39e]:active{transform:scale(.96)}.header-arrows img[data-v-cdbdd39e]{height:22px;width:22px}.teacher-card[data-v-cdbdd39e]{background:#f9fafb;border:1px solid transparent;border-radius:14px;padding:16px;text-align:center;transition:.3s}.teacher-card[data-v-cdbdd39e]:hover{border-color:#e0e4e6;box-shadow:0 6px 12px #38bdf826;transform:translateY(-2px)}.img-box img[data-v-cdbdd39e]{border:1px solid #38bdf8;border-radius:12px;height:90px;-o-object-fit:cover;object-fit:cover;padding:1px;width:90px}.img-box img.is-default[data-v-cdbdd39e]{border:none;padding:0}.teacher-name[data-v-cdbdd39e]{color:#0f172a;display:block;font-size:var(--fs-item-title);font-weight:600;margin-top:10px;text-decoration:none}.teacher-branch[data-v-cdbdd39e]{color:#346ebb;display:block;font-size:var(--fs-item-meta);margin-top:-4px}.follow-wrapper[data-v-cdbdd39e]{margin-top:10px}.profile-btn[data-v-cdbdd39e]{align-items:center;background:#0ea5e9;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--fs-action);font-weight:500;gap:6px;justify-content:center;padding:6px 16px;text-decoration:none;transition:.2s}.profile-btn[data-v-cdbdd39e]:hover{background:#0284c7}.profile-btn[data-v-cdbdd39e]:active{transform:scale(.97)}.skeleton-row[data-v-cdbdd39e],.teacher-grid[data-v-cdbdd39e]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.teacher-skeleton[data-v-cdbdd39e]{animation:shimmer-cdbdd39e 1.4s infinite;background:linear-gradient(90deg,#eef2f6,#f7fafc 50%,#eef2f6);background-size:200% 100%;border-radius:14px;height:220px}@keyframes shimmer-cdbdd39e{0%{background-position:200% 0}to{background-position:-200% 0}}.state-box[data-v-cdbdd39e]{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:24px 12px;text-align:center}.state-icon[data-v-cdbdd39e]{font-size:var(--fs-2xl);margin-bottom:8px}.state-title[data-v-cdbdd39e]{color:#475569;font-size:var(--fs-item-title);margin:0 0 8px}.retry-btn[data-v-cdbdd39e]{background:#0ea5e9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;margin-top:8px;min-height:44px;min-width:120px;padding:10px 18px}.retry-btn[data-v-cdbdd39e]:active{transform:scale(.97)}@media (max-width:900px){.popular-section[data-v-cdbdd39e]{padding:16px}.header[data-v-cdbdd39e]{flex-wrap:wrap;gap:10px}.header-arrows[data-v-cdbdd39e]{margin-left:auto}.teacher-card[data-v-cdbdd39e]{padding:14px}.img-box img[data-v-cdbdd39e]{height:78px;width:78px}}@media (max-width:768px){.popular-section[data-v-cdbdd39e] *{-webkit-tap-highlight-color:transparent}.header-arrows .nav-btn[data-v-cdbdd39e]{height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.profile-btn[data-v-cdbdd39e]{box-sizing:border-box!important;min-height:28px!important;min-width:44px!important;padding:7px 14px!important;width:100%!important}}@media (max-width:550px){.popular-section[data-v-cdbdd39e]{padding:12px}.teacher-card[data-v-cdbdd39e]{padding:12px 8px}.img-box img[data-v-cdbdd39e]{height:64px;width:64px}.teacher-branch[data-v-cdbdd39e],.teacher-name[data-v-cdbdd39e]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn[data-v-cdbdd39e]{font-size:var(--fs-xs);padding:7px 8px!important}.header-icon[data-v-cdbdd39e]{height:30px;width:30px}.header-arrows .nav-btn[data-v-cdbdd39e]{margin-left:8px}.header-arrows img[data-v-cdbdd39e]{height:20px;width:20px}.teacher-skeleton[data-v-cdbdd39e]{height:200px}}