.quick-reading .lesson-visual{--visual-ink:#17345b;--visual-blue:#245bd0;background:#f3f7fd;border:1px solid #dce5f2;border-radius:16px;margin:30px 0 36px;padding:28px;overflow:visible}.quick-reading .lesson-visual .visual-heading>span{color:#38649b;letter-spacing:.07em;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.quick-reading .lesson-visual .visual-heading h2{color:var(--visual-ink);text-wrap:pretty;margin:0 0 13px;font-size:23px;line-height:1.6}.quick-reading .lesson-visual .visual-intro{color:#425571;margin:0 0 25px;font-size:15px;line-height:1.9}.quick-reading .lesson-visual .visual-items{grid-template-columns:repeat(var(--visual-columns),minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.quick-reading .lesson-visual .visual-items>li{background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block;position:relative}.visual-node{z-index:1;align-items:center;gap:8px;min-height:58px;margin-bottom:15px;display:flex;position:relative}.visual-icon{width:55px;height:55px;color:var(--visual-blue);background:#fff;border:1px solid #bdceeb;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px #dce6f7}.visual-step{color:#6b83a5;font-variant-numeric:tabular-nums;background:#f3f7fd;align-self:flex-start;margin-top:3px;padding:0 3px;font-size:12px;font-weight:700}.quick-reading .lesson-visual .visual-copy h3{color:var(--visual-ink);margin:0 0 8px;font-size:16px;font-weight:750;line-height:1.65}.quick-reading .lesson-visual .visual-copy p{color:#425571;margin:0;font-size:15px;line-height:1.85}.visual-flow-arrow{color:#809bc2;align-items:center;display:flex;position:absolute;top:27px;left:64px;right:-14px}.visual-flow-arrow:before{content:"";background:#b6c9e6;flex:1;height:1px}.visual-flow-arrow>svg:first-child{flex-shrink:0;margin-left:-1px}.visual-flow-arrow>svg:last-child{display:none}.quick-reading .lesson-visual.visual-compare .visual-items{gap:12px}.quick-reading .lesson-visual.visual-compare .visual-items>li{background:#fff;border:1px solid #d3dfef;border-top:3px solid #89a9d9;border-radius:11px;padding:19px}.visual-compare .visual-icon{box-shadow:none;background:#edf3fc;border:0;border-radius:50%;width:45px;height:45px}.visual-compare .visual-node{min-height:45px;margin-bottom:13px}.visual-converge{height:38px;margin:0}.visual-converge svg{fill:none;stroke:#9ab5dd;stroke-width:1.5px;vector-effect:non-scaling-stroke;width:100%;height:100%;display:block;overflow:visible}.visual-result{color:#fff;background:#214f9e;border-radius:11px;align-items:flex-start;gap:15px;padding:21px 23px;display:flex}.visual-result>span{color:#c8dcff;flex-shrink:0;margin-top:1px}.quick-reading .lesson-visual .visual-result h3{color:#ccdefc;margin:0 0 6px;font-size:13px;line-height:1.65}.quick-reading .lesson-visual .visual-result p{color:#fff;margin:0;font-size:17px;font-weight:650;line-height:1.8}.quick-reading .lesson-visual figcaption{color:#4d6281;border-top:1px solid #d7e2f1;margin:20px 0 0;padding:17px 0 0;font-size:14px;line-height:1.9}.visual-combine .visual-items>li{background:#fff!important;border:1px solid #d3dfef!important;border-radius:11px!important;padding:19px!important}.visual-combine .visual-node{justify-content:center;margin-bottom:16px}.visual-combine .visual-icon{box-shadow:none;background:#eef4ff;border-color:#dce6f5;border-radius:50%}.quick-opening .opening-label{color:#38649b;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.quick-reading .quick-opening h2{margin-top:0}.quick-reading .quick-example .example-heading .hand-label{letter-spacing:.05em;margin-bottom:8px;font-size:12px}.quick-reading .quick-example .example-heading p{margin-top:8px}.quick-reading .quick-example .example-heading:has(.lesson-scene){grid-template-columns:1fr minmax(170px,32%)}.quick-reading .quick-example .post-comparison>div>span{font-size:13px}.quick-reading .quick-example .example-discovery{margin-bottom:0}.quick-reading .lesson-main-explanation{margin-top:32px}.quick-reading .lesson-main-explanation .lesson-topic{margin-bottom:24px;padding-block:6px}.quick-reading .lesson-try .hand-label{margin-bottom:9px;font-size:12px}.quick-reading .lesson-try .lesson-goal{margin:12px 0;font-size:15px;line-height:1.85}@media (max-width:760px){.quick-reading .lesson-visual{padding:23px 20px}.quick-reading .lesson-visual .visual-items{grid-template-columns:1fr;gap:25px}.quick-reading .lesson-visual.visual-flow .visual-items>li{grid-template-columns:55px 1fr;gap:15px;padding-bottom:22px;display:grid}.visual-flow .visual-node{flex-direction:column;gap:8px;margin:0;display:flex}.visual-flow .visual-step{align-self:center;margin:0}.visual-flow-arrow{flex-direction:column;width:1px;inset:65px auto -20px 27px}.visual-flow-arrow:before{background:#b6c9e6;flex:1;width:1px;height:auto;min-height:25px}.visual-flow-arrow>svg:first-child{display:none}.visual-flow-arrow>svg:last-child{flex-shrink:0;margin-top:-1px;display:block}.quick-reading .lesson-visual .visual-heading h2{font-size:21px}.quick-reading .lesson-visual .visual-copy h3{font-size:17px}.quick-reading .lesson-visual.visual-compare .visual-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-reading .lesson-visual.visual-combine .visual-items{gap:12px}.quick-reading .lesson-visual.visual-combine .visual-items>li{grid-template-columns:45px 1fr;gap:14px;display:grid;padding:16px!important}.visual-combine .visual-node{min-height:45px;margin:0}.visual-combine .visual-icon{width:45px;height:45px}.visual-converge{height:30px}.visual-converge svg{display:none}.visual-converge:before{content:"";background:#9ab5dd;width:1px;height:22px;margin:auto;display:block}.visual-converge:after{content:"";border-bottom:1px solid #9ab5dd;border-right:1px solid #9ab5dd;width:7px;height:7px;margin:-7px auto 0;display:block;transform:rotate(45deg)}.quick-reading .quick-example .example-heading:has(.lesson-scene){grid-template-columns:1fr}.quick-reading .quick-example .example-heading .lesson-scene{max-width:230px}}@media (max-width:480px){.quick-reading .lesson-visual{border-radius:12px;padding:21px 16px}.quick-reading .lesson-visual.visual-compare .visual-items{grid-template-columns:1fr;gap:12px}.quick-reading .lesson-visual.visual-compare .visual-items>li{grid-template-columns:45px 1fr;gap:14px;padding:16px;display:grid}.visual-compare .visual-node{margin:0}.quick-reading .lesson-visual .visual-result{padding:18px 16px}.quick-reading .lesson-visual .visual-result p{font-size:16px}}.visual-combine-plus{z-index:2;color:#3c629d;background:#f3f7fd;justify-content:center;align-items:center;width:24px;height:28px;display:flex;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}@media (max-width:760px){.quick-reading .lesson-visual.visual-combine .visual-items{gap:30px}.visual-combine-plus{top:auto;bottom:-29px;right:calc(50% - 12px);transform:none}}.casual-lesson .lesson-jump{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:680px){.casual-lesson .lesson-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}