.VideoClassroom-module__SGQvHW__page{width:min(1440px, calc(100% - 2 * var(--ch-page-pad-x)));grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;margin:0 auto;padding:28px 0 64px;display:grid}.VideoClassroom-module__SGQvHW__left{gap:15px;min-width:0;display:grid}.VideoClassroom-module__SGQvHW__player{border-radius:var(--ch-radius-7);box-shadow:var(--ch-shadow-md);background:#111722;overflow:hidden}.VideoClassroom-module__SGQvHW__stage{background:radial-gradient(at 50% 38%,#263142 0%,#121720 72%);place-items:center;min-height:500px;display:grid;position:relative}.VideoClassroom-module__SGQvHW__demoBadge{border-radius:var(--ch-radius-full);color:#9aabba;background:#00000038;border:1px solid #ffffff1f;min-height:25px;padding:5px 9px;font-size:11px;position:absolute;top:16px;left:16px}.VideoClassroom-module__SGQvHW__slide{color:#e8eef6;text-align:center;justify-items:center;padding:50px 28px 88px;display:grid}.VideoClassroom-module__SGQvHW__slide>span{color:#6bd7a0;font-family:var(--ch-font-mono);letter-spacing:.18em;font-size:11px}.VideoClassroom-module__SGQvHW__slide h2{color:#aebfd4;margin:16px 0 28px;font-size:clamp(18px,3vw,25px)}.VideoClassroom-module__SGQvHW__slide code{color:#e8eef6;font-family:var(--ch-font-mono);letter-spacing:.1em;font-size:clamp(23px,4vw,38px)}.VideoClassroom-module__SGQvHW__slide code[data-output]{color:#6ee7a8}.VideoClassroom-module__SGQvHW__slide b{color:#64748b;margin:13px 0;font-size:20px}.VideoClassroom-module__SGQvHW__slide p{color:#7f91a7;font-size:var(--ch-font-size-sm);margin-top:25px}.VideoClassroom-module__SGQvHW__playButton{border-radius:var(--ch-radius-full);color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;place-items:center;width:50px;height:50px;display:grid;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.VideoClassroom-module__SGQvHW__playButton:hover{background:#ffffff38}.VideoClassroom-module__SGQvHW__playing{color:#7ee2ae;font-size:var(--ch-font-size-xs);align-items:center;gap:7px;display:flex;position:absolute;bottom:18px;right:16px}.VideoClassroom-module__SGQvHW__playing i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #7ee2ae1f}.VideoClassroom-module__SGQvHW__controls{background:#1a202b;border-top:1px solid #293140;padding:12px 18px 13px}.VideoClassroom-module__SGQvHW__timeline{display:block}.VideoClassroom-module__SGQvHW__timeline input{accent-color:#35b776;cursor:pointer;width:100%;height:4px}.VideoClassroom-module__SGQvHW__controlRow{align-items:center;gap:11px;margin-top:7px;display:flex}.VideoClassroom-module__SGQvHW__controlRow button{border-radius:var(--ch-radius-2);color:#c8d2df;cursor:pointer;background:#293140;border:0;min-width:30px;min-height:28px}.VideoClassroom-module__SGQvHW__time{color:#9cabbc;font-family:var(--ch-font-mono);font-size:var(--ch-font-size-xs)}.VideoClassroom-module__SGQvHW__speed{font-size:var(--ch-font-size-xs);margin-left:auto;padding:0 9px}.VideoClassroom-module__SGQvHW__quality{border-radius:var(--ch-radius-2);color:#c8d2df;font-size:var(--ch-font-size-xs);background:#293140;padding:5px 9px}.VideoClassroom-module__SGQvHW__lessonHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.VideoClassroom-module__SGQvHW__lessonHeader>div>span{color:var(--ch-color-primary-default);font-size:11px;font-weight:var(--ch-weight-bold);letter-spacing:.08em}.VideoClassroom-module__SGQvHW__lessonHeader h1{color:var(--ch-color-text-0);margin-top:4px;font-size:clamp(20px,3vw,26px)}.VideoClassroom-module__SGQvHW__chapterTag{border-radius:var(--ch-radius-full);background:var(--ch-color-fill-1);color:var(--ch-color-text-2);font-size:var(--ch-font-size-xs);flex:none;padding:5px 10px}.VideoClassroom-module__SGQvHW__related{border:1px solid var(--ch-color-border-subtle);border-radius:var(--ch-radius-5);background:var(--ch-color-bg-0);overflow:hidden}.VideoClassroom-module__SGQvHW__related h2{border-bottom:1px solid var(--ch-color-border-subtle);color:var(--ch-color-text-0);font-size:var(--ch-font-size-sm);padding:14px 17px}.VideoClassroom-module__SGQvHW__related a{min-height:48px;color:inherit;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 17px;display:grid}.VideoClassroom-module__SGQvHW__related a+a{border-top:1px solid var(--ch-color-border-subtle)}.VideoClassroom-module__SGQvHW__related a:hover{background:var(--ch-color-bg-2)}.VideoClassroom-module__SGQvHW__relatedType{color:var(--ch-color-text-2);font-size:var(--ch-font-size-xs);align-items:center;gap:7px;display:inline-flex}.VideoClassroom-module__SGQvHW__relatedType svg,.VideoClassroom-module__SGQvHW__relatedGo{color:var(--ch-color-primary-default)}.VideoClassroom-module__SGQvHW__relatedText{color:var(--ch-color-text-1);font-size:var(--ch-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.VideoClassroom-module__SGQvHW__relatedGo{font-size:var(--ch-font-size-xs);font-weight:var(--ch-weight-semibold);align-items:center;gap:6px;display:inline-flex}.VideoClassroom-module__SGQvHW__outline{border:1px solid var(--ch-color-border-subtle);border-radius:var(--ch-radius-7);background:var(--ch-color-bg-0);box-shadow:var(--ch-shadow-sm);position:sticky;top:82px;overflow:hidden}.VideoClassroom-module__SGQvHW__outline>header{border-bottom:1px solid var(--ch-color-border-subtle);padding:20px}.VideoClassroom-module__SGQvHW__outlineDemo{border-radius:var(--ch-radius-full);background:var(--ch-color-fill-1);min-height:24px;color:var(--ch-color-text-3);align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.VideoClassroom-module__SGQvHW__outline h2{color:var(--ch-color-text-0);font-size:var(--ch-font-size-md);margin-top:10px}.VideoClassroom-module__SGQvHW__outline header p{color:var(--ch-color-text-3);font-size:var(--ch-font-size-xs);margin-top:4px}.VideoClassroom-module__SGQvHW__overall{margin-top:14px}.VideoClassroom-module__SGQvHW__overall i{border-radius:var(--ch-radius-full);background:var(--ch-color-fill-2);height:7px;display:block;overflow:hidden}.VideoClassroom-module__SGQvHW__overall b{border-radius:inherit;background:var(--ch-color-primary-default);height:100%;display:block}.VideoClassroom-module__SGQvHW__overall span{color:var(--ch-color-text-2);font-size:var(--ch-font-size-xs);margin-top:7px;display:block}.VideoClassroom-module__SGQvHW__outline>h3{color:var(--ch-color-text-3);letter-spacing:.08em;margin:17px 18px 8px;font-size:11px}.VideoClassroom-module__SGQvHW__lessonList{gap:3px;padding:0 8px 14px;display:grid}.VideoClassroom-module__SGQvHW__lessonList button{border-radius:var(--ch-radius-3);min-height:60px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;padding:10px;display:flex}.VideoClassroom-module__SGQvHW__lessonList button:hover{background:var(--ch-color-fill-1)}.VideoClassroom-module__SGQvHW__lessonList button[data-state=active]{background:var(--ch-color-success-soft)}.VideoClassroom-module__SGQvHW__lessonMark{border:1px solid var(--ch-color-border-strong);width:21px;height:21px;color:var(--ch-color-text-3);border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.VideoClassroom-module__SGQvHW__lessonList button[data-state=done] .VideoClassroom-module__SGQvHW__lessonMark{border-color:var(--ch-color-success-default);background:var(--ch-color-success-default);color:#fff}.VideoClassroom-module__SGQvHW__lessonList button[data-state=active] .VideoClassroom-module__SGQvHW__lessonMark{border-color:var(--ch-color-primary-default);background:var(--ch-color-primary-default);color:#fff}.VideoClassroom-module__SGQvHW__lessonList button>span:last-child{gap:5px;min-width:0;display:grid}.VideoClassroom-module__SGQvHW__lessonList strong{color:var(--ch-color-text-1);font-size:var(--ch-font-size-sm);font-weight:var(--ch-weight-medium)}.VideoClassroom-module__SGQvHW__lessonList button[data-state=active] strong{color:var(--ch-color-text-0);font-weight:var(--ch-weight-semibold)}.VideoClassroom-module__SGQvHW__lessonList small{color:var(--ch-color-text-3);font-size:var(--ch-font-size-xs)}@media (max-width:980px){.VideoClassroom-module__SGQvHW__page{grid-template-columns:1fr}.VideoClassroom-module__SGQvHW__outline{position:static}.VideoClassroom-module__SGQvHW__lessonList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.VideoClassroom-module__SGQvHW__page{padding-top:18px}.VideoClassroom-module__SGQvHW__stage{min-height:390px}.VideoClassroom-module__SGQvHW__slide{padding-inline:14px}.VideoClassroom-module__SGQvHW__slide code{letter-spacing:.04em}.VideoClassroom-module__SGQvHW__lessonHeader{flex-direction:column;align-items:flex-start}.VideoClassroom-module__SGQvHW__related a{grid-template-columns:70px minmax(0,1fr)}.VideoClassroom-module__SGQvHW__relatedGo{grid-column:2}.VideoClassroom-module__SGQvHW__lessonList{grid-template-columns:1fr}}