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}}.lesson-viewer:has(.jx-full-text-label){--hsk-reading:#17324d;--hsk-vocab:#0f766e;--hsk-grammar:#6d3b7d;--hsk-listening:#b85f14;--hsk-practice:#b4232f;gap:clamp(1rem,2vw,1.6rem)}:is(.lesson-viewer:has(.jx-full-text-label) .lesson-overview,.lesson-viewer:has(.jx-full-text-label) .lesson-section-heading){display:none!important}.lesson-viewer:has(.jx-full-text-label) .lesson-hero{border-radius:1.15rem!important;min-height:12.75rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-hero>.relative{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-hero h2{font-size:clamp(2rem,3.6vw,3.15rem)!important}:is(.lesson-viewer:has(.jx-full-text-label) .lesson-hero .mt-10,.lesson-viewer:has(.jx-full-text-label) .lesson-hero .sm\:mt-14){margin-top:1.4rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-objectives{background:color-mix(in srgb, var(--card) 92%, transparent);margin-top:1rem!important;padding:.85rem 1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-objectives ul{gap:.35rem .9rem!important;margin-top:.45rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path{z-index:30;border:1px solid color-mix(in srgb, var(--border) 78%, var(--hsk-reading));background:color-mix(in srgb, var(--card) 93%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:.55rem;box-shadow:0 14px 34px -28px #17324d8c;border-radius:.85rem!important;margin:.2rem 0 .7rem!important;padding:.38rem .45rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path__label{display:none!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path__links{width:100%;gap:.25rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path__link{border-radius:.62rem!important;min-height:2.35rem!important;padding:.46rem .66rem!important;font-size:.78rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block:has(>.jx-full-text-label){background:linear-gradient(180deg, color-mix(in srgb, var(--hsk-reading) 3%, var(--card)), var(--card) 12rem), var(--card);position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--hsk-reading) 20%, var(--border))!important;border-radius:1.25rem!important;padding:clamp(1.15rem,2.6vw,2rem)!important;box-shadow:0 24px 55px -46px #17324db8!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block:has(>.jx-full-text-label):before{content:"";background:var(--hsk-reading);width:4px;position:absolute;inset:0 auto 0 0}.lesson-viewer:has(.jx-full-text-label) .jx-full-text-label{color:var(--hsk-reading)!important;background:color-mix(in srgb, var(--hsk-reading) 8%, var(--card))!important;margin-bottom:.55rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block:has(>.jx-full-text-label)>h4{margin-top:.2rem;color:var(--hsk-reading)!important;font-size:clamp(1.55rem,2.5vw,2.05rem)!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-copy{text-align:justify;text-wrap:pretty;max-width:72ch!important;font-size:calc(clamp(1.05rem, 1.4vw, 1.16rem) + var(--jx-reading-font-delta,0rem))!important;margin-top:1.1rem!important;line-height:1.95!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-copy:first-letter{font-size:1.15em}.lesson-viewer:has(.jx-full-text-label) .jx-reading-audio-dock{border:1px solid color-mix(in srgb, var(--hsk-listening) 22%, var(--border))!important;background:color-mix(in srgb, var(--hsk-listening) 4%, var(--card))!important;box-shadow:none!important;border-radius:.95rem!important;margin:.8rem 0 1.05rem!important;padding:.8rem!important}:is(.lesson-viewer:has(.jx-full-text-label) .jx-reading-native-audio,.lesson-viewer:has(.jx-full-text-label) .lesson-native-audio){min-height:2.35rem;accent-color:var(--hsk-listening);width:100%!important;display:block!important}.lesson-viewer:has(.jx-full-text-label) .lesson-audio-block{border-left:3px solid color-mix(in srgb, var(--hsk-listening) 70%, transparent);background:color-mix(in srgb, var(--hsk-listening) 3%, var(--card))}.lesson-viewer:has(.jx-full-text-label) :is(.lesson-media-block,.lesson-video-block,.lesson-image-card){border-radius:1rem!important;box-shadow:0 18px 42px -38px #17324d8c!important}:is(.lesson-viewer:has(.jx-full-text-label) .lesson-media-block h4,.lesson-viewer:has(.jx-full-text-label) .lesson-video-block h4){font-size:1rem!important;line-height:1.45!important}.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table){border:1px solid color-mix(in srgb, var(--hsk-vocab) 18%, var(--border))!important;background:color-mix(in srgb, var(--hsk-vocab) 2.5%, var(--card))!important;box-shadow:none!important;border-radius:1rem!important}.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table)>h4{color:var(--hsk-vocab)!important;font-size:1.15rem!important;font-weight:800!important}.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table) thead{background:color-mix(in srgb, var(--hsk-vocab) 7%, var(--card))}.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table) th{color:color-mix(in srgb, var(--hsk-vocab) 78%, var(--foreground))}.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table) tbody tr:hover td{background:color-mix(in srgb, var(--hsk-vocab) 4%, transparent)}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block{position:relative;border:1px solid color-mix(in srgb, var(--hsk-grammar) 20%, var(--border))!important;background:color-mix(in srgb, var(--hsk-grammar) 2.6%, var(--card))!important;box-shadow:none!important;border-radius:1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block:before{content:"语法";background:color-mix(in srgb, var(--hsk-grammar) 9%, var(--card));color:var(--hsk-grammar);font-family:var(--font-han);border-radius:999px;padding:.24rem .5rem;font-size:.68rem;font-weight:800;position:absolute;top:.9rem;right:1rem}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block h4{color:var(--hsk-grammar)!important}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block__explain{max-width:76ch;padding-right:2.8rem}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block__examples>li{border:1px solid color-mix(in srgb, var(--hsk-grammar) 9%, var(--border));background:var(--card)}.lesson-viewer:has(.jx-full-text-label) .lesson-callout{box-shadow:none!important;border-radius:.9rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-block-group__content>:has(>.jx-semantic-badge){border-radius:1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-block-group__content>.lesson-listening-block{border-radius:1rem!important}.lesson-viewer:has(.jx-full-text-label) .jx-semantic-badge{margin-bottom:.7rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-listening-block{border:1px solid color-mix(in srgb, var(--hsk-listening) 22%, var(--border));background:color-mix(in srgb, var(--hsk-listening) 2.5%, var(--card))}.lesson-viewer:has(.jx-full-text-label) .lesson-listening-block__header h4{color:var(--hsk-listening)}:is(.lesson-viewer:has(.jx-full-text-label) .lesson-block-group__content>.surface-card:has(>.jx-semantic-badge),.lesson-viewer:has(.jx-full-text-label) .lesson-block-group__content>.lesson-callout:has(>.jx-semantic-badge)){border-color:color-mix(in srgb, var(--hsk-practice) 18%, var(--border))!important;background:color-mix(in srgb, var(--hsk-practice) 2%, var(--card))!important}.lesson-viewer:has(.jx-full-text-label) .lesson-block-group__content{display:grid;gap:.85rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-block-group+.lesson-block-group{margin-top:1rem!important}.lesson-viewer:has(.jx-full-text-label)>main .surface-card{transition:border-color .16s,box-shadow .16s,transform .16s}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block{transition:border-color .16s,box-shadow .16s,transform .16s}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block{transition:border-color .16s,box-shadow .16s,transform .16s}.lesson-viewer:has(.jx-full-text-label) .lesson-listening-block{transition:border-color .16s,box-shadow .16s,transform .16s}@media (hover:hover){:is(.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block:hover,.lesson-viewer:has(.jx-full-text-label) .surface-card:has(table):hover){transform:translateY(-1px);box-shadow:0 18px 38px -34px #17324d6b!important}}.lesson-viewer:has(.jx-full-text-label)>aside{font-size:.82rem}.lesson-viewer:has(.jx-full-text-label) .lesson-map__progress{padding:.8rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-map__progress p.mt-1{font-size:1.35rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-map__list{scrollbar-width:thin;max-height:min(52vh,30rem);overflow-y:auto}.lesson-viewer:has(.jx-full-text-label) .lesson-map__item{padding-block:.48rem!important}@media (width>=1280px){.lesson-viewer:has(.jx-full-text-label){grid-template-columns:minmax(0,1fr) 245px!important}}@media (width<=720px){.lesson-viewer:has(.jx-full-text-label) .lesson-hero{min-height:10.5rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-hero>.relative{padding:1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-objectives{padding:.75rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path{top:.25rem;overflow-x:auto;margin-inline:-.15rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-path__links{min-width:max-content}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block:has(>.jx-full-text-label){padding:1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-copy{text-align:left;font-size:calc(1.03rem + var(--jx-reading-font-delta,0rem))!important;line-height:1.88!important}.lesson-viewer:has(.jx-full-text-label) .jx-reading-audio-dock{margin-inline:-.1rem!important;padding:.7rem!important}.lesson-viewer:has(.jx-full-text-label) .jx-reading-audio-dock [style*=grid-template-columns]{grid-template-columns:1fr!important}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block{padding:1rem!important}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block:before{top:.7rem;right:.7rem}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block__explain{padding-right:0}.lesson-viewer:has(.jx-full-text-label)>main .surface-card:has(table){padding-bottom:.5rem!important;overflow-x:auto!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table){width:100%!important;min-width:660px!important;display:table!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table) :is(thead,tbody){display:table-row-group!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table) thead{display:table-header-group!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table) tr{display:table-row!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table) :is(th,td){width:auto!important;min-width:8rem!important;padding:.72rem .78rem!important;display:table-cell!important}.lesson-viewer:has(.jx-full-text-label)>main table:not(.lesson-vocab-table table) tr>:last-child:nth-child(odd){grid-column:auto!important}.lesson-viewer:has(.jx-full-text-label)>aside{display:none}}@media (prefers-reduced-motion:reduce){.lesson-viewer:has(.jx-full-text-label)>main .surface-card{transition:none!important}.lesson-viewer:has(.jx-full-text-label) .lesson-reading-block{transition:none!important}.lesson-viewer:has(.jx-full-text-label) .lesson-grammar-block{transition:none!important}.lesson-viewer:has(.jx-full-text-label) .lesson-listening-block{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}}