.code-block[data-v-182e23fb]{margin-block:22px}.code-dots[data-v-182e23fb]{gap:4px;margin-right:4px;display:inline-flex}.code-dots i[data-v-182e23fb]{background:#ffffff29;border-radius:50%;width:7px;height:7px}.code-lang[data-v-182e23fb]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#f4ece2b3;border:1px solid #ffffff1a;border-radius:4px;padding:1px 5px;font-size:9px}.code-actions[data-v-182e23fb]{align-items:center;gap:2px;margin-left:auto;display:flex}.code-action[data-v-182e23fb]{color:#f4ece299;height:26px;transition:background var(--t-fast),color var(--t-fast);border-radius:5px;align-items:center;gap:5px;padding:0 8px;font-size:10.5px;display:inline-flex}.code-action[data-v-182e23fb]:hover{color:var(--code-ink);background:#ffffff12}.code-step-bar[data-v-182e23fb]{border-top:1px solid var(--code-line);color:var(--code-cm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:9px;display:flex}.code-step-bar>div[data-v-182e23fb]{gap:4px;display:flex}.code-step-bar button[data-v-182e23fb]{color:var(--code-ink);font-family:var(--font-mono);border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;display:inline-flex}.code-step-bar button[data-v-182e23fb]:hover:not(:disabled){background:#ffffff14}.code-step-bar button[data-v-182e23fb]:disabled{opacity:.35}.code-action.is-run[data-v-182e23fb]{color:#ffb59f}.code-action.is-run[data-v-182e23fb]:hover{color:#ffd4c6;background:#e4472b2e}.inline-preview[data-v-182e23fb]{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fffdf9;margin-top:8px;overflow:hidden}.inline-preview-bar[data-v-182e23fb]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#5f564c;background:#f1ece3;border-bottom:1px solid #17130f1a;justify-content:space-between;align-items:center;padding:7px 12px;font-size:10px;display:flex}.inline-preview-bar span[data-v-182e23fb]{align-items:center;gap:6px;display:inline-flex}.inline-preview-bar button[data-v-182e23fb]{text-transform:none;letter-spacing:0;color:#5f564c;align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.live-dot[data-v-182e23fb]{background:#14675a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #14675a26}.inline-preview iframe[data-v-182e23fb]{background:#fffdf9;border:0;width:100%;height:280px;display:block}.preview-enter-active[data-v-182e23fb],.preview-leave-active[data-v-182e23fb]{transition:opacity .18s ease,transform .18s var(--ease-out)}.preview-enter-from[data-v-182e23fb],.preview-leave-to[data-v-182e23fb]{opacity:0;transform:translateY(-4px)}@media (width<=640px){.code-action span[data-v-182e23fb]{display:none}.code-action[data-v-182e23fb]{justify-content:center;width:26px;padding:0}}.demo[data-v-ef40ea12]{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--paper-2);margin-block:24px;overflow:hidden}.demo-head[data-v-ef40ea12]{background:var(--paper-3);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.demo-label[data-v-ef40ea12]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent);background:color-mix(in srgb,var(--teal) 8%,transparent);border-radius:4px;flex:none;align-items:center;gap:4px;padding:2px 5px;font-size:8.5px;display:inline-flex}.demo-title[data-v-ef40ea12]{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.demo-actions[data-v-ef40ea12]{align-items:center;gap:4px;margin-left:auto;display:flex}.demo-actions button[data-v-ef40ea12]{color:var(--muted);border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:inline-flex}.demo-actions button[data-v-ef40ea12]:hover{background:var(--paper);color:var(--ink)}.demo-frame[data-v-ef40ea12]{background:#fffdf9}.demo-frame iframe[data-v-ef40ea12]{border:0;width:100%;height:100%;display:block}.demo-source[data-v-ef40ea12]{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);border-top:1px solid var(--line);margin:0;padding:14px 16px;font-size:11.5px;line-height:1.6;overflow-x:auto}.source-enter-active[data-v-ef40ea12],.source-leave-active[data-v-ef40ea12]{transition:opacity .16s}.source-enter-from[data-v-ef40ea12],.source-leave-to[data-v-ef40ea12]{opacity:0}@media (width<=640px){.demo-actions button span[data-v-ef40ea12],.demo-title[data-v-ef40ea12]{display:none}.demo-actions[data-v-ef40ea12]{margin-left:auto}}.lesson-content[data-v-fdd2349f]{color:var(--ink-2);font-size:15.5px;line-height:1.72}.content-p[data-v-fdd2349f]{margin-block:18px}.content-p[data-v-fdd2349f] .inline-code{font-size:.84em}.content-h[data-v-fdd2349f]{letter-spacing:-.03em;color:var(--ink);scroll-margin-top:calc(24px + var(--header-h));align-items:center;gap:8px;margin-top:42px;margin-bottom:14px;font-size:calc(clamp(1.35rem,2.2vw,1.65rem));display:flex;position:relative}.heading-anchor[data-v-fdd2349f]{color:var(--muted);opacity:0;transition:opacity var(--t-fast);padding:3px;display:inline-flex}.content-h:hover .heading-anchor[data-v-fdd2349f]{opacity:1}.heading-anchor[data-v-fdd2349f]:hover{color:var(--brand)}.note[data-v-fdd2349f]{border-radius:var(--r-sm);border:1px solid var(--line);gap:11px;margin-block:24px;padding:14px 16px;font-size:13.5px;line-height:1.6;display:flex}.note-icon[data-v-fdd2349f]{flex:none;margin-top:2px}.note strong[data-v-fdd2349f]{margin-bottom:2px;font-size:12.5px;font-weight:650;display:block}.note p[data-v-fdd2349f]{color:var(--ink-3)}.note-tip[data-v-fdd2349f]{background:var(--teal-soft);border-color:color-mix(in srgb,var(--teal) 22%,transparent)}.note-tip .note-icon[data-v-fdd2349f],.note-tip strong[data-v-fdd2349f]{color:var(--teal)}.note-warn[data-v-fdd2349f]{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 22%,transparent)}.note-warn .note-icon[data-v-fdd2349f],.note-warn strong[data-v-fdd2349f]{color:var(--gold)}.note-info[data-v-fdd2349f]{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 18%,transparent)}.note-info .note-icon[data-v-fdd2349f],.note-info strong[data-v-fdd2349f]{color:var(--brand-strong)}[data-theme=dark] .note-info .note-icon[data-v-fdd2349f],[data-theme=dark] .note-info strong[data-v-fdd2349f]{color:var(--brand)}.note-success[data-v-fdd2349f]{background:var(--teal-soft);border-color:color-mix(in srgb,var(--teal) 22%,transparent)}.note-success .note-icon[data-v-fdd2349f],.note-success strong[data-v-fdd2349f]{color:var(--teal)}.content-list[data-v-fdd2349f]{flex-direction:column;gap:8px;margin-block:18px;display:flex}.content-list li[data-v-fdd2349f]{align-items:flex-start;gap:10px;display:flex}.list-dot[data-v-fdd2349f]{background:var(--brand);border-radius:50%;flex:none;width:5px;height:5px;margin-top:10px}.list-num[data-v-fdd2349f]{font-family:var(--font-mono);background:var(--paper-3);width:19px;height:19px;color:var(--brand);border-radius:5px;flex:none;place-items:center;margin-top:4px;font-size:10px;display:grid}.list-num[data-v-fdd2349f],.table-wrap[data-v-fdd2349f]{border:1px solid var(--line)}.table-wrap[data-v-fdd2349f]{border-radius:var(--r-sm);margin-block:24px;overflow-x:auto}table[data-v-fdd2349f]{border-collapse:collapse;width:100%;min-width:460px;font-size:13px}th[data-v-fdd2349f]{text-align:left;background:var(--paper-3);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:10px 14px;font-size:9.5px;font-weight:600}td[data-v-fdd2349f],th[data-v-fdd2349f]{border-bottom:1px solid var(--line)}td[data-v-fdd2349f]{color:var(--ink-2);vertical-align:top;padding:11px 14px}tbody tr:last-child td[data-v-fdd2349f]{border-bottom:0}tbody tr:hover td[data-v-fdd2349f]{background:color-mix(in srgb,var(--paper-3) 50%,transparent)}.steps[data-v-fdd2349f]{flex-direction:column;gap:0;margin-block:24px;display:flex}.steps li[data-v-fdd2349f]{gap:16px;padding-bottom:20px;display:flex;position:relative}.steps li[data-v-fdd2349f]:not(:last-child):before{content:"";background:var(--line-2);width:1px;position:absolute;top:32px;bottom:0;left:15px}.step-num[data-v-fdd2349f]{border:1px solid var(--line-2);background:var(--paper-2);width:31px;height:31px;font-family:var(--font-mono);color:var(--brand);z-index:1;border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.steps strong[data-v-fdd2349f]{color:var(--ink);margin-top:4px;font-size:14px;display:block}.steps p[data-v-fdd2349f]{color:var(--ink-3);margin-top:3px;font-size:13.5px}.keyterms[data-v-fdd2349f]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-block:24px;display:grid}.keyterm[data-v-fdd2349f]{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-2);padding:13px 14px}.keyterm dt[data-v-fdd2349f]{font-family:var(--font-mono);color:var(--brand);margin-bottom:4px;font-size:11px;font-weight:600}.keyterm dd[data-v-fdd2349f]{color:var(--ink-3);font-size:12.5px;line-height:1.5}@media (width<=640px){.lesson-content[data-v-fdd2349f]{font-size:15px}.content-h[data-v-fdd2349f]{margin-top:32px}}