.popular-section[data-v-2e1a4465]{--pt-acc:var(--eg-acc,#0a6f8a);--pt-acc-rgb:var(--eg-acc-rgb,10,111,138);--pt-soft:var(--eg-acc-soft,#e5f1f8);--pt-line:#dfe7f0;background:linear-gradient(180deg,#fff,#f8fbfe);border:1px solid var(--pt-line);border-radius:18px;box-shadow:0 1px 2px #0f172a0a,0 10px 28px #0f172a0f;margin-bottom:20px;margin-top:20px;overflow:hidden;padding:22px 22px 20px;position:relative}.header[data-v-2e1a4465]{justify-content:space-between;margin-bottom:16px}.header[data-v-2e1a4465],.header-left[data-v-2e1a4465]{align-items:center;display:flex}.header-left[data-v-2e1a4465]{gap:12px}.header-left h2[data-v-2e1a4465]{color:var(--title-color);font-size:var(--fs-widget-title);font-weight:var(--title-weight);margin:0}.header-left p[data-v-2e1a4465]{color:#64748b;font-size:var(--fs-widget-sub);margin:0}.header-icon-wrap[data-v-2e1a4465]{align-items:center;background:var(--pt-soft);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(var(--pt-acc-rgb),.12);display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.header-icon[data-v-2e1a4465]{height:28px;width:28px}.header-arrows[data-v-2e1a4465]{align-items:center;display:flex}.header-arrows .nav-btn[data-v-2e1a4465]{align-items:center;background:#fff;border:1px solid var(--pt-line);border-radius:50%;box-shadow:0 1px 2px #0f172a0f;cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin-left:10px;transition:.2s;width:38px}.header-arrows .nav-btn[data-v-2e1a4465]:hover{background:var(--pt-soft);border-color:rgba(var(--pt-acc-rgb),.3)}.header-arrows .nav-btn[data-v-2e1a4465]:active{transform:scale(.96)}.header-arrows img[data-v-2e1a4465]{height:22px;width:22px}.period-tabs[data-v-2e1a4465]{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px}.period-tab[data-v-2e1a4465]{background:#fff;border:1px solid var(--pt-line);border-radius:999px;color:#42536a;cursor:pointer;font:inherit;font-size:var(--fs-widget-sub);font-weight:600;height:32px;padding:0 14px;transition:background .15s,color .15s,border-color .15s}.period-tab[data-v-2e1a4465]:hover{border-color:rgba(var(--pt-acc-rgb),.35);color:var(--pt-acc)}.period-tab--active[data-v-2e1a4465],.period-tab--active[data-v-2e1a4465]:hover{background:var(--pt-acc);border-color:var(--pt-acc);box-shadow:0 3px 10px rgba(var(--pt-acc-rgb),.25);color:#fff}.teacher-card[data-v-2e1a4465]{background:#fff;border:1px solid var(--pt-line);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;padding:18px 14px 16px;position:relative;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}.teacher-card[data-v-2e1a4465]:hover{border-color:rgba(var(--pt-acc-rgb),.35);box-shadow:0 10px 24px rgba(var(--pt-acc-rgb),.12);transform:translateY(-3px)}.teacher-rank[data-v-2e1a4465]{align-items:center;background:#f1f5f9;border-radius:999px;color:#64748b;display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;left:10px;min-width:22px;padding:0 6px;position:absolute;top:10px}.teacher-rank--top[data-v-2e1a4465]{background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 2px 6px #f59e0b4d;color:#78350f}.img-box[data-v-2e1a4465]{background:linear-gradient(135deg,rgba(var(--pt-acc-rgb),.85),#7dd3fc);border-radius:50%;display:inline-block;padding:3px}.img-box img[data-v-2e1a4465]{background:#f1f5f9;border:3px solid #fff;border-radius:50%;display:block;height:84px;-o-object-fit:cover;object-fit:cover;width:84px}.teacher-name[data-v-2e1a4465]{color:#0f172a;display:block;font-size:var(--fs-item-title);font-weight:600;margin-top:10px;text-decoration:none}.teacher-branch[data-v-2e1a4465]{background:var(--pt-soft);border-radius:999px;color:var(--pt-acc);display:inline-block;font-size:var(--fs-item-meta);font-weight:600;margin:4px 0 0;max-width:100%;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;white-space:nowrap}.follow-wrapper[data-v-2e1a4465]{margin-top:10px}.profile-btn[data-v-2e1a4465]{align-items:center;background:#fff;border:1px solid rgba(var(--pt-acc-rgb),.35);border-radius:20px;color:var(--pt-acc);cursor:pointer;display:inline-flex;font-size:var(--fs-action);font-weight:600;gap:6px;justify-content:center;padding:6px 16px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.profile-btn[data-v-2e1a4465]:hover,.teacher-card:hover .profile-btn[data-v-2e1a4465]{background:var(--pt-acc);border-color:var(--pt-acc);color:#fff}.profile-btn[data-v-2e1a4465]:active{transform:scale(.97)}.skeleton-row[data-v-2e1a4465],.teacher-grid[data-v-2e1a4465]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.teacher-skeleton[data-v-2e1a4465]{animation:shimmer-2e1a4465 1.4s infinite;background:linear-gradient(90deg,#eef2f6,#f7fafc 50%,#eef2f6);background-size:200% 100%;border-radius:14px;height:220px}@keyframes shimmer-2e1a4465{0%{background-position:200% 0}to{background-position:-200% 0}}.state-box[data-v-2e1a4465]{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:24px 12px;text-align:center}.state-icon[data-v-2e1a4465]{font-size:var(--fs-2xl);margin-bottom:8px}.state-title[data-v-2e1a4465]{color:#475569;font-size:var(--fs-item-title);margin:0 0 8px}.retry-btn[data-v-2e1a4465]{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-2e1a4465]:active{transform:scale(.97)}@media (max-width:900px){.popular-section[data-v-2e1a4465]{padding:16px}.header[data-v-2e1a4465]{flex-wrap:wrap;gap:10px}.header-arrows[data-v-2e1a4465]{margin-left:auto}.teacher-card[data-v-2e1a4465]{padding:14px}.img-box img[data-v-2e1a4465]{height:74px;width:74px}}@media (max-width:768px){.popular-section[data-v-2e1a4465] *{-webkit-tap-highlight-color:transparent}.header-arrows .nav-btn[data-v-2e1a4465]{height:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.period-tabs[data-v-2e1a4465]{flex-wrap:nowrap}.period-tab[data-v-2e1a4465]{flex:1 1 0;height:36px;padding:0 8px;white-space:nowrap}.period-tab[data-v-2e1a4465]:active{background:#e1f0f4}.profile-btn[data-v-2e1a4465]{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-2e1a4465]{padding:12px}.teacher-card[data-v-2e1a4465]{padding:12px 8px}.img-box img[data-v-2e1a4465]{height:60px;width:60px}.teacher-branch[data-v-2e1a4465],.teacher-name[data-v-2e1a4465]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn[data-v-2e1a4465]{font-size:var(--fs-xs);padding:7px 8px!important}.header-icon[data-v-2e1a4465]{height:30px;width:30px}.header-arrows .nav-btn[data-v-2e1a4465]{margin-left:8px}.header-arrows img[data-v-2e1a4465]{height:20px;width:20px}.teacher-skeleton[data-v-2e1a4465]{height:200px}}