.page-container[data-v-bbe9f3ed]{--gap:10px;--color-bg:#fff;--color-text:#22223b;--color-muted:#4f5d75;--color-accent:#0052d9;--color-border:#e0e7ff;padding:var(--gap);box-sizing:border-box;background:0 0;align-items:stretch;height:100vh;display:flex;overflow:hidden}.card-shadow[data-v-bbe9f3ed]{background:#fff;border-radius:0;flex-direction:column;display:flex;box-shadow:0 8px 32px #1f26871f,0 1.5px 4px #00000014}.pc-only[data-v-bbe9f3ed]{display:flex}@media (width<=767px){.pc-only[data-v-bbe9f3ed]{display:none!important}}.course-media-container[data-v-bbe9f3ed]{flex-direction:column;flex:1;min-width:0;height:100%;margin-right:18px;transition:flex .3s cubic-bezier(.4,2,.6,1);display:flex}.course-media-container.expanded[data-v-bbe9f3ed]{flex:100%;margin-right:0}.course-media[data-v-bbe9f3ed]{background:#f5f7fa;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.course-media[data-v-bbe9f3ed],.panel-toggle-btn[data-v-bbe9f3ed]{justify-content:center;align-items:center}.panel-toggle-btn[data-v-bbe9f3ed]{cursor:pointer;color:#999;z-index:10;background:#fff;border:1px solid #eee;border-left:none;flex-shrink:0;width:20px;font-size:12px;transition:color .2s,background .2s}.panel-toggle-btn[data-v-bbe9f3ed]:hover{color:var(--color-accent);background:#f0f5ff}.info-panel[data-v-bbe9f3ed]{flex-direction:column;flex-shrink:0;width:380px;height:100%;transition:width .3s;overflow:hidden}.info-panel.hidden[data-v-bbe9f3ed]{display:none}.info-panel-header[data-v-bbe9f3ed]{flex-shrink:0;padding:5px}.course-header h1[data-v-bbe9f3ed]{color:var(--color-text);letter-spacing:1px;margin:5px 0;font-size:18px;font-weight:700}.course-tabs[data-v-bbe9f3ed]{gap:10px;margin-bottom:10px;display:flex}.tab-button[data-v-bbe9f3ed]{color:#333;cursor:pointer;background:#f3f6fa;border:none;padding:7px 22px;font-size:15px;font-weight:400;transition:all .3s;box-shadow:0 2px 4px #0000000f}.tab-button[data-v-bbe9f3ed]:hover{color:var(--color-accent);background-color:#e0e7ff}.tab-button.active[data-v-bbe9f3ed]{color:#fff;background:linear-gradient(90deg,var(--color-accent) 60%,#4f8cff 100%);box-shadow:0 4px 12px #0052d91a}.tab-content[data-v-bbe9f3ed]{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 5px 20px;overflow-y:auto}.info-group[data-v-bbe9f3ed]{background:#f8fafc;margin-bottom:18px;padding:12px 18px;box-shadow:0 1px 4px #00000008}.info-item[data-v-bbe9f3ed]{align-items:flex-start;margin-bottom:10px;display:flex}.info-item span[data-v-bbe9f3ed]{color:var(--color-muted);white-space:nowrap;font-size:14px;font-weight:700}.info-item p[data-v-bbe9f3ed]{margin:0}.desc-text[data-v-bbe9f3ed]{white-space:pre-line;word-break:break-word;color:var(--color-text);margin:0;font-size:14px;font-weight:400}.price-action[data-v-bbe9f3ed]{justify-content:space-between;align-items:center;margin:18px 0 10px;padding:0 8px;display:flex}.price-info .price[data-v-bbe9f3ed]{color:#e45757;font-size:22px;font-weight:700}[data-v-bbe9f3ed] .ly-divider{background:var(--color-border);height:2px;margin:18px 0}.catalog-tree-wrapper[data-v-bbe9f3ed]{padding:0 5px}.catalog-group[data-v-bbe9f3ed]{background:#fff;border-radius:0;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.chapter-header[data-v-bbe9f3ed]{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.chapter-header[data-v-bbe9f3ed]:active,.chapter-header[data-v-bbe9f3ed]:hover{background:#f5f7fa}.chapter-header i[data-v-bbe9f3ed]{color:#999;font-size:12px;transition:transform .2s}.chapter-left[data-v-bbe9f3ed]{flex:1;gap:10px;min-width:0}.chapter-index[data-v-bbe9f3ed],.chapter-left[data-v-bbe9f3ed],.file-row[data-v-bbe9f3ed]{align-items:center;display:flex}.chapter-index[data-v-bbe9f3ed]{background:var(--color-accent);color:#fff;border-radius:0;flex-shrink:0;justify-content:center;width:24px;height:24px;font-size:12px;font-weight:700}.chapter-name[data-v-bbe9f3ed]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chapter-files[data-v-bbe9f3ed]{border-top:1px solid #f0f0f0}.file-row[data-v-bbe9f3ed]{color:#555;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #fafafa;gap:10px;padding:12px 16px 12px 50px;font-size:13px;transition:background .15s}.file-row[data-v-bbe9f3ed]:last-child{border-bottom:none}.file-row[data-v-bbe9f3ed]:active,.file-row[data-v-bbe9f3ed]:hover{background:#f5f7fa}.file-row>i[data-v-bbe9f3ed]:first-child{color:#b74829;text-align:center;flex-shrink:0;width:16px;font-size:12px}.file-row span[data-v-bbe9f3ed]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-download-icon[data-v-bbe9f3ed]{color:#999;flex-shrink:0;font-size:12px}.play-row[data-v-bbe9f3ed]{background:#f0f5ff;font-weight:500;color:var(--color-accent)!important}.play-row.active[data-v-bbe9f3ed]{box-shadow:inset 3px 0 0 var(--color-accent);background:#d9e6ff}.play-row[data-v-bbe9f3ed]:active,.play-row[data-v-bbe9f3ed]:hover{background:#e4edff}.play-row>i[data-v-bbe9f3ed]:first-child{font-size:14px;color:var(--color-accent)!important}.mobile-bottom-bar[data-v-bbe9f3ed],.mobile-content-area[data-v-bbe9f3ed]{display:none}@media (width<=1024px){.page-container[data-v-bbe9f3ed]{padding:8px}.info-panel[data-v-bbe9f3ed]{width:320px}.course-header h1[data-v-bbe9f3ed]{font-size:16px}.tab-button[data-v-bbe9f3ed]{padding:6px 16px;font-size:13px}.panel-toggle-btn[data-v-bbe9f3ed]{width:16px}.desc-text[data-v-bbe9f3ed],.info-item p[data-v-bbe9f3ed]{word-break:break-word;overflow-wrap:break-word}.price-action[data-v-bbe9f3ed]{flex-wrap:wrap;gap:10px}.price-info .price[data-v-bbe9f3ed]{font-size:20px}}@media (width<=767px){.page-container[data-v-bbe9f3ed]{padding:0;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-direction:column;height:auto;min-height:100dvh;overflow:hidden auto}.course-media-container[data-v-bbe9f3ed]{flex:none;height:auto;margin-right:0}.course-media-container.expanded[data-v-bbe9f3ed]{flex:none}.course-media[data-v-bbe9f3ed]{aspect-ratio:16/9;height:auto;max-height:56vh}.mobile-content-area[data-v-bbe9f3ed]{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));flex:1;display:block}.mobile-course-info[data-v-bbe9f3ed]{background:#fff;padding:14px 16px 0}.mobile-course-title[data-v-bbe9f3ed]{color:var(--color-text);word-break:break-word;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.4}.mobile-meta-row[data-v-bbe9f3ed]{color:#888;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:12px;font-size:12px;display:flex}.mobile-meta-row i[data-v-bbe9f3ed]{margin-right:3px}.mobile-price[data-v-bbe9f3ed]{color:#e45757;font-size:16px;font-weight:700}.mobile-tab-bar[data-v-bbe9f3ed]{z-index:50;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.mobile-tab-btn[data-v-bbe9f3ed]{color:#666;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:relative}.mobile-tab-btn i[data-v-bbe9f3ed]{font-size:13px}.mobile-tab-btn.active[data-v-bbe9f3ed]{color:var(--color-accent);font-weight:600}.mobile-tab-btn.active[data-v-bbe9f3ed]:after{content:"";height:3px;position:absolute;bottom:0;left:20%;right:20%}.catalog-count[data-v-bbe9f3ed],.mobile-tab-btn.active[data-v-bbe9f3ed]:after{background:var(--color-accent);border-radius:0}.catalog-count[data-v-bbe9f3ed]{color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.mobile-tab-content[data-v-bbe9f3ed]{padding:12px 16px 20px}.mobile-info-card[data-v-bbe9f3ed]{background:#f8fafc;border-radius:0;margin-bottom:16px;padding:12px 16px}.mobile-info-item[data-v-bbe9f3ed]{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.mobile-info-item[data-v-bbe9f3ed]:last-child{border-bottom:none}.mobile-info-item .label[data-v-bbe9f3ed]{color:#999;flex-shrink:0;font-size:13px}.mobile-info-item .value[data-v-bbe9f3ed]{color:var(--color-text);text-align:right;word-break:break-word;flex:1;margin-left:12px;font-size:13px}.mobile-section[data-v-bbe9f3ed]{margin-bottom:16px}.mobile-section-title[data-v-bbe9f3ed]{color:var(--color-text);border-left:3px solid var(--color-accent);margin-bottom:8px;padding-left:8px;font-size:15px;font-weight:600}.mobile-section-text[data-v-bbe9f3ed]{color:#555;white-space:pre-line;word-break:break-word;font-size:14px;line-height:1.7}.mobile-bottom-bar[data-v-bbe9f3ed]{z-index:100;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #eee;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.bottom-bar-btn[data-v-bbe9f3ed]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:15px;transition:opacity .2s;display:flex}.bottom-bar-btn[data-v-bbe9f3ed]:active{opacity:.8}.bottom-bar-buy[data-v-bbe9f3ed]{color:#fff;background:linear-gradient(90deg,#e45757,#ff7e5f);font-weight:700}.bottom-bar-buy i[data-v-bbe9f3ed]{font-size:16px}}.slide-down-enter-active[data-v-bbe9f3ed]{transition:all .25s;overflow:hidden}.slide-down-leave-active[data-v-bbe9f3ed]{transition:all .2s;overflow:hidden}.slide-down-enter-from[data-v-bbe9f3ed],.slide-down-leave-to[data-v-bbe9f3ed]{opacity:0;max-height:0}.slide-down-enter-to[data-v-bbe9f3ed],.slide-down-leave-from[data-v-bbe9f3ed]{opacity:1;max-height:500px}@media (width<=480px){.mobile-course-title[data-v-bbe9f3ed]{font-size:15px}.mobile-meta-row[data-v-bbe9f3ed]{font-size:11px}.mobile-tab-btn[data-v-bbe9f3ed]{padding:10px 0;font-size:13px}.mobile-section-title[data-v-bbe9f3ed]{font-size:14px}.mobile-section-text[data-v-bbe9f3ed]{word-break:break-word;font-size:13px}.file-row[data-v-bbe9f3ed]{padding-left:40px;font-size:12px}.mobile-course-info[data-v-bbe9f3ed]{padding:12px 12px 0}.mobile-tab-content[data-v-bbe9f3ed]{padding:10px 12px 16px}.mobile-info-card[data-v-bbe9f3ed]{padding:10px 12px}}