.student-course-unit[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 88px);background:transparent;overflow:hidden}.app-container[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden;gap:16px}.section-card[data-v-0aa4d3ee]{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;overflow:hidden}.mobile-unit-toggle[data-v-0aa4d3ee]{display:none;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:#fff;border-radius:8px;margin-bottom:12px;cursor:pointer;color:#1890ff;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05);width:fit-content}.mobile-unit-toggle[data-v-0aa4d3ee]:active{background:#f0f5ff}.left-panel[data-v-0aa4d3ee]{width:300px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.left-panel[data-v-0aa4d3ee]::-webkit-scrollbar{width:6px}.left-panel[data-v-0aa4d3ee]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:3px}.course-header .course-name[data-v-0aa4d3ee]{font-size:18px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.course-header .course-meta[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;gap:4px}.card-title[data-v-0aa4d3ee]{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:12px;padding-left:10px;border-left:3px solid #1890ff}.unit-list[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.unit-item[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.unit-item[data-v-0aa4d3ee]:hover{background:#f5f5f5}.unit-item.active[data-v-0aa4d3ee]{background:#e6f7ff;border-color:#1890ff}.unit-index[data-v-0aa4d3ee]{width:28px;height:28px;border-radius:50%;background:#f0f0f0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:600;color:#666;-ms-flex-negative:0;flex-shrink:0}.unit-item.active .unit-index[data-v-0aa4d3ee]{background:#1890ff;color:#fff}.unit-name[data-v-0aa4d3ee]{font-size:14px;color:#1f1f1f;line-height:1.4}.main-content[data-v-0aa4d3ee]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.content-header[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:20px}.content-header h2[data-v-0aa4d3ee]{margin:0;font-size:20px;font-weight:600;color:#1f1f1f}.video-section[data-v-0aa4d3ee]{background:#000;border-radius:12px;overflow:hidden;margin-bottom:20px}.video-section video[data-v-0aa4d3ee]{width:100%;max-height:500px;display:block}.no-video[data-v-0aa4d3ee]{padding:60px 0;text-align:center;background:#f9f9f9;border-radius:12px;margin-bottom:20px}.unit-vip-tag[data-v-0aa4d3ee]{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;margin-left:auto}.unit-vip-tag.vip[data-v-0aa4d3ee]{background:linear-gradient(135deg,#f5af19,#f12711)}.unit-vip-tag.svip[data-v-0aa4d3ee]{background:linear-gradient(135deg,#667eea,#764ba2)}.locked-content-box[data-v-0aa4d3ee]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:12px;padding:80px 16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-bottom:20px}.unit-intro[data-v-0aa4d3ee]{background:#f0f9ff;border-radius:12px;padding:16px}.unit-intro .intro-title[data-v-0aa4d3ee]{font-size:14px;font-weight:600;color:#1890ff;margin-bottom:8px}.unit-intro .intro-content[data-v-0aa4d3ee]{font-size:14px;color:#666;line-height:1.6}.empty-content[data-v-0aa4d3ee],.empty-state[data-v-0aa4d3ee]{padding:60px 0;text-align:center;color:#999}.material-section[data-v-0aa4d3ee]{margin-bottom:20px}.material-section .material-title[data-v-0aa4d3ee]{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:12px}.material-section .material-list[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.material-section .material-item[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 12px;background:#f5f5f5;border-radius:8px;color:#1890ff;transition:all .2s}.material-section .material-item[data-v-0aa4d3ee]:hover{background:#e6f7ff}.material-section .material-content[data-v-0aa4d3ee]{font-size:14px;color:#666;line-height:1.6;padding:12px;background:#f9f9f9;border-radius:8px}.empty-material[data-v-0aa4d3ee]{padding:40px 0}@media (max-width:768px){.student-course-unit[data-v-0aa4d3ee]{height:auto;min-height:calc(100vh - 100px);padding-bottom:20px;overflow:visible}.app-container[data-v-0aa4d3ee]{-ms-flex-direction:column;flex-direction:column;overflow:visible;gap:16px}.main-content[data-v-0aa4d3ee]{-ms-flex-order:0;order:0;overflow:visible;padding:12px;min-height:auto}.main-content .content-header[data-v-0aa4d3ee]{margin-bottom:12px}.mobile-unit-toggle[data-v-0aa4d3ee]{display:none!important}.left-panel[data-v-0aa4d3ee]{position:static;width:100%;height:auto;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:12px;padding:16px 12px;transform:none;z-index:1;overflow:hidden;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:16px}.left-panel.mobile-visible[data-v-0aa4d3ee],.left-panel[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex}.left-panel.mobile-visible[data-v-0aa4d3ee]:before{display:none}.left-panel .unit-list[data-v-0aa4d3ee]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:12px;margin:0 -12px;padding:0 12px 12px}.left-panel .unit-item[data-v-0aa4d3ee]{min-width:240px;background:#fff;border:1px solid #f0f0f0;border-radius:8px;-ms-flex-negative:0;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.04)}.left-panel .card-title[data-v-0aa4d3ee]{font-size:16px;margin-bottom:12px;padding-left:10px;border-left:3px solid #1890ff;display:block}.video-section[data-v-0aa4d3ee]{border-radius:8px}.video-section video[data-v-0aa4d3ee]{max-height:240px}.content-header[data-v-0aa4d3ee]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:8px}.content-header h2[data-v-0aa4d3ee]{font-size:18px}}