.live-page[data-v-13a1b813]{background:#f7f8fb;min-height:calc(100vh - 160px);padding:40px 0 80px}.live-page__inner[data-v-13a1b813]{margin-left:auto;margin-right:auto;width:min(1200px,100% - 160px)}@media(max-width:1024px){.live-page__inner[data-v-13a1b813]{width:calc(100% - 112px)}}.live-section__header[data-v-13a1b813]{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.live-section__title-wrap[data-v-13a1b813]{align-items:center;display:flex;gap:28px;min-width:0}.live-section__title[data-v-13a1b813]{color:#171717;flex:0 0 auto;font-size:26px;font-weight:700;line-height:36px;margin:0}.live-section__tabs[data-v-13a1b813]{min-width:0}.subject-filter[data-v-13a1b813]{align-items:center;background:transparent;border:0;color:#606a78;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;gap:4px;padding:0;transition:color all .16s ease}.subject-filter[data-v-13a1b813]:hover,.subject-filter:hover .subject-filter__arrow[data-v-13a1b813]{color:#0164e6}.subject-filter__arrow[data-v-13a1b813]{color:#8a909c;font-size:12px;transition:color all .16s ease}.live-section__content[data-v-13a1b813]{min-height:400px}.live-grid[data-v-13a1b813]{display:grid;gap:24px 20px;grid-template-columns:repeat(4,minmax(0,1fr))}.live-item[data-v-13a1b813]{background:#fff;border:1px solid #edf0f5;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .22s ease;transition:border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.16,1,.3,1)}.live-item[data-v-13a1b813]:hover{border-color:#0164e640;box-shadow:0 18px 36px #23407024;transform:translateY(-4px)}.live-item__cover[data-v-13a1b813]{background:#f5f8ff;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.live-item__cover .app-image-placeholder[data-v-13a1b813]{top:0;right:0;bottom:0;left:0;position:absolute}.live-item__cover img[data-v-13a1b813]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.live-item:hover .live-item__cover img[data-v-13a1b813]{transform:scale(1.04)}.live-item__status-badge[data-v-13a1b813]{align-items:center;border-radius:0 0 4px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;left:0;line-height:18px;padding:3px 10px;position:absolute;top:0;z-index:1}.live-item__status-badge--living[data-v-13a1b813]{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 2px 8px #ff416c66;color:#fff}.live-item__status-badge--not_start[data-v-13a1b813]{background:#0164e6;color:#fff}.live-item__status-badge--playback[data-v-13a1b813]{background:#2c2d30bf;color:#fff}.live-item__living-dot[data-v-13a1b813]{animation:live-pulse-13a1b813 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes live-pulse-13a1b813{0%{opacity:1;transform:scale(.9)}50%{opacity:.4;transform:scale(1.5)}to{opacity:1;transform:scale(.9)}}.live-item__body[data-v-13a1b813]{display:flex;flex:1;flex-direction:column;padding:16px}.live-item__title[data-v-13a1b813]{color:#2c2d30;display:-webkit-box;font-size:14px;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:22px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:44px;transition:color .16s ease}.live-item:hover .live-item__title[data-v-13a1b813]{color:#0164e6}.live-item__date[data-v-13a1b813]{align-items:center;color:#606a78;display:flex;font-size:13px;gap:6px;line-height:20px;margin-bottom:6px}.live-item__date-icon[data-v-13a1b813]{color:#8a909c;font-size:14px}.live-item__time[data-v-13a1b813]{color:#8a909c;font-size:12px;line-height:18px}.live-item__footer[data-v-13a1b813]{border-top:1px dashed #edf0f5;justify-content:space-between;margin-top:auto;padding-top:14px}.live-item__footer[data-v-13a1b813],.live-item__teacher[data-v-13a1b813]{align-items:center;display:flex;gap:8px}.live-item__teacher[data-v-13a1b813]{flex:1;min-width:0}.live-item__teacher img[data-v-13a1b813]{background:#f0f2f7;border-radius:50%;flex:0 0 auto;height:26px;-o-object-fit:cover;object-fit:cover;width:26px}.live-item__teacher-avatar-placeholder[data-v-13a1b813]{background:#eaf2ff;border-radius:50%;color:#0164e6;display:grid;flex:0 0 auto;font-size:12px;font-weight:600;height:26px;place-items:center;width:26px}.live-item__teacher-name[data-v-13a1b813]{color:#2c2d30;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-item__btn[data-v-13a1b813]{background:linear-gradient(135deg,#0072ff,#0164e6);border:0;border-radius:14px;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:12px;font-weight:500;height:28px;padding:0 14px;transition:all all .16s ease}.live-item__btn[data-v-13a1b813]:hover{box-shadow:0 4px 12px #0164e647;opacity:.92}.live-item__btn--living[data-v-13a1b813]{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 2px 8px #ff416c4d}.live-item__btn--living[data-v-13a1b813]:hover{box-shadow:0 4px 12px #ff416c73}.live-item__btn--playback[data-v-13a1b813]{background:#f0f2f7;color:#606a78}.live-item__btn--playback[data-v-13a1b813]:hover{background:#eaf2ff;box-shadow:none;color:#0164e6}.live-item__btn.is-reserved[data-v-13a1b813]{background:#07c160;box-shadow:none;color:#fff}.live-item__btn.is-reserved[data-v-13a1b813]:hover{background:#06ad56;box-shadow:0 4px 12px #07c16047}.live-section__empty[data-v-13a1b813]{align-items:center;display:flex;justify-content:center;min-height:360px;padding:80px 0}@media(max-width:1024px){.live-grid[data-v-13a1b813]{grid-template-columns:repeat(3,minmax(0,1fr))}}.subject-dropdown{border:0;border-radius:8px;box-shadow:0 8px 24px #1735671f;max-height:320px;overflow-y:auto;padding:6px 0}.subject-dropdown .el-dropdown-menu__item{color:#2c2d30;font-size:14px;height:38px;line-height:38px;min-width:160px;padding:0 18px}.subject-dropdown .el-dropdown-menu__item:hover{background:#f5f8ff;color:#0164e6}.subject-dropdown .el-dropdown-menu__item.is-active{background:#eaf2ff;color:#0164e6;font-weight:600}