@layer theme, base, components, utilities;@layer components.tb-tokens, components.tb-prose, components.tb-blocks, components.tb-shell, components.tb-states;@layer components.tb-tokens{.tl-catalog,.tl-lesson,.tl-overlay,.tutorial-mdx-body{color-scheme:light;--tb-font-latin:var(--font-geist),Inter,ui-sans-serif,system-ui,sans-serif;--tb-font-zh:"TL CJK Punct",var(--font-geist),"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Source Han Sans SC","Noto Sans CJK SC",sans-serif;--tb-font-text:var(--tb-font-latin);--tb-font-mono:var(--font-jetbrains-mono),ui-monospace,"SFMono-Regular",Consolas,monospace;--tb-font-mono-zh:var(--font-jetbrains-mono),ui-monospace,"SFMono-Regular",Consolas,"PingFang SC","Microsoft YaHei","Noto Sans SC",monospace;--tb-page:var(--background);--tb-surface:var(--card);--tb-surface-sunken:var(--muted);--tb-ink:var(--foreground);--tb-ink-2:#46423a;--tb-ink-muted:var(--muted-foreground);--tb-placeholder:var(--tb-ink-muted);--tb-border:var(--border);--tb-border-strong:#8a8273;--tb-focus:#2f5957;--tb-action:#8f3f2c;--tb-action-hover:#7a3424;--tb-action-ink:#fffefa;--tb-link:var(--tb-action);--tb-select:var(--tb-ink);--tb-select-fill:#f3eee2;--tb-select-glyph:#fffefc;--tb-check-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffefc' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--tb-go:#51613f;--tb-go-soft:#edf5eb;--tb-hold:#7a4a12;--tb-hold-soft:#f6e6c8;--tb-stop:#8f3f2c;--tb-stop-soft:#f8e6dd;--tb-info:#3f3a33;--tb-info-soft:#f3eadf;--tb-badge-bg:var(--tb-ink);--tb-badge-fg:#fffefc;--tb-badge-ring:var(--tb-badge-bg);--tb-mark-bg:#f4dfbd;--tb-mark-fg:#5f2f20;--tb-figure-edge:var(--tb-border);--tb-figure-filter:none;--tb-track:#e6e1d6;--tb-del-line:#b85c3e;--tb-heavy-rule:var(--tb-ink);--tb-em-key:var(--tb-ink);--tb-em-scope:var(--tb-ink);--tb-ground:var(--tb-page);--tb-sheet-bg:#fcf6ec;--tb-sheet-edge:#e6d9c6;--tb-hero-bg:#fbf4ea;--tb-accent:var(--tb-action);--tb-accent-soft:#f6e7dc;--tb-shadow-card:0 18px 48px rgb(71 45 24/0.07),0 2px 6px rgb(71 45 24/0.04);--tb-shadow-sheet:0 1px 2px rgb(71 45 24/0.05),0 10px 24px -14px rgb(71 45 24/0.16);--tb-glyph-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M8 1.8 14.2 8 8 14.2 1.8 8z'/%3E%3C/svg%3E");--tb-clay:var(--tb-stop);--tb-clay-soft:var(--tb-stop-soft);--tb-olive:var(--tb-go);--tb-olive-soft:var(--tb-go-soft);--tb-amber:var(--tb-hold);--tb-amber-soft:var(--tb-hold-soft);--tb-neutral:var(--tb-info);--tb-neutral-soft:var(--tb-info-soft)}html.dark :is(.tl-lesson,.tl-overlay,.tl-catalog,.tutorial-mdx-body){color-scheme:dark;--tb-ink-2:#cbd2dd;--tb-border-strong:#7d8ba3;--tb-focus:#7dd3fc;--tb-action:#7dd3fc;--tb-action-hover:#a5e1fd;--tb-action-ink:#0b1224;--tb-select-fill:#27303d;--tb-select-glyph:#0b1224;--tb-check-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1224' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--tb-go:#a7f3d0;--tb-go-soft:#123135;--tb-hold:#fde68a;--tb-hold-soft:#322d25;--tb-stop:#fda4af;--tb-stop-soft:#322030;--tb-info:#d7e2f0;--tb-info-soft:#242e3d;--tb-badge-bg:var(--tb-surface-sunken);--tb-badge-fg:var(--tb-ink);--tb-badge-ring:var(--tb-border-strong);--tb-mark-bg:#3c3928;--tb-mark-fg:#fef3c7;--tb-figure-edge:var(--tb-border-strong);--tb-figure-filter:brightness(0.92);--tb-track:#2b3546;--tb-del-line:#fda4af;--tb-heavy-rule:var(--tb-border-strong);--tb-sheet-bg:#0e1726;--tb-sheet-edge:var(--tb-border);--tb-hero-bg:#172234;--tb-accent-soft:#10283a;--tb-shadow-card:none;--tb-shadow-sheet:none}[data-tone=go]{--tb-tone:var(--tb-go);--tb-tone-soft:var(--tb-go-soft)}[data-tone=hold]{--tb-tone:var(--tb-hold);--tb-tone-soft:var(--tb-hold-soft)}[data-tone=stop]{--tb-tone:var(--tb-stop);--tb-tone-soft:var(--tb-stop-soft)}[data-tone=info]{--tb-tone:var(--tb-info);--tb-tone-soft:var(--tb-info-soft)}.tl-lesson:lang(en){--tb-measure:35rem}.tl-lesson:lang(zh){--tb-measure:47.5rem;--tb-font-mono:var(--tb-font-mono-zh)}}@layer theme, base, components, utilities;@layer components.tb-tokens, components.tb-prose, components.tb-blocks, components.tb-shell, components.tb-states;@layer components.tb-shell{.tl-catalog{container:tl-catalog/inline-size;color:var(--tb-ink);--tl-catalog-clearance:72px}.tl-catalog:lang(zh){font-family:var(--tb-font-zh);text-autospace:normal;line-break:strict}.tl-catalog:lang(en){font-family:var(--tb-font-text)}.tl-catalog__inner{inline-size:min(100%,76rem);margin-inline:auto;padding-inline:2rem;padding-block-end:4rem}@container tl-catalog (max-width: 39.999rem){.tl-catalog__inner{padding-inline:1rem;--tl-catalog-clearance:64px}}.tl-catalog__hero{max-inline-size:48rem;padding-block-start:var(--tl-catalog-clearance)}.tl-catalog__crumb{margin:0 0 .5rem;font-size:.875rem;line-height:1.5;color:var(--tb-ink-muted)}.tl-catalog__crumb a{color:var(--tb-ink-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.tl-catalog__eyebrow{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:var(--tb-ink-2)}.tl-catalog__title{max-inline-size:22em;margin:0;font-size:2.125rem;font-weight:700;line-height:1.3;color:var(--tb-ink);text-wrap:balance}.tl-catalog__title:lang(en){line-height:1.2;letter-spacing:-.01em}.tl-catalog__title:lang(zh){word-break:keep-all;overflow-wrap:break-word}.tl-catalog__lede{max-inline-size:40em;margin:1rem 0 0;font-size:1.1875rem;line-height:1.7;color:var(--tb-ink-2);text-wrap:pretty}.tl-catalog__lede:lang(en){max-inline-size:36em;line-height:1.55}@container tl-catalog (max-width: 39.999rem){.tl-catalog__title{font-size:1.6875rem;line-height:1.35}.tl-catalog__title:lang(en){font-size:1.625rem;line-height:1.2}.tl-catalog__lede{font-size:1.0625rem}}.tl-catalog__facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.tl-catalog__chip,.tl-catalog__fact{display:inline-flex;align-items:center;gap:4px;min-block-size:24px;padding:2px 6px;border-radius:4px;background:var(--tb-surface-sunken);color:var(--tb-ink);font-size:.8125rem;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums lining-nums}.tl-catalog__fact{min-block-size:28px;padding-inline:8px}.tl-catalog__chip .tb-ui-icon,.tl-catalog__fact .tb-ui-icon{inline-size:12px;block-size:12px;flex:none}.tl-catalog__counts{margin:.75rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--tb-ink-2);font-variant-numeric:tabular-nums lining-nums}.tl-catalog__actions,.tl-catalog__share{margin-block-start:1.25rem}.tl-catalog__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.tl-catalog__actions>.tl-catalog__share{flex:none;margin:0}.tl-catalog__actions>.tl-catalog__continue{flex:1 1 18rem;min-inline-size:0;margin:0}.tl-catalog__stats{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:1.25rem 0 0}.tl-catalog__stat{display:flex;flex-direction:column-reverse;margin:0}.tl-catalog__stat-value{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--tb-ink);font-variant-numeric:tabular-nums lining-nums}.tl-catalog__stat-label{font-size:.8125rem;line-height:1.4;color:var(--tb-ink-muted)}.tl-catalog__continue{display:flex;align-items:center;block-size:2.75rem;margin-block:1.25rem 0;overflow:hidden}.tl-catalog__continue-link{display:inline-flex;align-items:center;gap:.5rem;box-sizing:border-box;max-inline-size:100%;block-size:2.75rem;padding-inline:1rem .75rem;border:1px solid var(--tb-border-strong);border-radius:6px;background:var(--tb-surface);color:var(--tb-ink);font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}.tl-catalog__continue-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.tl-catalog__continue-link .tb-ui-icon{flex:none;inline-size:14px;block-size:14px}.tl-catalog__section{margin-block-start:3rem}.tl-catalog__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;margin-block-end:1.25rem}.tl-catalog__head>:first-child{max-inline-size:48rem}.tl-catalog__heading{margin:0;font-size:1.375rem;font-weight:700;line-height:1.35;color:var(--tb-ink);text-wrap:balance}.tl-catalog__intro{max-inline-size:42em;margin:.5rem 0 0;font-size:.9375rem;line-height:1.65;color:var(--tb-ink-2)}.tl-catalog__note{margin:0;font-size:.875rem;line-height:1.5;color:var(--tb-ink-2);font-variant-numeric:tabular-nums lining-nums}.tl-catalog__lessons{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--tb-border)}.tl-catalog__lesson{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1.25rem;column-gap:.75rem;padding:1rem .5rem;border-block-end:1px solid var(--tb-border)}.tl-catalog__num{padding-block-start:.125rem;font-size:.9375rem;font-weight:700;line-height:1.5;color:var(--tb-ink-muted);font-variant-numeric:tabular-nums lining-nums}.tl-catalog .tl-link{display:grid;gap:6px;min-inline-size:0}.tl-catalog .tl-link__top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tl-catalog .tl-link__title{font-size:1.0625rem;font-weight:700;line-height:1.45;color:var(--tb-ink);text-decoration:underline;text-decoration-color:var(--tb-border-strong);text-decoration-thickness:1px;text-underline-offset:.2em}.tl-catalog .tl-link__title:lang(zh){word-break:keep-all;overflow-wrap:break-word}.tl-catalog__lesson .tl-link__title:after{content:"";position:absolute;inset:0}.tl-catalog .tl-link__time{font-size:.8125rem;line-height:1.4;color:var(--tb-ink-muted);font-variant-numeric:tabular-nums lining-nums}.tl-catalog .tl-link__reason{margin:0;font-size:.9375rem;line-height:1.6;color:var(--tb-ink-2)}.tl-catalog__lead{font-weight:600;color:var(--tb-ink)}.tl-catalog__handoff{margin:0;font-size:.875rem;line-height:1.55;color:var(--tb-ink-muted)}.tl-catalog__marks{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:.8125rem;line-height:1.5;color:var(--tb-ink-2);font-variant-numeric:tabular-nums lining-nums}.tl-catalog__mark{display:inline-flex;align-items:center;gap:4px}.tl-catalog__mark .tb-ui-icon{inline-size:12px;block-size:12px;flex:none}.tl-catalog__done{display:flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;margin-block-start:.125rem;color:var(--tb-ink)}.tl-catalog__done .tb-ui-icon{inline-size:16px;block-size:16px}.tl-catalog__empty{margin:0;padding:2rem 1rem;border:1px dashed var(--tb-border-strong);border-radius:10px;color:var(--tb-ink-2);text-align:center}.tl-catalog__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.tl-catalog__clear,.tl-catalog__tag{display:inline-flex;align-items:center;min-block-size:2.25rem;padding:0 .75rem;border:1px solid var(--tb-border-strong);border-radius:6px;background:var(--tb-surface);color:var(--tb-ink);font:inherit;font-size:.875rem;font-weight:500;line-height:1.3;cursor:pointer}.tl-catalog__tag[aria-pressed=true]{border-color:var(--tb-select);box-shadow:inset 0 0 0 1px var(--tb-select);background:var(--tb-select-fill);font-weight:700}.tl-catalog__card .tl-catalog__facts{margin:0}.tl-catalog__card .tl-catalog__tag{min-block-size:2rem;padding-inline:.625rem;font-size:.8125rem}.tl-catalog__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-block-start:1.5rem}@container tl-catalog (min-width: 44rem){.tl-catalog__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}.tl-catalog__card{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0;padding:1.25rem;border:1px solid var(--tb-border);border-radius:10px;background:var(--tb-surface)}.tl-catalog__card-title{margin:0;font-size:1.1875rem;font-weight:700;line-height:1.4}.tl-catalog__card-title a{color:var(--tb-ink);text-decoration:underline;text-decoration-color:var(--tb-border-strong);text-decoration-thickness:1px;text-underline-offset:.2em}.tl-catalog__card-title:lang(zh){word-break:keep-all;overflow-wrap:break-word}.tl-catalog__card-text{margin:0;font-size:.9375rem;line-height:1.65;color:var(--tb-ink-2)}.tl-catalog__meta{margin:0;font-size:.875rem;line-height:1.5;color:var(--tb-ink-2);font-variant-numeric:tabular-nums lining-nums}.tl-catalog__start{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;min-block-size:2.75rem;margin-block-start:auto;color:var(--tb-link);font-weight:600;text-decoration:underline;text-underline-offset:.2em}.tl-catalog__tracks{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}@container tl-catalog (min-width: 44rem){.tl-catalog__tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@container tl-catalog (min-width: 72rem){.tl-catalog__tracks{grid-template-columns:repeat(4,minmax(0,1fr))}}.tl-catalog__track{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0;padding:1rem;border:1px solid var(--tb-border);border-radius:10px;background:var(--tb-surface);color:var(--tb-ink);text-decoration:none}.tl-catalog__track-title{margin:0;font-size:1rem;font-weight:700;line-height:1.45;color:var(--tb-ink)}.tl-catalog__track-text{margin:0;font-size:.875rem;line-height:1.65;color:var(--tb-ink-2)}.tl-catalog__go{margin-block-start:auto;padding-block-start:.25rem;color:var(--tb-link);font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em}.tl-catalog__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}@container tl-catalog (min-width: 44rem){.tl-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container tl-catalog (min-width: 60rem){.tl-catalog__grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-catalog__panel{display:flex;flex-direction:column;gap:.5rem;min-inline-size:0;margin:0;padding:1rem 1.125rem;border:1px solid var(--tb-border);border-radius:10px;background:var(--tb-surface);color:var(--tb-ink)}.tl-catalog__panel[data-tone=sunken]{border-color:transparent;background:var(--tb-surface-sunken)}.tl-catalog__label{margin:0;font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--tb-ink-2)}.tl-catalog__panel-title{margin:0;font-size:1rem;font-weight:700;line-height:1.45;color:var(--tb-ink)}.tl-catalog__text{margin:0;font-size:.9375rem;line-height:1.65;color:var(--tb-ink-2)}.tl-catalog__text strong{font-weight:700;color:var(--tb-ink)}.tl-catalog__list{display:grid;gap:.375rem;margin:0;padding-inline-start:1.25rem;font-size:.9375rem;line-height:1.6;color:var(--tb-ink-2)}.tl-catalog__pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.tl-catalog__pill{display:inline-flex;align-items:center;min-block-size:2rem;padding:.25rem .625rem;border:1px solid var(--tb-border-strong);border-radius:6px;color:var(--tb-ink);font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none}.tl-catalog__dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums lining-nums}.tl-catalog__dates dt{color:var(--tb-ink-muted);font-size:.8125rem}.tl-catalog__dates dd{margin:0;color:var(--tb-ink)}.tl-catalog__details{margin-block-start:1rem;padding:0 1.125rem;border:1px solid var(--tb-border);border-radius:10px;background:var(--tb-surface)}.tl-catalog__summary{padding-block:.75rem;color:var(--tb-ink);font-weight:600;line-height:1.45;cursor:pointer}.tl-catalog__details>:not(.tl-catalog__summary){margin-block-end:1rem}.tl-catalog__details>.tl-catalog__summary+*{padding-block-start:.75rem;border-block-start:1px solid var(--tb-border)}.tl-catalog__link{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;margin-block-start:auto;padding-block-start:.25rem;color:var(--tb-link);font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em}.tl-catalog__figure{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:center}@container tl-catalog (min-width: 60rem){.tl-catalog__figure{grid-template-columns:minmax(0,1fr) 20rem}}.tl-catalog__image{margin:0;overflow:hidden;border:1px solid var(--tb-border);border-radius:10px;background:var(--tb-surface-sunken)}.tl-catalog__image img{display:block;inline-size:100%;block-size:auto}.tl-catalog__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1.5rem;border:1px solid var(--tb-border);border-radius:12px;background:var(--tb-surface)}.tl-catalog__button{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding:0 1.25rem;border-radius:6px;background:var(--tb-action);color:var(--tb-action-ink);font-weight:600;text-decoration:none}.tl-catalog :is(a,button,summary):focus-visible{outline:2px solid var(--tb-focus);outline-offset:2px}@media (hover:hover){.tl-catalog__lesson:has(.tl-link__title:hover){background-color:var(--tb-surface-sunken)}.tl-catalog .tl-link__title:hover,.tl-catalog__card-title a:hover{text-decoration-color:currentColor}.tl-catalog__track:hover,:is(.tl-catalog__tag,.tl-catalog__clear,.tl-catalog__pill):hover{background-color:var(--tb-surface-sunken)}:is(.tl-catalog__go,.tl-catalog__link,.tl-catalog__start):hover{color:var(--tb-action-hover)}.tl-catalog__button:hover{background:var(--tb-action-hover)}}@media (forced-colors:active){.tl-catalog__tag[aria-pressed=true]{border-width:2px;border-color:Highlight}}@media print{.tl-catalog__continue,.tl-catalog__share{display:none}}}