:root,[data-palette=green]{--brand-navy:#17324d;--brand-vermilion:#c44232;--brand-gold:#d8a94a;--brand-jade:#3f8075;--brand-blue:#4f78c8;--brand-paper:#f7f1e6;--brand-ink:#1f2926;--brand-gray:#727a75;--background:#f7f1e6!important;--foreground:#1f2926!important;--card:#fffcf6!important;--card-foreground:#1f2926!important;--popover:#fffcf6!important;--popover-foreground:#1f2926!important;--primary:#17324d!important;--primary-foreground:#fffdf8!important;--secondary:#e9e2d5!important;--secondary-foreground:#17324d!important;--accent:#c44232!important;--accent-foreground:#fffdf8!important;--muted:#eee8dc!important;--muted-foreground:#727a75!important;--destructive:#b83a32!important;--destructive-foreground:#fffdf8!important;--success:#3f8075!important;--success-foreground:#fffdf8!important;--warning:#d8a94a!important;--warning-foreground:#382e18!important;--gold:#d8a94a!important;--gold-foreground:#382e18!important;--vermilion:#c44232!important;--vermilion-foreground:#fffdf8!important;--teal:#3f8075!important;--teal-foreground:#fffdf8!important;--plum:#76556d!important;--plum-foreground:#fffdf8!important;--ink:#17324d!important;--ink-foreground:#fffdf8!important;--border:#d9d1c2!important;--input:#d9d1c2!important;--ring:#c44232!important;--chart-1:#c44232!important;--chart-2:#3f8075!important;--chart-3:#4f78c8!important;--chart-4:#d8a94a!important;--chart-5:#76556d!important;--sidebar:#17324d!important;--sidebar-foreground:#f7f1e6!important;--sidebar-primary:#c44232!important;--sidebar-primary-foreground:#fffdf8!important;--sidebar-accent:#244763!important;--sidebar-accent-foreground:#fffdf8!important;--sidebar-border:#35556d!important;--sidebar-ring:#d8a94a!important}.dark,.dark[data-palette=green]{--background:#0e1d2b!important;--foreground:#f3eee5!important;--card:#14283a!important;--card-foreground:#f3eee5!important;--popover:#14283a!important;--popover-foreground:#f3eee5!important;--primary:#e5edf4!important;--primary-foreground:#10283a!important;--secondary:#1d374b!important;--secondary-foreground:#f3eee5!important;--accent:#e26555!important;--accent-foreground:#1b1715!important;--muted:#1b3346!important;--muted-foreground:#aab5b2!important;--success:#69a99e!important;--success-foreground:#0e1d2b!important;--warning:#e4be69!important;--warning-foreground:#251e10!important;--gold:#e4be69!important;--gold-foreground:#251e10!important;--vermilion:#e26555!important;--vermilion-foreground:#1b1715!important;--teal:#69a99e!important;--teal-foreground:#0e1d2b!important;--ink:#e5edf4!important;--ink-foreground:#10283a!important;--border:#e5edf429!important;--input:#e5edf433!important;--ring:#e26555!important;--chart-1:#e26555!important;--chart-2:#69a99e!important;--chart-3:#7d9fe2!important;--chart-4:#e4be69!important;--chart-5:#ad84a1!important;--sidebar:#0a1824!important;--sidebar-foreground:#f3eee5!important;--sidebar-primary:#e26555!important;--sidebar-primary-foreground:#1b1715!important;--sidebar-accent:#173247!important;--sidebar-accent-foreground:#f3eee5!important;--sidebar-border:#e5edf421!important;--sidebar-ring:#e4be69!important}body{background-color:var(--background);background-image:radial-gradient(circle at 8% 3%, color-mix(in srgb, var(--brand-vermilion,#c44232) 7%, transparent), transparent 27rem), radial-gradient(circle at 91% 7%, color-mix(in srgb, var(--brand-gold,#d8a94a) 10%, transparent), transparent 31rem), radial-gradient(circle at 84% 88%, color-mix(in srgb, var(--brand-jade,#3f8075) 7%, transparent), transparent 30rem), radial-gradient(circle at 13% 90%, color-mix(in srgb, var(--brand-blue,#4f78c8) 5%, transparent), transparent 28rem)}.text-success{color:var(--success)!important}.text-warning{color:#a9791f!important}.dark .text-warning{color:var(--warning)!important}::selection{background:color-mix(in srgb, var(--brand-gold,#d8a94a) 42%, transparent);color:var(--foreground)}:focus-visible{outline-color:var(--ring)}.lesson-viewer>main{position:relative}.lesson-viewer>main:before{content:"";background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--brand-navy,#17324d) 18%, var(--border)) 8%, color-mix(in srgb, var(--brand-navy,#17324d) 18%, var(--border)) 92%, transparent);pointer-events:none;width:1px;position:absolute;top:12.5rem;bottom:3rem;left:-1.05rem}.lesson-viewer>main>header{border-color:color-mix(in srgb, var(--brand-navy,#17324d) 14%, var(--border));background:linear-gradient(115deg, color-mix(in srgb, var(--card) 97%, var(--brand-navy,#17324d) 3%) 0 64%, color-mix(in srgb, var(--card) 94%, var(--brand-navy,#17324d) 6%) 64% 100%);position:relative;box-shadow:0 1px 2px #17324d0d,0 18px 42px -34px #17324d6b}.lesson-viewer>main>header:before{content:"";background:linear-gradient(to bottom, var(--brand-navy,#17324d) 0 72%, var(--brand-vermilion,#c44232) 72% 100%);opacity:.9;width:3px;position:absolute;inset:0 auto 0 0}.lesson-viewer>main>header:after{content:"江之学堂 · DIGITAL LESSON";max-width:12rem;color:color-mix(in srgb, var(--brand-navy,#17324d) 45%, transparent);letter-spacing:.16em;text-align:right;font-size:.58rem;font-weight:800;position:absolute;top:1.15rem;right:1.4rem}.lesson-viewer>main>header .han.text-3xl,.lesson-viewer>main>header .han.text-4xl{max-width:19ch;color:var(--brand-navy,#17324d)}.dark .lesson-viewer>main>header .han.text-3xl,.dark .lesson-viewer>main>header .han.text-4xl{color:var(--foreground)}.lesson-viewer>main>header ul{gap:.6rem!important}.lesson-viewer>main>header ul>li{border:1px solid color-mix(in srgb, var(--brand-navy,#17324d) 10%, var(--border));background:color-mix(in srgb, var(--card) 96%, var(--brand-navy,#17324d) 4%);border-radius:.85rem;min-height:3.25rem;padding:.75rem .85rem}.lesson-viewer #content-h{color:var(--foreground);letter-spacing:-.015em}.lesson-viewer section[aria-labelledby=content-h]>div:first-child{z-index:12;border:1px solid color-mix(in srgb, var(--brand-navy,#17324d) 11%, var(--border));background:color-mix(in srgb, var(--background) 88%, var(--card) 12%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.9rem;margin-inline:-.15rem;padding:.7rem .9rem;position:sticky;top:.5rem;box-shadow:0 10px 28px -28px #17324db3}.lesson-viewer section[aria-labelledby=content-h]>div:last-child{counter-reset:lesson-block;gap:1.15rem;position:relative}.lesson-viewer section[aria-labelledby=content-h] .surface-card{border-color:color-mix(in srgb, var(--brand-navy,#17324d) 11%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--card) 97%, white 3%), var(--card));border-radius:1.15rem;position:relative;overflow:hidden;box-shadow:0 8px 26px -26px #17324d99}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>.surface-card{counter-increment:lesson-block}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>.surface-card:not(:has(audio)):not(:has(>.han.text-xl.font-semibold)):before{content:counter(lesson-block, decimal-leading-zero);color:color-mix(in srgb, var(--brand-navy,#17324d) 23%, transparent);letter-spacing:.06em;font-size:.62rem;font-weight:800;position:absolute;top:.7rem;right:.8rem}.lesson-viewer section[aria-labelledby=content-h] .surface-card>h4:first-child{color:var(--brand-navy,#17324d);letter-spacing:-.01em;font-weight:650}.dark .lesson-viewer section[aria-labelledby=content-h] .surface-card>h4:first-child{color:var(--foreground)}.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(>.han.text-xl.font-semibold){background:linear-gradient(90deg, color-mix(in srgb, var(--brand-navy,#17324d) 5%, transparent), transparent 34%), var(--card);padding-left:1.6rem}.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(>.han.text-xl.font-semibold):before{content:"语言点 · Ngữ pháp";width:max-content;color:color-mix(in srgb, var(--brand-navy,#17324d) 78%, var(--muted-foreground));letter-spacing:.11em;text-transform:uppercase;margin-bottom:.7rem;font-size:.66rem;font-weight:750;line-height:1;display:block}.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(>.han.text-xl.font-semibold):after{content:"";background:var(--brand-navy,#17324d);opacity:.75;border-radius:999px;width:3px;position:absolute;inset:1.1rem auto 1.1rem 0}.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(audio){border-color:color-mix(in srgb, var(--brand-navy,#17324d) 18%, var(--border));background:color-mix(in srgb, var(--card) 94%, var(--brand-navy,#17324d) 6%)}.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(audio):before{content:"听力 · AUDIO";width:max-content;color:color-mix(in srgb, var(--brand-navy,#17324d) 78%, var(--muted-foreground));letter-spacing:.12em;margin-bottom:.65rem;font-size:.65rem;font-weight:750;line-height:1;display:block}.lesson-viewer section[aria-labelledby=content-h] audio{width:100%;min-height:42px;accent-color:var(--brand-navy,#17324d);opacity:.94}.lesson-viewer section[aria-labelledby=content-h] table thead{background:color-mix(in srgb, var(--brand-navy,#17324d) 5%, transparent)}.lesson-viewer section[aria-labelledby=content-h] table th{color:color-mix(in srgb, var(--brand-navy,#17324d) 76%, var(--muted-foreground));letter-spacing:.055em}.lesson-viewer section[aria-labelledby=content-h] table tbody tr{transition:background-color .15s}.lesson-viewer section[aria-labelledby=content-h] table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--brand-navy,#17324d) 1.7%, transparent)}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>div.rounded-xl.border-accent\/40{border-color:color-mix(in srgb, var(--brand-vermilion,#c44232) 24%, var(--border));background:color-mix(in srgb, var(--card) 96%, var(--brand-vermilion,#c44232) 4%);box-shadow:none;border-width:1px 1px 1px 3px;margin-left:.4rem;position:relative}@media (hover:hover) and (pointer:fine){.lesson-viewer section[aria-labelledby=content-h] table tbody tr:hover{background:color-mix(in srgb, var(--brand-navy,#17324d) 3.5%, transparent)}.lesson-viewer section[aria-labelledby=content-h] .surface-card:hover{border-color:color-mix(in srgb, var(--brand-navy,#17324d) 18%, var(--border));box-shadow:0 16px 38px -34px #17324d9e}}@keyframes lesson-academic-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>*{animation:.18s cubic-bezier(.22,.61,.36,1) both lesson-academic-rise}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>:nth-child(2){animation-delay:20ms}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>:nth-child(3){animation-delay:40ms}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>:nth-child(4){animation-delay:60ms}.lesson-viewer section[aria-labelledby=content-h]>div:last-child>:nth-child(n+5){animation-delay:70ms}@media (width<=1279px){.lesson-viewer>main>header{border-radius:1.35rem}.lesson-viewer>main>header:after,.lesson-viewer>main:before{display:none}.lesson-viewer section[aria-labelledby=content-h] .surface-card{border-radius:1rem}.lesson-viewer section[aria-labelledby=content-h]>div:first-child{-webkit-backdrop-filter:none;backdrop-filter:none;position:static}}@media (width<=640px){.lesson-viewer section[aria-labelledby=content-h] .surface-card:has(>.han.text-xl.font-semibold){padding-left:1.1rem}}@media (prefers-reduced-motion:reduce){.lesson-viewer section[aria-labelledby=content-h]>div:last-child>*{animation:none!important}.lesson-viewer section[aria-labelledby=content-h] table tbody tr{transition-duration:.01ms!important}}:root{--primary:oklch(35% .105 155);--primary-foreground:oklch(99% .004 90);--secondary:oklch(94% .028 150);--secondary-foreground:oklch(29% .075 155);--accent:oklch(46% .145 155);--accent-foreground:oklch(99% .004 90);--muted:oklch(95.5% .018 145);--muted-foreground:oklch(44% .038 155);--border:oklch(86.5% .025 145);--input:oklch(86.5% .025 145);--ring:oklch(46% .145 155);--chart-1:oklch(48% .145 155);--chart-2:oklch(56% .11 205);--chart-3:oklch(72% .14 78);--chart-4:oklch(59% .17 30);--chart-5:oklch(53% .12 320)}.dark{--primary:oklch(84% .055 150);--primary-foreground:oklch(17% .035 158);--secondary:oklch(29% .05 155);--secondary-foreground:oklch(94% .016 90);--accent:oklch(72% .12 150);--accent-foreground:oklch(16% .035 158);--muted:oklch(27% .038 155);--muted-foreground:oklch(76% .026 150);--border:oklch(48% .035 155/.48);--input:oklch(52% .04 155/.55);--ring:oklch(72% .12 150)}[data-palette=navy]{--background:oklch(98.2% .009 250);--card:oklch(99.6% .005 250);--card-foreground:oklch(23.5% .045 258);--popover:oklch(99.6% .005 250);--popover-foreground:oklch(23.5% .045 258);--foreground:oklch(23.5% .045 258);--primary:oklch(34% .105 258);--primary-foreground:oklch(99% .003 250);--secondary:oklch(93% .038 255);--secondary-foreground:oklch(28.5% .1 258);--accent:oklch(45.5% .17 255);--accent-foreground:oklch(99% .003 250);--muted:oklch(95% .02 250);--muted-foreground:oklch(45% .045 258);--border:oklch(86% .035 252);--input:oklch(86% .035 252);--ring:oklch(45.5% .17 255);--gold:oklch(73% .145 80);--vermilion:oklch(59% .18 30);--teal:oklch(57% .115 195);--plum:oklch(54% .125 315);--chart-1:oklch(45.5% .17 255);--chart-2:oklch(57% .115 195);--chart-3:oklch(73% .145 80);--chart-4:oklch(59% .18 30);--chart-5:oklch(54% .125 315)}.dark[data-palette=navy]{--background:oklch(17% .035 258);--card:oklch(21.5% .045 258);--card-foreground:oklch(95% .015 250);--popover:oklch(21.5% .045 258);--popover-foreground:oklch(95% .015 250);--foreground:oklch(95% .015 250);--primary:oklch(82% .085 252);--primary-foreground:oklch(16% .045 258);--secondary:oklch(29% .055 258);--secondary-foreground:oklch(94% .018 250);--accent:oklch(72% .125 250);--accent-foreground:oklch(15% .045 258);--muted:oklch(27% .042 258);--muted-foreground:oklch(76% .03 250);--border:oklch(52% .045 255/.45);--input:oklch(56% .05 255/.52)}[data-palette=crimson]{--background:oklch(98.3% .011 35);--card:oklch(99.6% .006 38);--card-foreground:oklch(24.5% .05 25);--popover:oklch(99.6% .006 38);--popover-foreground:oklch(24.5% .05 25);--foreground:oklch(24.5% .05 25);--primary:oklch(38% .145 25);--primary-foreground:oklch(99% .004 40);--secondary:oklch(94% .035 35);--secondary-foreground:oklch(34% .13 25);--accent:oklch(47% .205 28);--accent-foreground:oklch(99% .004 40);--muted:oklch(95.2% .022 35);--muted-foreground:oklch(46% .05 25);--border:oklch(86.5% .036 35);--input:oklch(86.5% .036 35);--ring:oklch(47% .205 28);--gold:oklch(74% .15 78);--vermilion:oklch(54% .205 28);--teal:oklch(53% .12 190);--plum:oklch(55% .13 335);--chart-1:oklch(52% .2 28);--chart-2:oklch(74% .15 78);--chart-3:oklch(53% .12 190);--chart-4:oklch(55% .13 335);--chart-5:oklch(47% .12 300)}.dark[data-palette=crimson]{--background:oklch(17% .035 25);--card:oklch(21.5% .045 25);--card-foreground:oklch(95% .014 40);--popover:oklch(21.5% .045 25);--popover-foreground:oklch(95% .014 40);--foreground:oklch(95% .014 40);--primary:oklch(83% .09 28);--primary-foreground:oklch(16% .05 25);--secondary:oklch(29% .055 25);--secondary-foreground:oklch(95% .014 40);--accent:oklch(72% .145 30);--accent-foreground:oklch(15% .045 25);--muted:oklch(27% .045 25);--muted-foreground:oklch(77% .03 35);--border:oklch(53% .05 28/.46);--input:oklch(56% .055 28/.54)}[data-palette=teal]{--background:oklch(98.3% .01 195);--card:oklch(99.6% .006 195);--card-foreground:oklch(23.5% .045 205);--popover:oklch(99.6% .006 195);--popover-foreground:oklch(23.5% .045 205);--foreground:oklch(23.5% .045 205);--primary:oklch(34% .09 205);--primary-foreground:oklch(99% .003 195);--secondary:oklch(93% .035 195);--secondary-foreground:oklch(29% .085 205);--accent:oklch(44% .13 198);--accent-foreground:oklch(99% .003 195);--muted:oklch(95.2% .021 195);--muted-foreground:oklch(45% .042 205);--border:oklch(86% .034 195);--input:oklch(86% .034 195);--ring:oklch(44% .13 198);--gold:oklch(74% .145 78);--vermilion:oklch(60% .17 32);--teal:oklch(52% .13 198);--plum:oklch(52% .13 285);--chart-1:oklch(48% .13 198);--chart-2:oklch(60% .17 32);--chart-3:oklch(74% .145 78);--chart-4:oklch(52% .13 285);--chart-5:oklch(56% .1 155)}.dark[data-palette=teal]{--background:oklch(17% .034 205);--card:oklch(21.5% .044 205);--card-foreground:oklch(95% .014 195);--popover:oklch(21.5% .044 205);--popover-foreground:oklch(95% .014 195);--foreground:oklch(95% .014 195);--primary:oklch(82% .075 195);--primary-foreground:oklch(15% .045 205);--secondary:oklch(29% .052 205);--secondary-foreground:oklch(95% .014 195);--accent:oklch(72% .105 195);--accent-foreground:oklch(15% .04 205);--muted:oklch(27% .042 205);--muted-foreground:oklch(77% .028 195);--border:oklch(53% .045 200/.46);--input:oklch(56% .05 200/.54)}[data-palette=plum]{--background:oklch(98.3% .01 320);--card:oklch(99.6% .006 320);--card-foreground:oklch(24.5% .05 320);--popover:oklch(99.6% .006 320);--popover-foreground:oklch(24.5% .05 320);--foreground:oklch(24.5% .05 320);--primary:oklch(35% .115 320);--primary-foreground:oklch(99% .004 320);--secondary:oklch(94% .034 320);--secondary-foreground:oklch(31% .1 320);--accent:oklch(45% .155 325);--accent-foreground:oklch(99% .004 320);--muted:oklch(95.2% .021 320);--muted-foreground:oklch(46% .045 320);--border:oklch(86.5% .034 320);--input:oklch(86.5% .034 320);--ring:oklch(45% .155 325);--gold:oklch(74% .145 78);--vermilion:oklch(60% .16 20);--teal:oklch(54% .12 190);--plum:oklch(52% .15 325);--chart-1:oklch(50% .15 325);--chart-2:oklch(54% .12 190);--chart-3:oklch(74% .145 78);--chart-4:oklch(60% .16 20);--chart-5:oklch(51% .13 275)}.dark[data-palette=plum]{--background:oklch(17% .035 320);--card:oklch(21.5% .045 320);--card-foreground:oklch(95% .014 320);--popover:oklch(21.5% .045 320);--popover-foreground:oklch(95% .014 320);--foreground:oklch(95% .014 320);--primary:oklch(83% .085 320);--primary-foreground:oklch(16% .05 320);--secondary:oklch(29% .055 320);--secondary-foreground:oklch(95% .014 320);--accent:oklch(72% .12 325);--accent-foreground:oklch(15% .045 320);--muted:oklch(27% .045 320);--muted-foreground:oklch(77% .03 320);--border:oklch(53% .05 322/.46);--input:oklch(56% .055 322/.54)}[data-palette=amber]{--background:oklch(98.4% .014 82);--card:oklch(99.6% .008 82);--card-foreground:oklch(25% .045 70);--popover:oklch(99.6% .008 82);--popover-foreground:oklch(25% .045 70);--foreground:oklch(25% .045 70);--primary:oklch(37% .1 66);--primary-foreground:oklch(99% .004 85);--secondary:oklch(93.5% .045 80);--secondary-foreground:oklch(33% .095 66);--accent:oklch(47% .135 62);--accent-foreground:oklch(99% .004 85);--muted:oklch(95% .028 82);--muted-foreground:oklch(45% .048 68);--border:oklch(85.5% .045 80);--input:oklch(85.5% .045 80);--ring:oklch(47% .135 62);--gold:oklch(70% .15 74);--vermilion:oklch(59% .17 28);--teal:oklch(52% .11 195);--plum:oklch(47% .11 265);--chart-1:oklch(58% .15 70);--chart-2:oklch(47% .11 265);--chart-3:oklch(52% .11 195);--chart-4:oklch(59% .17 28);--chart-5:oklch(52% .12 320)}.dark[data-palette=amber]{--background:oklch(17% .03 70);--card:oklch(21.5% .04 70);--card-foreground:oklch(95% .015 82);--popover:oklch(21.5% .04 70);--popover-foreground:oklch(95% .015 82);--foreground:oklch(95% .015 82);--primary:oklch(84% .095 72);--primary-foreground:oklch(16% .04 68);--secondary:oklch(29% .05 70);--secondary-foreground:oklch(95% .015 82);--accent:oklch(74% .12 72);--accent-foreground:oklch(16% .04 68);--muted:oklch(27% .04 70);--muted-foreground:oklch(78% .03 78);--border:oklch(54% .05 72/.46);--input:oklch(57% .055 72/.54)}body{background-image:radial-gradient(circle at 8% 0%, color-mix(in oklab, var(--accent) 6%, transparent), transparent 30rem), radial-gradient(circle at 94% 16%, color-mix(in oklab, var(--gold) 7%, transparent), transparent 34rem);background-attachment:fixed}button,[role=button],[role=tab],[role=menuitem]{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}