.nx-lesson{--loop: 1.3s}.qs-stack{display:grid}.qs-scene{grid-area:1 / 1;display:grid;gap:14px;align-content:start;visibility:hidden}.qs-scene.on{visibility:visible;animation:qs-in .18s cubic-bezier(.2,.8,.2,1) both}.qs-scene:not(.on) *{animation:none!important}@keyframes qs-in{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.nx-hero-clean .nx-hero-art .qs-bubu{width:174px;height:174px;right:12px}.nx-hero-clean .nx-hero-art:has(.qs-bubu){padding-top:92px}.nx-hero-clean .nx-hero-art .qs-bubu{top:0}.qs-kind{margin-left:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);font-size:11px;font-weight:800;vertical-align:2px}.qs-list{display:grid;gap:6px}.nx-lesson-card .qs-o{padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink)}.nx-lesson-card .qs-o.win{animation:qs-win var(--loop) ease both;animation-delay:.1s}@keyframes qs-win{0%,20%{background:var(--surface)}32%,to{background:var(--mint);border-color:var(--mint);color:#fff}}.nx-lesson-card .qs-c{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13.5px;font-weight:600}.qs-c i{width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.qs-c.c1 i,.qs-c.c2 i{animation:qs-tick var(--loop) ease both}.qs-c.c1 i{animation-delay:.125s}.qs-c.c2 i{animation-delay:.225s}@keyframes qs-tick{0%,15%{background:transparent}25%,to{background:var(--primary);box-shadow:inset 0 0 0 3.5px color-mix(in srgb,var(--primary) 40%,#fff)}}.nx-lesson-card .qs-c.x{opacity:.6}.qs-tie{position:relative;height:70px;margin-top:2px}.qs-tie svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.qs-tie path{fill:none;stroke:var(--primary);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:60;stroke-dashoffset:60;animation:qs-draw var(--loop) ease both;animation-delay:75ms}@keyframes qs-draw{0%,20%{stroke-dashoffset:60}45%,to{stroke-dashoffset:0}}.nx-lesson-card .qs-tie .n{position:absolute;width:30%;display:grid;place-items:center;height:24px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;opacity:0;animation:qs-node var(--loop) ease both;animation-delay:.25s}.qs-tie .a1{left:0;top:0;background:var(--primary)}.qs-tie .a2{left:0;bottom:0;background:var(--primary)}.qs-tie .p1{right:0;top:0;background:var(--mint)}.qs-tie .p2{right:0;bottom:0;background:var(--mint)}.nx-lesson-card .qs-tie .mid{left:38%;width:24%;top:50%;height:28px;margin-top:-14px;background:var(--coral);opacity:1;animation:none}@keyframes qs-node{0%,15%{opacity:0;transform:scale(.85)}30%,to{opacity:1;transform:none}}.qs-m{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:6px;align-items:center}.nx-lesson-card .qs-m span{color:var(--ink);font-size:13.5px;font-weight:600}.qs-m em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--ink-3);text-align:center}.qs-m i{justify-self:center;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.qs-m i.m1,.qs-m i.m2,.qs-m i.m3{animation:qs-dot var(--loop) ease both}.qs-m i.m1{animation-delay:.125s}.qs-m i.m2{animation-delay:.225s}.qs-m i.m3{animation-delay:.325s}@keyframes qs-dot{0%,15%{background:transparent}25%,to{background:var(--primary);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--primary) 45%,#fff)}}.nx-lesson-card .qs-r{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:13.5px;font-weight:600;animation:qs-sort var(--loop) cubic-bezier(.3,1.3,.5,1) both;animation-delay:.125s}.qs-r em{font-style:normal;font-size:10.5px;font-weight:800;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--mint);color:#fff}.qs-r.r1{--from: 72px}.qs-r.r2,.qs-r.r3{--from: -36px}@keyframes qs-sort{0%,15%{transform:translateY(var(--from));opacity:.55}38%,to{transform:none;opacity:1}}@media(max-width:900px){.nx-hero-clean .nx-hero-art .qs-bubu{width:138px;height:138px;right:4px}.nx-hero-clean .nx-hero-art:has(.qs-bubu){padding-top:64px}}@media(prefers-reduced-motion:reduce){.qs-scene,.qs-o,.qs-c i,.qs-tie path,.qs-tie .n,.qs-m i,.qs-r{animation:none!important}}