.LessonList-module__Dxh3sq__page{min-height:calc(100vh - var(--header-height));z-index:1;padding:0 0 96px;position:relative}.LessonList-module__Dxh3sq__backLink{color:var(--text-secondary);transition:color .2s var(--ease);align-items:center;gap:6px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.LessonList-module__Dxh3sq__backLink:hover{color:var(--accent-primary)}.LessonList-module__Dxh3sq__heroBanner{margin-bottom:40px;padding:36px 0 40px;position:relative;overflow:hidden}.LessonList-module__Dxh3sq__heroBannerBg{opacity:.04;background:radial-gradient(ellipse at 30% 50%, var(--course-color) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.LessonList-module__Dxh3sq__heroInner{z-index:1;position:relative}.LessonList-module__Dxh3sq__heroTop{align-items:flex-start;gap:24px;margin-top:20px;display:flex}.LessonList-module__Dxh3sq__heroIconWrap{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.LessonList-module__Dxh3sq__heroContent{flex:1;min-width:0}.LessonList-module__Dxh3sq__heroTitle{color:var(--text-primary);margin-bottom:8px;font-family:Clash Display,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3}.LessonList-module__Dxh3sq__heroTitleHi{line-height:1.5}.LessonList-module__Dxh3sq__desc{color:var(--text-secondary);max-width:560px;font-size:.9375rem;line-height:1.6}.LessonList-module__Dxh3sq__heroMeta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.LessonList-module__Dxh3sq__heroBadge{letter-spacing:.02em;border-radius:100px;padding:4px 12px;font-size:.6875rem;font-weight:600}.LessonList-module__Dxh3sq__heroBadgeLevel{color:#059669;background:#0596691a}.LessonList-module__Dxh3sq__heroBadgeLang{color:#4f46e5;background:#4f46e51a}.LessonList-module__Dxh3sq__heroBadgeLangHi{color:#e11d48;background:#e11d481a}.LessonList-module__Dxh3sq__heroBadgeLayout{color:#d97706;text-transform:uppercase;background:#d977061a}.LessonList-module__Dxh3sq__heroStat{color:var(--text-muted);align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:.8125rem;display:flex}.LessonList-module__Dxh3sq__metaDivider{background:var(--text-muted);opacity:.4;border-radius:50%;width:4px;height:4px}.LessonList-module__Dxh3sq__courseProgress{background:var(--bg-elevated);border-radius:4px;max-width:480px;height:6px;margin-top:20px;overflow:hidden}.LessonList-module__Dxh3sq__courseProgressFill{height:100%;transition:width .8s var(--ease-spring);border-radius:4px}.LessonList-module__Dxh3sq__lessonListWrapper{flex-direction:column;gap:32px;max-width:720px;display:flex}.LessonList-module__Dxh3sq__moduleGroup{flex-direction:column;display:flex}.LessonList-module__Dxh3sq__moduleHeader{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.LessonList-module__Dxh3sq__moduleHeaderIcon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.LessonList-module__Dxh3sq__moduleTitle{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:Clash Display,sans-serif;font-size:1.125rem;font-weight:700}.LessonList-module__Dxh3sq__lessonList{flex-direction:column;display:flex}.LessonList-module__Dxh3sq__lessonItem{opacity:0;animation:LessonList-module__Dxh3sq__lessonEntrance .4s var(--ease) forwards;padding-bottom:10px;padding-left:60px;position:relative}.LessonList-module__Dxh3sq__lessonItem:first-child{animation-delay:0s}.LessonList-module__Dxh3sq__lessonItem:nth-child(2){animation-delay:40ms}.LessonList-module__Dxh3sq__lessonItem:nth-child(3){animation-delay:80ms}.LessonList-module__Dxh3sq__lessonItem:nth-child(4){animation-delay:.12s}.LessonList-module__Dxh3sq__lessonItem:nth-child(5){animation-delay:.16s}.LessonList-module__Dxh3sq__lessonItem:nth-child(6){animation-delay:.2s}.LessonList-module__Dxh3sq__lessonItem:nth-child(7){animation-delay:.24s}.LessonList-module__Dxh3sq__lessonItem:nth-child(8){animation-delay:.28s}.LessonList-module__Dxh3sq__lessonItem:nth-child(9){animation-delay:.32s}.LessonList-module__Dxh3sq__lessonItem:nth-child(10){animation-delay:.36s}.LessonList-module__Dxh3sq__lessonItem:nth-child(n+11){animation-delay:.4s}@keyframes LessonList-module__Dxh3sq__lessonEntrance{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.LessonList-module__Dxh3sq__numberCol{background:var(--bg-surface);border:2.5px solid var(--border);width:42px;height:42px;color:var(--text-muted);z-index:2;transition:all .3s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.LessonList-module__Dxh3sq__numberDone{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 2px 8px #0596694d}.LessonList-module__Dxh3sq__connector{background:var(--border);z-index:1;width:2px;position:absolute;top:42px;bottom:0;left:20px}.LessonList-module__Dxh3sq__connectorDone{background:var(--success)}.LessonList-module__Dxh3sq__lessonContent{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;cursor:pointer;transition:all .25s var(--ease);align-items:center;gap:16px;padding:18px 22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.LessonList-module__Dxh3sq__lessonContent:before{content:"";background:var(--course-color,var(--accent-primary));opacity:0;width:3px;transition:opacity .25s var(--ease);position:absolute;top:0;bottom:0;left:0}.LessonList-module__Dxh3sq__lessonContent:hover{border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 4px 16px #0000000f}.LessonList-module__Dxh3sq__lessonContent:hover:before{opacity:1}.LessonList-module__Dxh3sq__lessonDone{background:#05966905;border-color:#05966933}.LessonList-module__Dxh3sq__lessonDone:before{background:var(--success);opacity:1}.LessonList-module__Dxh3sq__lessonLocked{opacity:.45;cursor:default;filter:grayscale(.3)}.LessonList-module__Dxh3sq__lessonLocked:hover{border-color:var(--border);box-shadow:none;transform:none}.LessonList-module__Dxh3sq__lessonLocked:hover:before{opacity:0}.LessonList-module__Dxh3sq__lessonInfo{flex:1;min-width:0}.LessonList-module__Dxh3sq__lessonTitle{margin-bottom:3px;font-family:Satoshi,sans-serif;font-size:.9375rem;font-weight:600;line-height:1.4}.LessonList-module__Dxh3sq__lessonTitleHi{font-size:1.05rem;line-height:1.6}.LessonList-module__Dxh3sq__lessonDesc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.LessonList-module__Dxh3sq__lessonMeta{align-items:center;gap:10px;margin-top:6px;display:flex}.LessonList-module__Dxh3sq__lessonStats{color:var(--text-muted);gap:12px;font-family:DM Mono,monospace;font-size:.6875rem;display:flex}.LessonList-module__Dxh3sq__lessonTime{color:var(--text-muted);align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:.6875rem;display:flex}.LessonList-module__Dxh3sq__keyHint{gap:4px;margin-top:6px;display:flex}.LessonList-module__Dxh3sq__kbdKey{background:var(--bg-elevated);border:1px solid var(--border);min-width:22px;height:20px;color:var(--text-secondary);box-shadow:0 1px 0 var(--border);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:DM Mono,monospace;font-size:.625rem;font-weight:600;display:inline-flex}.LessonList-module__Dxh3sq__lessonAction{color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.LessonList-module__Dxh3sq__redoBtn{color:var(--text-muted);font-size:.75rem;font-weight:600}.LessonList-module__Dxh3sq__lockIcon{color:var(--text-muted);flex-shrink:0}@media (max-width:768px){.LessonList-module__Dxh3sq__heroBanner{padding:24px 0 28px}.LessonList-module__Dxh3sq__heroTop{flex-direction:column;gap:16px}.LessonList-module__Dxh3sq__heroIconWrap{width:52px;height:52px}.LessonList-module__Dxh3sq__lessonItem{padding-left:50px}.LessonList-module__Dxh3sq__numberCol{width:36px;height:36px;font-size:.6875rem}.LessonList-module__Dxh3sq__connector{top:36px;left:17px}.LessonList-module__Dxh3sq__lessonContent{padding:14px 16px}.LessonList-module__Dxh3sq__lessonStats{flex-wrap:wrap;gap:6px}.LessonList-module__Dxh3sq__keyHint{display:none}}
