:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);inset:0;margin:0;position:absolute;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.pay-container[data-v-d30e14b4]{padding-bottom:80px;background:#f8f8f8;min-height:100%}.product-section[data-v-d30e14b4]{padding:15px;margin-top:20px;background:#fff}.product-item[data-v-d30e14b4]{display:flex}.product-img[data-v-d30e14b4]{width:90px;height:90px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.product-info[data-v-d30e14b4]{flex:1;margin-left:12px}.product-info .title[data-v-d30e14b4]{font-size:15px;font-weight:700;line-height:1.4}.sku[data-v-d30e14b4]{margin-top:6px;font-size:12px;color:#999}.price-row[data-v-d30e14b4]{display:flex;margin-top:10px;justify-content:space-between}.price[data-v-d30e14b4]{font-size:16px;font-weight:700;color:#ee0a24}.total-line[data-v-d30e14b4]{padding:15px;font-size:14px;text-align:right;background:#fff;border-top:1px solid #f2f2f2}.footer-bar[data-v-d30e14b4]{position:fixed;right:0;bottom:0;left:0;z-index:100;display:flex;height:60px;padding:0 15px;background:#fff;align-items:center;justify-content:space-between;box-shadow:0 -2px 10px #0000000d}.footer-price[data-v-d30e14b4]{font-size:22px;font-weight:700;color:#ee0a24}.submit-btn[data-v-d30e14b4]{padding:10px 35px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(to right,#ff6034,#ee0a24);border:none;border-radius:25px}.loading-wrap[data-v-d30e14b4]{display:flex;justify-content:center;align-items:center;height:300px}.discount-price[data-v-d30e14b4]{color:#ee0a24}.margin-top[data-v-d30e14b4],.list-img[data-v-d30e14b4]{margin-top:10px}.course-list-wrapper[data-v-ff831e55]{display:flex;flex-direction:column;height:100%;background:#f7f8fa}.list-header[data-v-ff831e55]{padding:16px;font-size:16px;font-weight:700;text-align:center;background:#fff;border-bottom:1px solid #eee}.list-body[data-v-ff831e55]{flex:1;overflow-y:auto;padding:12px}.list-loading-box[data-v-ff831e55]{display:flex;justify-content:center;align-items:center;height:200px}.packet-card-item[data-v-ff831e55]{display:flex;align-items:center;background:#fff;padding:16px;margin-bottom:12px;border-radius:12px;box-shadow:0 2px 10px #0000000a}.packet-card-item[data-v-ff831e55]:active{background:#fafafa}.packet-left[data-v-ff831e55]{margin-right:12px;display:flex;align-items:center}.packet-mid[data-v-ff831e55]{flex:1;min-width:0}.p-title[data-v-ff831e55]{font-size:15px;font-weight:700;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-time[data-v-ff831e55]{font-size:12px;color:#999;margin-top:6px}.packet-right[data-v-ff831e55]{margin-left:10px}.share-poster-popup[data-v-ff831e55]{background:transparent!important;overflow:visible!important;width:90%;max-width:340px}.poster-container[data-v-ff831e55]{width:100%;background:#b91c1c;border-radius:12px;overflow:hidden;position:relative;min-height:400px}.poster-template[data-v-ff831e55]{padding:30px 20px 20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#d32f2f,#b91c1c)}.poster-header[data-v-ff831e55]{font-size:38px;font-weight:700;color:#fde68a;letter-spacing:4px;margin-bottom:10px}.user-name[data-v-ff831e55]{color:#fff;font-size:18px;margin-bottom:25px;font-weight:500}.poster-card-wrap[data-v-ff831e55]{position:relative;width:100%;padding:0 10px;box-sizing:border-box}.poster-card[data-v-ff831e55]{background:#fff;padding:20px;border-radius:4px;text-align:center;box-shadow:0 4px 15px #0003;position:relative;z-index:2}.card-tip[data-v-ff831e55]{font-size:14px;color:#666;margin-bottom:12px}.card-title[data-v-ff831e55]{font-size:18px;color:#d97706;margin-bottom:15px;line-height:1.4;min-height:50px}.card-divider[data-v-ff831e55]{height:1px;background:#eee;margin-bottom:15px}.time-label[data-v-ff831e55]{font-size:12px;color:#999}.time-value[data-v-ff831e55]{font-size:13px;color:#333;margin:4px 0 15px}.qr-code-box[data-v-ff831e55]{display:flex;justify-content:center;margin-top:10px}.qr-code-box canvas[data-v-ff831e55]{width:120px!important;height:120px!important}.envelope-bottom[data-v-ff831e55]{position:absolute;bottom:-10px;left:0;right:0;height:100px;background:#991b1b;clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);z-index:1}.save-tip[data-v-ff831e55]{margin-top:25px;display:flex;align-items:center;color:#fca5a5;font-size:13px;gap:8px}.final-poster[data-v-ff831e55]{width:100%;display:block;border-radius:12px}.poster-footer[data-v-ff831e55]{display:flex;background:#fff;margin-top:15px;border-radius:8px;overflow:hidden}.footer-btn[data-v-ff831e55]{flex:1;height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;background:#fff;gap:6px}.footer-btn[data-v-ff831e55]:first-child{border-right:1px solid #eee}.footer-btn[data-v-ff831e55]:active{background:#f5f5f5}.video-main-area[data-v-ff831e55]{position:relative;width:100%;height:65%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}.layout-video-top .video-main-area[data-v-ff831e55]{height:auto;aspect-ratio:16 / 9}.initial-play-overlay[data-v-ff831e55]{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff4d;cursor:pointer}.play-circle[data-v-ff831e55]{width:80px;height:80px;background:#0094ffcc;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #0003;margin-bottom:12px}.play-hint[data-v-ff831e55]{color:#333;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.not-started-empty[data-v-ff831e55]{padding:40px 0;opacity:.9;display:flex;align-items:center;flex-direction:column;background:#f2f2f2}.not-started-icon[data-v-ff831e55]{margin-bottom:20px}.not-started-title[data-v-ff831e55]{font-size:20px;font-weight:700;color:#323233;margin-bottom:10px}.not-started-time[data-v-ff831e55]{font-size:16px;color:#0094ff;font-weight:500;border-radius:4px;display:inline-block}.not-started-tip[data-v-ff831e55]{font-size:13px;color:#969799;margin:16px 0 24px}.refresh-btn[data-v-ff831e55]{width:200px;height:46px;font-size:16px;background:linear-gradient(to right,#0094ff,#06b3ff);border:none;box-shadow:0 4px 12px #0094ff33}[data-v-ff831e55] .van-empty__description{margin-top:20px}.pseudo-fullscreen[data-v-ff831e55]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2000!important;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}@media screen and (orientation: portrait){.pseudo-fullscreen[data-v-ff831e55]{width:100vh!important;height:100vw!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}}.pseudo-fullscreen .video-el[data-v-ff831e55]{width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain;background:#f2f2f2}.pseudo-fullscreen .video-custom-controls[data-v-ff831e55]{position:absolute!important;width:66%!important;inset:auto 0 0 auto!important;padding:10px 10px 0!important;background:transparent!important;height:44px!important;z-index:2001;display:flex!important;justify-content:flex-end}.pseudo-fullscreen .control-top-row[data-v-ff831e55]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.pseudo-fullscreen .chat-container[data-v-ff831e55]{position:absolute!important;bottom:5px!important;left:10px!important;width:260px!important;max-height:100px!important;background:transparent!important;pointer-events:auto;z-index:2001;display:flex;overflow-y:auto!important;flex-direction:column}.pseudo-fullscreen .user-msg-bubble[data-v-ff831e55]{line-height:1!important}.pseudo-fullscreen .msg-item[data-v-ff831e55]{padding:4px 6px!important}.pseudo-fullscreen .user-avatar-circle[data-v-ff831e55]{width:26px!important;height:26px!important}.pseudo-fullscreen .video-el[data-v-ff831e55]::-webkit-media-controls{display:none!important}.pseudo-fullscreen .video-el[data-v-ff831e55]::-webkit-media-controls-enclosure{display:none!important}.pseudo-fullscreen .control-divider[data-v-ff831e55]{background:#0003}.layout-video-top .video-el[data-v-ff831e55]{flex-shrink:0;height:69vw;width:100%;-o-object-position:center top;object-position:center top;padding-top:45px;box-sizing:border-box;background-color:#f2f2f2}.video-custom-controls[data-v-ff831e55]{position:absolute;top:calc(56.25vw + 45px);left:0;right:0;z-index:15;padding:8px 10px 0;background:#f2f2f2}.h5-video-container:fullscreen .video-custom-controls[data-v-ff831e55]{display:flex!important;bottom:40px}.h5-video-container:-webkit-full-screen .video-custom-controls[data-v-ff831e55]{display:flex!important;bottom:40px}.h5-video-container:fullscreen .video-el[data-v-ff831e55]{width:100%!important;height:100%!important;z-index:1;background:#f2f2f2}.h5-video-container:fullscreen .live-info-overlay[data-v-ff831e55]{z-index:2147483647;top:20px!important;display:block!important}.control-top-row[data-v-ff831e55]{display:flex;justify-content:space-between;align-items:center;gap:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-bottom:8px;position:relative}.time-info-text[data-v-ff831e55]{padding-left:5px}.time-info-block[data-v-ff831e55]{position:absolute;border-radius:10px;background-color:#838fa7;height:3px;width:60px;bottom:0;left:0}.progress-bar-wrap[data-v-ff831e55]{flex:1;padding:0 5px}.time-display[data-v-ff831e55],.live-tag[data-v-ff831e55]{color:#333;font-size:12px;font-family:monospace}.live-tag[data-v-ff831e55]{color:#fe2c55;font-weight:700}.layout-video-top[data-v-ff831e55]{display:flex;flex-direction:column}.layout-video-top .chat-container[data-v-ff831e55]{position:relative!important;bottom:0;left:0;overflow:hidden;min-height:0;display:flex;flex:1;width:100%;padding:10px;margin-top:55px;background:#f2f2f2;box-sizing:border-box;flex-direction:column}@keyframes pulse-red-ff831e55{0%{transform:scale(1);box-shadow:0 0 #fe2c55b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fe2c5500}to{transform:scale(1);box-shadow:0 0 #fe2c5500}}.user-top-bar[data-v-ff831e55]{position:absolute;top:0;right:0;left:0;z-index:100;display:flex;height:44px;padding:0 15px;color:#333;background:#ffffffe5;align-items:center;justify-content:space-between}.user-info[data-v-ff831e55]{display:flex;align-items:center;font-size:14px}.mini-avatar[data-v-ff831e55]{width:24px;height:24px;margin-right:8px;border-radius:50%}.logout-btn[data-v-ff831e55]{padding:4px 8px;font-size:13px;color:#ff4d4f;border:1px solid #ff4d4f;border-radius:4px}.unauthorized-container[data-v-ff831e55]{display:flex;height:100vh;background:#f2f2f2;flex-direction:column;justify-content:center;align-items:center}.loading-box[data-v-ff831e55]{background:#f2f2f2}.kick-overlay[data-v-ff831e55]{display:flex;align-items:center;justify-content:center;background-color:#fffffff2}.kick-wrapper[data-v-ff831e55]{text-align:center}.kick-message[data-v-ff831e55]{padding:30px 40px;font-size:20px;font-weight:700;color:#333;background:#0000001a;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.h5-video-container[data-v-ff831e55]{position:fixed;display:flex;background:#f2f2f2;inset:0;height:100vh;flex-direction:column;overflow:hidden}.video-el[data-v-ff831e55]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#f2f2f2}.landscape-mode~.video-el[data-v-ff831e55]{-o-object-fit:cover;object-fit:cover}.live-info-overlay[data-v-ff831e55]{position:absolute;top:10px;left:10px;z-index:10;padding:4px 8px;font-size:12px;color:#333;background:#fffc;border-radius:4px}.landscape-mode .chat-input-box[data-v-ff831e55]{padding-bottom:8px;gap:4px}.landscape-mode .chat-input-box input[data-v-ff831e55]{height:32px;font-size:13px}.landscape-mode .send-btn[data-v-ff831e55]{height:32px;padding:0 10px;font-size:13px}.chat-messages[data-v-ff831e55]{overflow-y:auto;flex:1}.user-msg-row[data-v-ff831e55]{display:flex;align-items:flex-start;margin-bottom:12px}.user-avatar-circle[data-v-ff831e55]{width:36px;height:36px;background-color:#ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0;margin-right:10px;background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.user-msg-content[data-v-ff831e55]{padding-top:6px;font-size:15px;line-height:1.4;color:#333}.chat-input-group[data-v-ff831e55]{padding:10px 15px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid #f0f0f0}.input-row[data-v-ff831e55]{display:flex;align-items:center;gap:10px}.input-row input[data-v-ff831e55]{flex:1;height:48px;background:#f5f5f5;border-radius:19px;padding:0 15px;border:none;font-size:14px}.action-buttons[data-v-ff831e55]{display:flex;align-items:center;gap:2px}.action-item[data-v-ff831e55]{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background-color:#fff;height:40px;width:40px}.quick-text[data-v-ff831e55]{font-size:14px;color:#666}.msg-item[data-v-ff831e55]{width:-moz-fit-content;width:fit-content;max-width:90%;padding:8px 16px;margin-bottom:10px;line-height:1.5;word-break:break-all;background:#ffffffcf;border-radius:50px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-msg-bubble[data-v-ff831e55]{font-size:18px;color:#f2f2f2;text-shadow:1px 1px 1px rgb(0 0 0 / 10%)}.user-nickname[data-v-ff831e55]{margin-right:6px;color:#3498db}.system-msg[data-v-ff831e55]{text-align:center;width:100%;font-size:12px;color:#999;background:transparent;margin:10px 0}.chat-container[data-v-ff831e55]{background:linear-gradient(transparent,#fffc)}.user-msg-bubble[data-v-ff831e55]{display:flex;margin-bottom:8px;font-size:18px;line-height:1.4;color:#333;text-shadow:1px 1px 2px #eee}.chat-input-box[data-v-ff831e55]{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:8px 0;padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.icon-btn-wrap[data-v-ff831e55]{display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-input-box input[data-v-ff831e55]{height:46px;min-width:0;padding:0 12px;font-size:14px;color:#333;background:#0000001a;border:none;border-radius:28px;flex:1}.icon-btn-wrap[data-v-ff831e55],.admin-icon-trigger[data-v-ff831e55],.volume-control-wrap[data-v-ff831e55]{flex-shrink:0}.send-btn[data-v-ff831e55]{height:36px;padding:0 14px;font-size:14px;color:#f2f2f2;white-space:nowrap;background:#fe2c55;border:none;border-radius:18px;flex-shrink:0}.admin-icon-trigger[data-v-ff831e55]{display:flex;align-items:center;margin-left:4px}.volume-control-wrap[data-v-ff831e55]{position:relative;display:flex;align-items:center}.vertical-slider-pop[data-v-ff831e55]{position:absolute;bottom:100%;left:50%;display:flex;height:120px;padding:15px 8px;margin-bottom:10px;background:#ffffffe5;border-radius:10px;transform:translate(-50%);justify-content:center}.popup-full-wrapper[data-v-ff831e55]{display:flex;height:100%;background:#f7f8fa;flex-direction:column}.popup-main-body[data-v-ff831e55]{display:flex;overflow:hidden;flex:1;flex-direction:column}.admin-list-container[data-v-ff831e55]{padding:10px 0;overflow-y:auto;flex:1}.admin-list-avatar[data-v-ff831e55]{display:flex;width:40px;height:40px;margin-right:12px;font-weight:700;color:#f2f2f2;background:#3498db;border-radius:50%;align-items:center;justify-content:center}.admin-name-text[data-v-ff831e55]{font-size:16px;font-weight:500;color:#323233}.private-chat-pane[data-v-ff831e55]{flex:1;display:flex;flex-direction:column;overflow:hidden}.private-messages-scroll[data-v-ff831e55]{display:flex;padding:15px;overflow-y:auto;background:#f2f3f5;flex:1;flex-direction:column;gap:15px}.p-bubble-row[data-v-ff831e55]{display:flex;width:100%}.p-bubble-row.is-mine[data-v-ff831e55]{justify-content:flex-end}.p-bubble-row.is-other[data-v-ff831e55]{justify-content:flex-start}.p-bubble-content[data-v-ff831e55]{position:relative;max-width:75%;padding:10px 12px;font-size:15px;line-height:1.5;word-break:break-all}.is-mine .p-bubble-content[data-v-ff831e55]{color:#000;background:#95ec69;border-radius:8px 0 8px 8px}.is-other .p-bubble-content[data-v-ff831e55]{color:#000;background:#f2f2f2;border-radius:0 8px 8px;border:1px solid #eee}.p-bubble-time[data-v-ff831e55]{margin-top:4px;font-size:10px;color:#999;text-align:right}.private-fixed-bottom[data-v-ff831e55]{padding-bottom:calc(constant(safe-area-inset-bottom) + 5px);padding-bottom:calc(env(safe-area-inset-bottom) + 5px);background:#f2f2f2;border-top:1px solid #ebedf0}.course-packet-popup[data-v-ff831e55]{width:280px;overflow:visible;background:linear-gradient(180deg,#ff4d4f,#cf1322)}.course-packet-content[data-v-ff831e55]{padding:24px;color:#f2f2f2;text-align:center}.packet-header[data-v-ff831e55]{margin-bottom:20px}.packet-tip[data-v-ff831e55]{margin-top:8px;font-size:14px;opacity:.9}.packet-body[data-v-ff831e55]{padding:15px;margin-bottom:30px;background:#ffffff1a;border-radius:8px}.admin-name[data-v-ff831e55]{margin-bottom:8px;font-size:13px;opacity:.8}.course-title[data-v-ff831e55]{font-size:18px;font-weight:700;line-height:1.4}.packet-footer .van-button[data-v-ff831e55]{font-weight:700;box-shadow:0 4px 12px #00000026}.close-text[data-v-ff831e55]{margin-top:15px;font-size:13px;color:#ffffffb3;text-decoration:underline}.packet-floating-entry[data-v-ff831e55]{position:absolute;top:45%;right:15px;z-index:20;display:flex;width:60px;height:60px;cursor:pointer;background:linear-gradient(145deg,#fe2c55,#cf1322);border:2px solid #fadb14;border-radius:50%;box-shadow:0 4px 10px #0000004d;animation:pulse-red-ff831e55 2s infinite;flex-direction:column;align-items:center;justify-content:center}.entry-inner[data-v-ff831e55]{display:flex;flex-direction:column;align-items:center}.entry-text[data-v-ff831e55]{margin-top:2px;font-size:10px;font-weight:700;color:#f2f2f2;transform:scale(.9)}.entry-dot[data-v-ff831e55]{position:absolute;top:0;right:0;width:12px;height:12px;background-color:#ff4d4f;border:2px solid #F2F2F2;border-radius:50%}.fullscreen-btn[data-v-ff831e55]{position:absolute;right:16px;bottom:120px;z-index:999;width:44px;height:44px;border-radius:50%;background:#ffffffe5;display:flex;align-items:center;justify-content:center}.fullscreen-btn.landscape-btn[data-v-ff831e55]{right:unset;left:16px;bottom:16px}.control-divider[data-v-ff831e55]{position:absolute;bottom:0;left:0;right:0;height:1px;background:#0000001a;z-index:16}