.lesson-page{--brand-600: var(--color-brand-600);--brand-700: var(--color-brand-700);--brand-500: var(--color-brand-500);--brand-50: var(--color-brand-50);--ink: #1f2937;--muted: #6b7280;--surface: #ffffff;--bg: #f4f6f8;--g-pre: #2563eb;--g-in: #dc2626;--g-re: #d97706;--g-suf: #059669;--hl-bg: #fef3c7;--hl-ink: #92400e;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .05);flex:1;background:var(--bg);color:var(--ink);line-height:1.8;font-size:16px;padding-bottom:60px}.lesson-page a{color:var(--brand-600);text-decoration:none}.lesson-page .wrap{max-width:760px;margin:0 auto;padding:0 20px}.lesson-page .btn{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:10px 22px;font-size:.95rem;font-weight:600;border:1.5px solid transparent;transition:.18s;text-decoration:none;cursor:pointer}.lesson-page .btn-primary{background:var(--brand-600);color:#fff}.lesson-page .btn-primary:hover{background:var(--brand-700)}.lesson-page .btn-ghost{border-color:#d3dedb;color:var(--brand-700);background:#fff}.lesson-page .crumbs{font-size:.82rem;color:var(--muted);padding:18px 0 14px}.lesson-page .crumbs a{color:var(--muted)}.lesson-page .crumbs a:hover{color:var(--brand-600)}.lesson-page .crumbs b{color:var(--ink);font-weight:600}.lesson-page .lesson-head{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:20px}.lesson-page .lesson-pos{font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.lesson-page .prog{height:6px;background:#e5eaec;border-radius:3px;overflow:hidden;margin-bottom:14px}.lesson-page .prog i{display:block;height:100%;background:var(--brand-600);border-radius:3px}.lesson-page .lesson-head h1{font-size:1.6rem;font-weight:800;margin:0}.lesson-page .blocks{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin-bottom:20px}.lesson-page .blocks.locked{padding-bottom:0}.lesson-page .b-heading{font-size:1.15rem;font-weight:800;margin:26px 0 8px;padding-left:10px;border-left:4px solid var(--brand-600)}.lesson-page .b-heading:first-child{margin-top:0}.lesson-page .b-para{margin:10px 0;color:#374151}.lesson-page .b-ex{margin:14px 0;border:1px solid #eef1f4;border-radius:10px;overflow:hidden}.lesson-page .b-ex table{width:100%;border-collapse:collapse;font-size:.95rem}.lesson-page .b-ex th{background:#f8fafb;color:var(--muted);font-size:.75rem;font-weight:600;text-align:left;padding:7px 14px}.lesson-page .b-ex td{padding:9px 14px;border-top:1px solid #f1f3f5}.lesson-page .b-ex .tl{font-weight:700}.lesson-page .b-ex .cn{color:#4b5563}.lesson-page .b-ex .pr{color:var(--muted);font-size:.82rem}.lesson-page .b-note{background:var(--hl-bg);color:var(--hl-ink);border-radius:10px;padding:12px 16px;font-size:.92rem;margin:14px 0}.lesson-page .b-note b{font-weight:700}.lesson-page .b-word{border:1.5px solid var(--brand-50);border-radius:12px;margin:16px 0;overflow:hidden}.lesson-page .b-word .wh{background:var(--brand-50);padding:8px 16px;font-size:.85rem;color:var(--brand-700);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lesson-page .b-word .wh b{font-size:1rem}.lesson-page .b-word table{width:100%;border-collapse:collapse;font-size:.92rem}.lesson-page .b-word td{padding:7px 16px;border-top:1px solid #f1f3f5}.lesson-page .b-word .lbl{color:var(--muted);font-size:.8rem}.lesson-page .b-word .frm{text-align:right;font-weight:700}.lesson-page .lesson-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.lesson-page .lesson-nav .next{margin-left:auto}.lesson-page .wall{position:relative;text-align:center;padding:34px 20px 26px;background:linear-gradient(transparent,var(--surface) 30%)}.lesson-page .wall h3{font-size:1.05rem;font-weight:800;margin-bottom:6px}.lesson-page .wall p{font-size:.88rem;color:var(--muted);margin-bottom:16px}.lesson-page .wall .sub{margin-top:8px;font-size:.85rem}.lesson-page .g-pre{color:var(--g-pre)}.lesson-page .g-in{color:var(--g-in)}.lesson-page .g-re{color:var(--g-re)}.lesson-page .g-suf{color:var(--g-suf)}