page{background:#f5f6f8;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:.7rem}.card{background:#fff;border-radius:.4rem;-webkit-box-shadow:0 .05rem .2rem rgba(0,0,0,.04);box-shadow:0 .05rem .2rem rgba(0,0,0,.04);margin:.4rem .6rem;padding:.6rem}.hot-tag{background:#fef3c7;border-radius:.15rem;color:#b45309;display:inline-block;font-size:.5rem;margin-left:.25rem;padding:.05rem .25rem}.home{padding-bottom:1rem}.hero{background:-webkit-linear-gradient(315deg,#0f4c81,#1d6fb8);background:linear-gradient(135deg,#0f4c81,#1d6fb8);color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding:1.2rem 1rem}.hero-title{font-size:1rem;font-weight:700}.hero-sub{font-size:.6rem;opacity:.85}.mod{background:#fff;border-radius:.4rem;-webkit-box-shadow:0 .05rem .2rem rgba(0,0,0,.04);box-shadow:0 .05rem .2rem rgba(0,0,0,.04);margin:.4rem .6rem;overflow:hidden}.mod-head{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.3rem;padding:.65rem .7rem}.caret{color:#9ca3af;font-size:.55rem;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.caret.open{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mod-no{background:#e8f0fa;border-radius:.2rem;color:#0f4c81;font-size:.65rem;font-weight:700;padding:.1rem .3rem}.mod-title{-webkit-flex:1;-ms-flex:1;flex:1;font-size:.7rem;font-weight:600}.mod-cnt{color:#9ca3af;font-size:.55rem}.lessons{border-top:.025rem solid #f0f1f3}.lesson{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:.025rem solid #f5f6f8;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.3rem;padding:.55rem .7rem}.lesson:active{background:#f7f9fc}.lesson-no{color:#0f4c81;font-family:monospace;font-size:.55rem;min-width:2rem}.lesson-title{-webkit-flex:1;-ms-flex:1;flex:1;font-size:.65rem}.lesson-state{color:#b4b2a9;font-size:.5rem}.footer{-ms-flex-pack:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:1rem 0 .5rem}.lesson-page{padding-bottom:1.5rem}.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.15rem;padding:.7rem .8rem .4rem}.crumb{color:#9ca3af;font-size:.55rem}.title{color:#111827;font-size:.9rem;font-weight:700}.toc-scroll{margin-bottom:.2rem;white-space:nowrap;width:100%}.toc{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:.3rem;padding:.3rem .6rem}.toc-chip{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#e8f0fa;border-radius:24.975rem;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:.2rem;padding:.25rem .5rem}.toc-chip:active{background:#d3e3f6}.toc-idx{background:#0f4c81;border-radius:24.975rem;color:#fff;font-size:.5rem;height:.8rem;line-height:.8rem;min-width:.8rem;text-align:center}.toc-txt{color:#1f4e79;font-size:.6rem}.point{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.point-head{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.3rem}.point-idx{background:#0f4c81;border-radius:24.975rem;color:#fff;display:inline-block;font-size:.55rem;height:1rem;line-height:1rem;min-width:1rem;text-align:center}.point-title{font-size:.75rem;font-weight:600}.role{color:#374151;font-size:.65rem;line-height:1.7}.label{color:#6b7280;display:block;font-size:.6rem;margin:.3rem 0 .15rem}.out-label{color:#1a7f37}.code{background:#0d1117;border-radius:.3rem;color:#e6edf3;font-family:Courier New,monospace;font-size:.55rem;line-height:1.6;overflow-x:auto;padding:.45rem;white-space:pre-wrap;word-break:break-all}.code-line{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:.3rem}.line-num{-ms-flex-negative:0;color:#6b7280;-webkit-flex-shrink:0;flex-shrink:0;font-family:Courier New,monospace;font-size:.55rem;min-width:.8rem;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-code-wrap{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.line-code{font-family:Courier New,monospace;font-size:.55rem}.code-expl{border-left:.075rem solid #3b82f6;color:#93c5fd;font-size:.5rem;font-style:italic;line-height:1.3;margin:.05rem 0;opacity:.9;padding:.1rem 0 .1rem 1.1rem}.ex-explain{margin-top:.25rem}.explain-label{color:#6b7280;font-size:.6rem;font-weight:600;margin-bottom:.15rem}.explain-block{background:#f6f8fa;border:.025rem dashed #d0d7de;border-radius:.3rem;color:#57606a;font-family:Courier New,monospace;font-size:.55rem;line-height:1.6;padding:.35rem .45rem}.explain-line{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:.3rem}.explain-text{color:#57606a;-webkit-flex:1;-ms-flex:1;flex:1}.output{background:#f0fdf4;border:.025rem dashed #86efac;border-radius:.3rem;color:#166534;font-family:Courier New,monospace;font-size:.55rem;line-height:1.6;padding:.4rem .45rem;white-space:pre-wrap;word-break:break-all}.note{background:#fefce8;border-radius:.2rem;color:#854d0e;display:block;font-size:.6rem;padding:.3rem .4rem}.note.warn{background:#fef3c7;color:#92400e}.summary{background:#f0fdf4;border-radius:.2rem;color:#166534;display:block;font-size:.6rem;padding:.3rem .4rem}.ex-section{margin-top:.6rem}.ex-title{display:block;font-size:.75rem;font-weight:700;padding:0 .8rem .2rem}.ex-card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.35rem}.ex-q{font-size:.65rem;line-height:1.6}.opt{background:#f7f8fa;border:.025rem solid #e5e7eb;border-radius:.25rem;font-size:.65rem;margin-bottom:.25rem;padding:.4rem .5rem}.opt.picked{background:#e8f0fa;border-color:#0f4c81}.opt.correct{background:#f0fdf4;border-color:#16a34a;color:#166534}.opt.wrong{background:#fef2f2;border-color:#dc2626;color:#991b1b}.btn-submit{background:#0f4c81;border-radius:.25rem;color:#fff;font-size:.65rem;margin-top:.15rem;padding:.4rem;text-align:center}.feedback{border-radius:.25rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:.65rem;gap:.2rem;padding:.4rem}.feedback.ok{background:#f0fdf4;color:#166534}.feedback.no{background:#fef2f2;color:#991b1b}.explain{color:#6b7280;font-size:.6rem}.empty{color:#9ca3af;font-size:.7rem;padding:3rem 0;text-align:center}