.learning-page[data-v-c19b376a]{max-width:1280px;padding:28px 20px 48px;margin:auto;min-height:550px}header[data-v-c19b376a]{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}h1[data-v-c19b376a]{font-size:23px;line-height:1.5;margin:0;color:#26384a;overflow-wrap:anywhere;flex:1}.classroom-grid[data-v-c19b376a]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.video-section[data-v-c19b376a]{min-width:0}.video-wrap[data-v-c19b376a]{background:#101419;aspect-ratio:16/9;position:relative;width:100%}.video-wrap video[data-v-c19b376a]{width:100%;height:100%;display:block}.video-placeholder[data-v-c19b376a]{height:100%;display:flex;align-items:center;justify-content:center;color:#c1c9cf}.video-toolbar[data-v-c19b376a]{display:flex;align-items:center;gap:12px;background:#f2f5f8;padding:10px;min-height:54px}.video-time[data-v-c19b376a]{font-size:12px;white-space:nowrap}.video-progress[data-v-c19b376a],.video-slider[data-v-c19b376a]{flex:1;min-width:20px;accent-color:#1977ff;height:6px}.video-toolbar[data-v-c19b376a] .ivu-btn{width:32px;padding:0;flex-shrink:0}.active-title[data-v-c19b376a]{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 14px}.active-title h2[data-v-c19b376a]{font-size:19px;margin:0;overflow-wrap:anywhere}.active-title span[data-v-c19b376a]{white-space:nowrap;font-size:13px;color:#70808d}.lesson-attachment[data-v-c19b376a]{display:inline-block;padding:12px 0;overflow-wrap:anywhere}.lesson-directory[data-v-c19b376a]{border-left:1px solid #e5ebf0;padding-left:22px;min-width:0}.lesson-directory h2[data-v-c19b376a]{font-size:18px;margin:0 0 16px}.lesson-directory ol[data-v-c19b376a]{list-style:none;margin:0;padding:0}.lesson-directory button[data-v-c19b376a]{font:inherit;width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid #e9edf2;background:#fff;padding:16px 10px;cursor:pointer;color:#334758}.lesson-directory button.active[data-v-c19b376a]{background:#edf5ff;color:#1977ff}.lesson-directory button[data-v-c19b376a]:disabled{cursor:default;color:#9aa4ad}.lesson-number[data-v-c19b376a]{flex-shrink:0}.lesson-name[data-v-c19b376a]{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}.lesson-name small[data-v-c19b376a]{display:block;color:#88949f;margin-top:6px}.finished-icon[data-v-c19b376a]{color:#1c9e7c}.lesson-directory .ivu-icon[data-v-c19b376a]{font-size:20px;flex-shrink:0}.completed-bar[data-v-c19b376a]{display:flex;align-items:center;gap:14px;border-top:1px solid #e5ebf0;margin-top:24px;padding-top:20px;color:#16896e;flex-wrap:wrap}.completed-bar span[data-v-c19b376a]{flex:1}.learning-state[data-v-c19b376a]{display:flex;align-items:center;justify-content:center;gap:16px;min-height:300px}.finished-dialog[data-v-c19b376a]{text-align:center;padding:22px;display:flex;align-items:center;flex-direction:column;gap:24px}.finished-dialog h3[data-v-c19b376a]{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.finished-cert-tip[data-v-c19b376a]{margin:0;color:#88949f;font-size:14px;line-height:1.7}.certificate-image[data-v-c19b376a]{display:block;width:100%;margin-bottom:15px}.ivu-alert[data-v-c19b376a]{margin-top:14px}@media(max-width:900px){.classroom-grid[data-v-c19b376a]{grid-template-columns:1fr}.lesson-directory[data-v-c19b376a]{border-left:0;padding-left:0;border-top:1px solid #e5ebf0;padding-top:20px}}@media(max-width:500px){.video-toolbar[data-v-c19b376a]{gap:7px}.video-time[data-v-c19b376a]{font-size:11px}h1[data-v-c19b376a]{font-size:20px}.active-title[data-v-c19b376a]{align-items:flex-start;flex-direction:column;gap:8px}}