body:has(section[class*="rounded-[2rem]"]){--jx-course-ink:var(--brand-navy,#17324d);--jx-course-seal:var(--brand-vermilion,#c44232);--jx-course-gold:var(--brand-gold,#d8a94a)}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]{isolation:isolate;border-color:color-mix(in srgb, var(--jx-course-ink) 14%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--card) 98%, var(--jx-course-gold) 2%), var(--card));box-shadow:0 1px 0 color-mix(in srgb, var(--jx-course-ink) 8%, transparent), 0 26px 60px -42px color-mix(in srgb, var(--jx-course-ink) 45%, transparent);position:relative;overflow:clip}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]:after{content:"江";z-index:-1;color:color-mix(in srgb, var(--jx-course-ink) 4.5%, transparent);font-family:var(--font-han);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,17vw,15rem);font-weight:700;line-height:.72;position:absolute;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,5vw,4rem);transform:rotate(-5deg)}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:first-child{height:clamp(12rem,24vw,18rem);min-height:12rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:first-child:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 82% 22%,#fff3,#0000 26%),linear-gradient(105deg,#040c14b3 0%,#040c1452 45%,#040c140d 76%);position:absolute;inset:0}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:first-child:after{content:"课程 · COURSE";z-index:3;color:#ffffffe6;letter-spacing:.16em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a121c38;border:1px solid #ffffff3d;border-radius:999px;padding:.38rem .72rem;font-size:.62rem;font-weight:700;position:absolute;top:1.1rem;right:1.2rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:nth-child(2){z-index:3;background:linear-gradient(180deg, color-mix(in srgb, var(--card) 97%, transparent), var(--card));position:relative}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] h2.han{max-width:18ch;color:color-mix(in srgb, var(--foreground) 88%, var(--jx-course-ink));text-wrap:balance;font-size:clamp(2rem,4.6vw,3.55rem);line-height:1.12}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] h2.han:after{content:"";background:linear-gradient(90deg, var(--jx-course-seal) 0 30%, var(--jx-course-ink) 30% 100%);border-radius:999px;width:4.2rem;height:3px;margin-top:.7rem;display:block}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] [class*=sm\:grid-cols-2]>div[class*=rounded-2xl]{border-color:color-mix(in srgb, var(--jx-course-ink) 10%, var(--border));background:color-mix(in srgb, var(--card) 96%, var(--jx-course-gold) 4%);transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] [class*=sm\:grid-cols-2]>div[class*=rounded-2xl]:before{content:"";background:color-mix(in srgb, var(--jx-course-seal) 60%, transparent);width:2px;position:absolute;inset:0 auto 0 0}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] [class*=sm\:grid-cols-2]>div[class*=rounded-2xl]:hover{border-color:color-mix(in srgb, var(--jx-course-ink) 20%, var(--border));box-shadow:0 12px 28px -23px color-mix(in srgb, var(--jx-course-ink) 50%, transparent);transform:translateY(-1px)}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] aside{border-color:color-mix(in srgb, var(--jx-course-ink) 16%, var(--border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--jx-course-gold) 12%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, var(--jx-course-ink) 4%), var(--card));box-shadow:0 20px 44px -34px color-mix(in srgb, var(--jx-course-ink) 48%, transparent);position:relative;overflow:hidden}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] aside:after{content:"学";color:color-mix(in srgb, var(--jx-course-seal) 5%, transparent);font-family:var(--font-han);pointer-events:none;font-size:7rem;font-weight:700;line-height:1;position:absolute;bottom:-1.5rem;right:-1rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] aside [role=progressbar]{background:color-mix(in srgb, var(--jx-course-ink) 8%, var(--muted));border-radius:999px;height:.62rem;overflow:hidden}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] aside a[href^="/lessons/"]{z-index:2;box-shadow:0 10px 24px -18px color-mix(in srgb, var(--jx-course-ink) 60%, transparent);position:relative}body:has(section[class*="rounded-[2rem]"]) [role=tablist]{z-index:35;border-color:color-mix(in srgb, var(--jx-course-ink) 12%, var(--border));box-shadow:0 14px 36px -29px color-mix(in srgb, var(--jx-course-ink) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);position:sticky;top:.65rem;background:color-mix(in srgb, var(--card) 91%, transparent)!important}body:has(section[class*="rounded-[2rem]"]) [role=tab]{min-height:2.5rem;font-size:.78rem;font-weight:650;transition:background-color .16s,color .16s,transform .16s;position:relative}body:has(section[class*="rounded-[2rem]"]) [role=tab][data-state=active]{background:color-mix(in srgb, var(--jx-course-ink) 8%, var(--card));color:var(--jx-course-ink);box-shadow:none}body:has(section[class*="rounded-[2rem]"]) [role=tab][data-state=active]:after{content:"";background:var(--jx-course-seal);transform-origin:50%;border-radius:999px;height:2px;animation:.18s ease-out both jx-course-tab-line;position:absolute;bottom:.28rem;left:.65rem;right:.65rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]{border-color:color-mix(in srgb, var(--jx-course-ink) 12%, var(--border));box-shadow:0 18px 42px -36px color-mix(in srgb, var(--jx-course-ink) 50%, transparent);transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:clip}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]:hover{border-color:color-mix(in srgb, var(--jx-course-ink) 22%, var(--border));box-shadow:0 24px 52px -38px color-mix(in srgb, var(--jx-course-ink) 62%, transparent)}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>header{background:linear-gradient(90deg, color-mix(in srgb, var(--jx-course-ink) 5.5%, var(--card)), color-mix(in srgb, var(--jx-course-gold) 3%, var(--card)) 65%, var(--card));position:relative}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>header:before{content:"";background:linear-gradient(180deg, var(--jx-course-ink) 0 68%, var(--jx-course-seal) 68% 100%);width:3px;position:absolute;inset:0 auto 0 0}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>header h3{line-height:1.35}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>div[class*=divide-y]{background:color-mix(in srgb, var(--card) 98%, var(--jx-course-ink) 2%);gap:.55rem;padding:.75rem;display:grid;position:relative}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>div[class*=divide-y]:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--jx-course-ink) 20%, transparent), color-mix(in srgb, var(--jx-course-seal) 14%, transparent));pointer-events:none;width:1px;position:absolute;top:1.45rem;bottom:1.45rem;left:2rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"]{z-index:1;background:color-mix(in srgb, var(--card) 97%, transparent);border:1px solid #0000;border-radius:.95rem;padding-top:.8rem;padding-bottom:.8rem;transition:transform .17s,border-color .17s,background-color .17s,box-shadow .17s;position:relative}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"]:hover{border-color:color-mix(in srgb, var(--jx-course-ink) 13%, var(--border));background:color-mix(in srgb, var(--card) 96%, var(--jx-course-ink) 4%);box-shadow:0 12px 28px -25px color-mix(in srgb, var(--jx-course-ink) 55%, transparent);transform:translate(3px)}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"]>div:first-child{z-index:2;box-shadow:0 0 0 4px var(--card);background-clip:padding-box;position:relative}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"] p.han{letter-spacing:.005em}body:has(section[class*="rounded-[2rem]"]) [role=tabpanel]>div[class*="rounded-[1.5rem]"]{border-color:color-mix(in srgb, var(--jx-course-ink) 11%, var(--border));box-shadow:0 18px 42px -36px color-mix(in srgb, var(--jx-course-ink) 45%, transparent)}body:has(section[class*="rounded-[2rem]"]) [role=tabpanel]>div[class*=overflow-hidden][class*="rounded-[1.5rem]"]{border-color:color-mix(in srgb, var(--jx-course-ink) 11%, var(--border));box-shadow:0 18px 42px -36px color-mix(in srgb, var(--jx-course-ink) 45%, transparent)}body:has(section[class*="rounded-[2rem]"]) [role=tabpanel][data-state=active]>*{animation:.22s cubic-bezier(.2,.75,.3,1) both jx-course-rise}.dark body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]:after{opacity:.55}.dark body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] aside:after{opacity:.55}.dark body:has(section[class*="rounded-[2rem]"]) [role=tab][data-state=active]{color:var(--foreground)}@media (width<=720px){body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]{border-radius:1.35rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:first-child{height:10.5rem;min-height:10.5rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"]>div:first-child:after{font-size:.56rem;top:.75rem;right:.75rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[2rem]"] h2.han{font-size:clamp(1.9rem,9vw,2.65rem)}body:has(section[class*="rounded-[2rem]"]) [role=tablist]{max-width:calc(100vw - 1.5rem);top:.35rem}body:has(section[class*="rounded-[2rem]"]) [role=tab]{min-height:2.25rem;font-size:.7rem;padding-inline:.72rem!important}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]{border-radius:1.2rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>div[class*=divide-y]{gap:.45rem;padding:.55rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]>div[class*=divide-y]:before{left:1.73rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"]{gap:.65rem;padding:.75rem .65rem}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"] p.han{white-space:normal;text-overflow:clip;line-height:1.4;overflow:visible}}@keyframes jx-course-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes jx-course-tab-line{0%{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){body:has(section[class*="rounded-[2rem]"]) [role=tabpanel][data-state=active]>*{animation:none!important}body:has(section[class*="rounded-[2rem]"]) [role=tab][data-state=active]:after{animation:none!important}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"]{transition:none!important}body:has(section[class*="rounded-[2rem]"]) section[class*="rounded-[1.7rem]"] a[href^="/lessons/"]{transition:none!important}body:has(section[class*="rounded-[2rem]"]) [role=tab]{transition:none!important}}:root{--jx-page-progress:0%;--jx-reading-scale:1}.jx-page-progress{z-index:9999;width:var(--jx-page-progress);pointer-events:none;background:linear-gradient(90deg, var(--brand-navy,#17324d), var(--brand-vermilion,#c44232));height:3px;box-shadow:0 1px 8px color-mix(in srgb, var(--brand-vermilion,#c44232) 24%, transparent);transition:width 80ms linear;position:fixed;inset:0 auto auto 0}.jx-reading-toolbar{z-index:31;border:1px solid color-mix(in srgb, var(--border) 82%, var(--brand-gold,#d8a94a));background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.7rem;align-items:center;gap:.25rem;width:max-content;max-width:100%;margin:0 0 .9rem auto;padding:.3rem;display:flex;position:sticky;top:.45rem;box-shadow:0 14px 32px -27px #17324db8}.jx-reading-label{color:var(--muted-foreground);font-family:var(--font-han);align-items:center;gap:.35rem;padding:0 .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.jx-reading-toolbar button{min-width:2.6rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:.48rem .58rem;font-size:.72rem;font-weight:700}.jx-reading-toolbar button:hover,.jx-reading-toolbar button[aria-pressed=true]{background:color-mix(in srgb, var(--brand-navy,#17324d) 7%, var(--card));color:var(--brand-navy,#17324d)}.dark .jx-reading-toolbar button:hover,.dark .jx-reading-toolbar button[aria-pressed=true]{color:var(--foreground)}.lesson-path__label[data-progress]:after{content:attr(data-progress);background:color-mix(in srgb, var(--brand-navy,#17324d) 7%, transparent);text-align:center;min-width:2.2rem;color:var(--muted-foreground);font-family:var(--font-sans);border-radius:999px;margin-left:.15rem;padding:.15rem .4rem;font-size:.62rem}.lesson-path__link{position:relative}.lesson-path__link[data-active=true]{background:color-mix(in srgb, var(--brand-vermilion,#c44232) 9%, transparent);color:var(--brand-vermilion,#c44232)}.lesson-path__link[data-active=true]:after{content:"";background:var(--brand-vermilion,#c44232);border-radius:999px;height:2px;animation:.18s ease-out both jx-nav-line;position:absolute;bottom:.2rem;left:.55rem;right:.55rem}.lesson-path__link[data-seen=true]:before{content:"";background:color-mix(in srgb, var(--brand-navy,#17324d) 58%, var(--card));width:.42rem;height:.42rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-navy,#17324d) 7%, transparent);border-radius:999px;flex:none}.jx-reading-focus .lesson-viewer{display:block!important}.jx-reading-focus .lesson-viewer>aside{display:none!important}.jx-reading-focus .lesson-viewer>main{width:min(900px,100%);margin-inline:auto}.jx-reading-focus .lesson-path{top:.35rem}.jx-reading-focus .lesson-reading-block,.jx-reading-focus .lesson-dialogue,.jx-reading-focus .lesson-grammar-block{box-shadow:none}.jx-hide-pinyin .pinyin,.jx-hide-pinyin [data-pinyin],.jx-hide-pinyin [class*=pinyin],.jx-hide-vietnamese .lesson-dialogue .text-muted-foreground,.jx-hide-vietnamese .lesson-grammar-block .text-muted-foreground,.jx-hide-vietnamese .lesson-reading-block .text-muted-foreground{display:none!important}.jx-lesson-active .lesson-reading-copy,.jx-lesson-active .lesson-dialogue__line,.jx-lesson-active .lesson-grammar-block__examples{font-size:calc(1em * var(--jx-reading-scale))}.lesson-viewer .lesson-grammar-block__number{min-width:2rem;font-size:.78rem;font-weight:800}.lesson-viewer .lesson-vocab-table td p+p{margin-top:.18rem}.lesson-viewer>main [role=tabpanel],.lesson-viewer>main [data-radix-collection-item],.lesson-viewer>main button{line-height:1.45}.jx-audio-native{display:none!important}.jx-audio-controls{grid-template-columns:auto auto minmax(150px,1fr) auto auto auto;align-items:center;gap:.5rem;margin-top:.85rem;display:grid}.jx-audio-btn,.jx-audio-speed,.jx-audio-loop{border:1px solid color-mix(in srgb, var(--border) 80%, var(--brand-navy,#17324d));background:var(--card);min-width:2.3rem;height:2.3rem;color:var(--brand-navy,#17324d);cursor:pointer;border-radius:999px;place-items:center;font-size:.7rem;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s,opacity .16s;display:grid}.jx-audio-btn:disabled,.jx-audio-speed:disabled,.jx-audio-loop:disabled,.jx-mobile-lesson-nav button:disabled{cursor:not-allowed;opacity:.38;transform:none!important}.jx-audio-play{border-color:var(--brand-navy,#17324d);background:var(--brand-navy,#17324d);color:#fff;min-width:2.65rem;height:2.65rem}.jx-audio-controls[data-playing=true] .jx-audio-play{box-shadow:0 0 0 7px color-mix(in srgb, var(--brand-navy,#17324d) 7%, transparent);animation:1.7s ease-in-out infinite jx-audio-breathe}.jx-audio-controls[data-error=true]{border-left:2px solid var(--destructive);padding-left:.7rem}.jx-audio-loop[data-active=true]{border-color:var(--brand-vermilion,#c44232);background:color-mix(in srgb, var(--brand-vermilion,#c44232) 9%, var(--card));color:var(--brand-vermilion,#c44232)}.jx-audio-btn:hover,.jx-audio-speed:hover,.jx-audio-loop:hover{transform:translateY(-1px)}.jx-audio-track-wrap{min-width:0}.jx-audio-track{width:100%;height:4px;accent-color:var(--brand-vermilion,#c44232);cursor:pointer}.jx-audio-times{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.18rem;font-size:.62rem;display:flex}.jx-audio-status{min-height:1em;color:var(--muted-foreground);margin-top:.12rem;font-size:.58rem}.jx-audio-controls[data-error=true] .jx-audio-status{color:var(--destructive)}@media (width<=720px){.lesson-viewer .lesson-vocab-table{max-height:none!important;overflow:visible!important}.lesson-viewer .lesson-vocab-table table,.lesson-viewer .lesson-vocab-table tbody,.lesson-viewer .lesson-vocab-table tr,.lesson-viewer .lesson-vocab-table td{width:100%;min-width:0;display:block}.lesson-viewer .lesson-vocab-table table{min-width:0!important}.lesson-viewer .lesson-vocab-table thead{display:none}.lesson-viewer .lesson-vocab-table tbody{gap:.75rem;display:grid}.lesson-viewer .lesson-vocab-table tbody tr{border:1px solid color-mix(in srgb, var(--border) 88%, var(--brand-gold,#d8a94a));background:color-mix(in srgb, var(--card) 97%, var(--brand-gold,#d8a94a) 3%);border-radius:.85rem;grid-template-columns:minmax(5.4rem,.8fr) minmax(0,1.4fr);gap:.35rem .85rem;padding:1rem;display:grid}.lesson-viewer .lesson-vocab-table td{border:0!important;padding:.15rem 0!important}.lesson-viewer .lesson-vocab-table td:first-child{grid-row:1/span 3;align-self:center}.lesson-viewer .lesson-hero__circle{opacity:.55}.lesson-viewer .lesson-dialogue__line{width:100%}.lesson-viewer .lesson-dialogue__line[data-side=right]{padding-left:.85rem}.jx-audio-controls{grid-template-columns:auto auto 1fr auto;gap:.4rem}.jx-audio-track-wrap{grid-area:2/1/auto/-1}.jx-audio-speed{grid-area:1/3;justify-self:end}.jx-audio-loop{grid-area:1/4}.jx-reading-toolbar{justify-content:space-between;width:100%;margin-bottom:.6rem}.jx-reading-label{display:none}body.jx-lesson-active{padding-bottom:4.4rem}.jx-mobile-lesson-nav{z-index:9997;right:.6rem;bottom:calc(.55rem + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--border) 78%, var(--brand-navy,#17324d));background:color-mix(in srgb, var(--card) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:.85rem;grid-template-columns:1fr auto 1fr;gap:.4rem;padding:.4rem;display:grid;position:fixed;left:.6rem;box-shadow:0 16px 42px -20px #17324d80}.jx-mobile-lesson-nav button{color:var(--foreground);background:0 0;border:0;border-radius:.6rem;padding:.72rem .7rem;font-size:.72rem;font-weight:700}.jx-mobile-complete{min-width:3rem;background:var(--brand-navy,#17324d)!important;color:#fff!important}.jx-mobile-complete[data-completed=true]{background:color-mix(in srgb, var(--brand-navy,#17324d) 80%, var(--brand-gold,#d8a94a))!important}.jx-mobile-complete span{display:none}}@media (width>=721px){.jx-mobile-lesson-nav{display:none}}@keyframes jx-nav-line{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes jx-audio-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.jx-page-progress{transition:none!important}.jx-audio-controls[data-playing=true] .jx-audio-play,.lesson-path__link[data-active=true]:after{animation:none!important}.jx-audio-btn,.jx-audio-speed,.jx-audio-loop{transition:none!important}}