.course-center-page[data-v-d1d3193e]{--course-green:#16b68e;--course-blue:#2878ff;background-color:#f5f9fe;background-image:url(./hero-bg.PWHKwiww.webp);background-position:top;background-repeat:no-repeat;background-size:auto 800px;color:#1d2129;min-height:100vh;padding:236px 0 70px}.course-content[data-v-d1d3193e]{margin:0 auto;width:min(1200px,calc(100% - 48px))}.welcome-title[data-v-d1d3193e]{font-size:38px;font-weight:700;letter-spacing:0;line-height:1.4;margin:0}.welcome-title span[data-v-d1d3193e]{display:inline-block;margin-right:10px}.history-panel[data-v-d1d3193e],.latest-panel[data-v-d1d3193e]{background:#fff;border:1px solid rgba(20,58,91,.04);border-radius:24px;-webkit-box-shadow:0 12px 38px rgba(55,93,130,.08);box-shadow:0 12px 38px #375d8214}.latest-panel[data-v-d1d3193e]{margin-top:96px;min-height:454px;padding:24px}.section-title[data-v-d1d3193e]{color:#17191f;font-size:20px;font-weight:600;letter-spacing:0;line-height:28px;margin:0}.latest-layout[data-v-d1d3193e]{display:grid;gap:32px;grid-template-columns:580px minmax(0,1fr);margin-top:18px}.featured-course[data-v-d1d3193e]{background:#f0f6ff;border-radius:10px;min-width:0;overflow:hidden}.course-card-cover[data-v-d1d3193e],.featured-cover[data-v-d1d3193e]{background:#e8f1fb;overflow:hidden;position:relative}.course-card-cover img[data-v-d1d3193e],.featured-cover img[data-v-d1d3193e]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.featured-cover[data-v-d1d3193e]{aspect-ratio:2.08/1}.live-indicator[data-v-d1d3193e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;left:14px;position:absolute;top:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ff4d4f;border-radius:4px;color:#fff;font-size:13px;gap:6px;min-height:28px;padding:0 10px}.live-indicator i[data-v-d1d3193e]{background:currentColor;border-radius:50%;-webkit-box-shadow:0 0 0 4px hsla(0,0%,100%,.24);box-shadow:0 0 0 4px #ffffff3d;height:7px;width:7px}.cover-fallback[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#eaf5ff;background-image:linear-gradient(hsla(0,0%,100%,.5) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.5) 1px,transparent 0);background-size:28px 28px;color:#39749e;font-size:18px;font-weight:600;gap:12px;height:100%;justify-content:center;width:100%}.cover-fallback.compact[data-v-d1d3193e]{font-size:14px;gap:8px}.cover-play[data-v-d1d3193e]{border:2px solid;border-radius:50%;height:46px;position:relative;width:46px}.cover-play[data-v-d1d3193e]:after{border-bottom:8px solid transparent;border-left:12px solid;border-top:8px solid transparent;content:"";height:0;left:52%;position:absolute;top:50%;-webkit-transform:translate(-40%,-50%);-ms-transform:translate(-40%,-50%);transform:translate(-40%,-50%);width:0}.featured-details[data-v-d1d3193e]{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:16px;justify-content:space-between;padding:20px 18px 12px}.featured-details[data-v-d1d3193e],.featured-time-row[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.featured-time-row[data-v-d1d3193e]{gap:10px;min-width:0}.featured-time-row strong[data-v-d1d3193e]{color:#1d2129;font-size:22px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge[data-v-d1d3193e]{-webkit-box-flex:0;border-radius:3px;color:#fff;-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;line-height:18px;padding:3px 6px}.status-badge.status-registering[data-v-d1d3193e]{background:#ff8a00}.status-badge.status-live[data-v-d1d3193e]{background:#ff4d4f}.status-badge.status-ended[data-v-d1d3193e]{background:#8c8f99}.primary-action[data-v-d1d3193e]{-webkit-box-flex:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto;height:44px;min-width:126px;padding:0 22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--course-blue);border:0;border-radius:22px;-webkit-box-shadow:0 8px 20px rgba(40,120,255,.28);box-shadow:0 8px 20px #2878ff47;color:#fff;cursor:pointer;font-size:16px;font-weight:500;justify-content:center;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.primary-action[data-v-d1d3193e]:hover{-webkit-box-shadow:0 10px 24px rgba(40,120,255,.34);box-shadow:0 10px 24px #2878ff57;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.featured-registration-qr[data-v-d1d3193e]{background:#fff;border:1px solid #e6ebf2;border-radius:8px;-webkit-box-shadow:0 12px 28px rgba(37,76,119,.2);box-shadow:0 12px 28px #254c7733;height:132px;padding:6px;pointer-events:none;position:absolute;right:18px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:132px;z-index:2}.featured-registration-qr img[data-v-d1d3193e]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.featured-course.has-featured-qr .featured-time-row[data-v-d1d3193e]{max-width:calc(100% - 150px)}.featured-course.has-featured-qr .countdown-line[data-v-d1d3193e]{padding-right:168px}.countdown-line[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:34px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#6f7785;font-size:12px;gap:7px;padding:0 18px 15px}.countdown-label[data-v-d1d3193e]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.countdown-unit[data-v-d1d3193e]{gap:3px}.countdown-unit[data-v-d1d3193e],.countdown-unit b[data-v-d1d3193e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.countdown-unit b[data-v-d1d3193e]{height:26px;min-width:26px;padding:0 4px;-webkit-box-pack:center;-ms-flex-pack:center;background:#ff4d35;border:1px solid #ff4d35;border-radius:3px;color:#fff;font-size:14px;justify-content:center;line-height:1;text-align:center}.course-progress-text[data-v-d1d3193e]{color:#677181}.recent-course-list[data-v-d1d3193e]{min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.recent-course-item[data-v-d1d3193e],.recent-course-list[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex}.recent-course-item[data-v-d1d3193e]{min-height:64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:16px;justify-content:space-between;padding:10px 14px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.recent-course-item[data-v-d1d3193e]:focus-within,.recent-course-item[data-v-d1d3193e]:hover{background:#f5f8ff;border-radius:6px}.recent-course-info[data-v-d1d3193e]{min-width:0}.recent-course-info h3[data-v-d1d3193e]{color:#30343c;font-size:14px;font-weight:500;line-height:22px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-course-info time[data-v-d1d3193e]{color:#a1a7b1;display:block;font-size:12px;line-height:18px;margin-top:3px}.inline-status.status-registering[data-v-d1d3193e],.recent-action.status-registering[data-v-d1d3193e]{color:#ff7a1a}.inline-status.status-live[data-v-d1d3193e],.recent-action.status-live[data-v-d1d3193e]{color:#ff4d4f}.inline-status.status-ended[data-v-d1d3193e],.recent-action.status-ended[data-v-d1d3193e]{color:#969ca8}.recent-action[data-v-d1d3193e]{-webkit-box-flex:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto;padding:3px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;cursor:pointer;font-size:13px}.recent-action.status-ended[data-v-d1d3193e]{color:#ff8a2a}.recent-unavailable[data-v-d1d3193e]{-webkit-box-flex:0;color:#b0b4bd;-ms-flex:0 0 auto;flex:0 0 auto;font-size:13px}.compact-empty[data-v-d1d3193e]{color:#9299a4;display:grid;font-size:14px;min-height:250px;place-items:center}.history-panel[data-v-d1d3193e]{margin-top:24px;padding:24px 20px 20px;scroll-margin-top:100px}.history-header[data-v-d1d3193e]{-webkit-box-pack:justify;-ms-flex-pack:justify;gap:24px;justify-content:space-between;margin-bottom:20px}.category-tabs[data-v-d1d3193e],.history-header[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-tabs[data-v-d1d3193e]{min-width:0;-webkit-box-pack:end;-ms-flex-pack:end;gap:8px;justify-content:flex-end;overflow-x:auto;scrollbar-width:none}.category-tabs[data-v-d1d3193e]::-webkit-scrollbar{display:none}.category-tabs button[data-v-d1d3193e]{-webkit-box-flex:0;background:#f4f5f7;border:0;border-radius:15px;color:#8b919c;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font-size:13px;min-height:30px;padding:0 14px;-webkit-transition:color .2s ease,background-color .2s ease;transition:color .2s ease,background-color .2s ease}.category-tabs button.active[data-v-d1d3193e],.category-tabs button[data-v-d1d3193e]:hover{background:var(--course-green);color:#fff}.course-grid[data-v-d1d3193e]{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.course-card[data-v-d1d3193e]{background:#fff;border:1px solid #e5e9ef;border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(38,61,83,.05);box-shadow:0 4px 12px #263d530d;min-width:0;overflow:hidden;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.course-card[data-v-d1d3193e]:hover{-webkit-box-shadow:0 10px 24px rgba(38,61,83,.1);box-shadow:0 10px 24px #263d531a;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.course-card-cover[data-v-d1d3193e]{aspect-ratio:2.12/1}.course-card-body[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:104px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px}.course-card-body h3[data-v-d1d3193e]{color:#30343b;display:-webkit-box;font-size:14px;font-weight:500;line-height:21px;margin:0;min-height:42px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width:1101px){.latest-panel[data-v-d1d3193e]{height:470px;min-height:470px}.featured-course[data-v-d1d3193e]{height:368px;position:relative}.featured-cover[data-v-d1d3193e]{aspect-ratio:auto;height:274px}.featured-details[data-v-d1d3193e]{height:51px;padding:18px 18px 3px}.featured-time-row[data-v-d1d3193e]{gap:8px}.status-badge[data-v-d1d3193e]{font-size:11px;height:16px;line-height:16px;padding:0 5px}.primary-action[data-v-d1d3193e]{border-radius:20px;bottom:28px;height:40px;position:absolute;right:18px}.featured-registration-qr[data-v-d1d3193e]{top:calc(50% - 12px)}.countdown-line[data-v-d1d3193e]{height:43px;min-height:43px;padding:0 18px 15px}.countdown-unit b[data-v-d1d3193e]{font-size:13px;height:22px;line-height:1;min-width:22px;padding:0 3px}.recent-course-list[data-v-d1d3193e]{height:368px}.recent-course-item[data-v-d1d3193e]{height:76px;min-height:76px;-webkit-box-flex:0;-ms-flex:0 0 76px;flex:0 0 76px}.recent-course-item[data-v-d1d3193e]:last-child{height:64px;min-height:64px;-ms-flex-preferred-size:64px;flex-basis:64px}}.course-card-meta[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:10px;justify-content:space-between;margin-top:auto;padding-top:12px}.course-card-meta time[data-v-d1d3193e]{color:#9ba1ab;font-size:11px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-action[data-v-d1d3193e],.replay-unavailable[data-v-d1d3193e]{-webkit-box-flex:0;border-radius:12px;-ms-flex:0 0 auto;flex:0 0 auto;font-size:11px;line-height:24px;min-height:24px;padding:0 8px}.replay-action[data-v-d1d3193e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#eafaf5;border:0;color:var(--course-green);cursor:pointer}.replay-unavailable[data-v-d1d3193e]{background:#f3f4f5;color:#a2a7b0}.history-pagination[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;color:#858b96;font-size:13px;gap:28px;justify-content:flex-end;margin-top:8px;min-height:64px}[data-v-d1d3193e] .ant-pagination-item-active{background:var(--course-green);border-color:var(--course-green)}[data-v-d1d3193e] .ant-pagination-item-active a{color:#fff}[data-v-d1d3193e] .ant-pagination-item,[data-v-d1d3193e] .ant-pagination-next,[data-v-d1d3193e] .ant-pagination-prev{border-radius:3px}.section-empty[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#939aa5;gap:8px;justify-content:center;text-align:center}.section-empty strong[data-v-d1d3193e]{color:#555e6b;font-size:17px}.section-empty button[data-v-d1d3193e]{background:var(--course-green);border:0;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;min-height:34px;padding:0 16px}.history-empty[data-v-d1d3193e]{min-height:430px}.latest-skeleton[data-v-d1d3193e]{display:grid;gap:32px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);margin-top:16px}.skeleton-block[data-v-d1d3193e]{background:#edf1f5;overflow:hidden;position:relative}.skeleton-block[data-v-d1d3193e]:after{-webkit-animation:skeleton-wave-d1d3193e 1.3s infinite;animation:skeleton-wave-d1d3193e 1.3s infinite;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.68)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.68),transparent);content:"";inset:0;position:absolute;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}.skeleton-cover[data-v-d1d3193e]{border-radius:10px;height:340px}.skeleton-list[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.skeleton-line[data-v-d1d3193e]{border-radius:6px;height:54px}.course-card-skeleton[data-v-d1d3193e]{min-height:260px;padding-bottom:18px;pointer-events:none}.skeleton-card-cover[data-v-d1d3193e]{height:136px}.skeleton-card-line[data-v-d1d3193e]{border-radius:4px;height:16px;margin:16px 12px 0;width:calc(100% - 24px)}.skeleton-card-line.short[data-v-d1d3193e]{width:56%}@-webkit-keyframes skeleton-wave-d1d3193e{to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes skeleton-wave-d1d3193e{to{-webkit-transform:translateX(100%);transform:translate(100%)}}.qr-modal-content[data-v-d1d3193e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 0 8px;text-align:center}.qr-modal-content img[data-v-d1d3193e]{border:1px solid #eef0f3;border-radius:6px;height:220px;margin-bottom:6px;-o-object-fit:contain;object-fit:contain;width:220px}.qr-modal-content strong[data-v-d1d3193e]{color:#252a31;font-size:16px;max-width:100%;overflow-wrap:anywhere}.qr-modal-content span[data-v-d1d3193e]{color:#858c97;font-size:14px}.course-qr-modal.ant-modal-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}.course-qr-modal .ant-modal{margin:0 auto;padding-bottom:0;top:0}@media (max-width:1100px){.course-center-page[data-v-d1d3193e]{background-position:top 0 center;padding-top:200px}.latest-layout[data-v-d1d3193e],.latest-skeleton[data-v-d1d3193e]{grid-template-columns:1fr}.recent-course-item[data-v-d1d3193e]{min-height:68px}.course-grid[data-v-d1d3193e]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.course-center-page[data-v-d1d3193e]{background-position:top;background-size:auto 510px;padding:130px 0 40px}.course-content[data-v-d1d3193e]{width:min(76%,560px)}.welcome-title[data-v-d1d3193e]{font-size:27px;line-height:1.45}.history-panel[data-v-d1d3193e],.latest-panel[data-v-d1d3193e]{border-radius:12px}.latest-panel[data-v-d1d3193e]{margin-top:54px;padding:16px}.latest-layout[data-v-d1d3193e],.latest-skeleton[data-v-d1d3193e]{gap:18px;margin-top:14px}.featured-details[data-v-d1d3193e]{padding:14px 12px 8px}.featured-details[data-v-d1d3193e],.featured-time-row[data-v-d1d3193e]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.featured-time-row[data-v-d1d3193e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.featured-time-row strong[data-v-d1d3193e]{font-size:16px;line-height:24px;max-width:100%;white-space:normal}.primary-action[data-v-d1d3193e]{font-size:14px;height:38px;min-width:96px;padding:0 14px}.featured-registration-qr[data-v-d1d3193e]{height:108px;padding:5px;right:12px;width:108px}.featured-course.has-featured-qr .featured-time-row[data-v-d1d3193e]{max-width:calc(100% - 116px)}.featured-course.has-featured-qr .countdown-line[data-v-d1d3193e]{padding-right:120px}.countdown-line[data-v-d1d3193e]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 12px 14px}.countdown-label[data-v-d1d3193e]{width:100%}.recent-course-item[data-v-d1d3193e]{gap:10px;padding-left:6px;padding-right:6px}.recent-course-info h3[data-v-d1d3193e]{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-panel[data-v-d1d3193e]{padding:18px 14px 14px}.history-header[data-v-d1d3193e]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.category-tabs[data-v-d1d3193e]{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course-grid[data-v-d1d3193e]{grid-template-columns:1fr}.course-card-body[data-v-d1d3193e]{min-height:114px}.history-pagination[data-v-d1d3193e]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;padding-top:16px}.skeleton-cover[data-v-d1d3193e]{aspect-ratio:2.08/1;height:auto}}@media (prefers-reduced-motion:reduce){.course-card[data-v-d1d3193e],.primary-action[data-v-d1d3193e],.skeleton-block[data-v-d1d3193e]:after{-webkit-animation:none;animation:none;-webkit-transition:none;transition:none}}