/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@import "https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-700:oklch(51.1% .096 186.391);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-blue-50:oklch(97% .014 254.604);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-800:oklch(45.5% .188 13.697);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-right-1{right:calc(var(--spacing) * -1)}.right-2{right:calc(var(--spacing) * 2)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.row-4{grid-row:4}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-\[110px\]{max-width:110px}.max-w-\[160px\]{max-width:160px}.max-w-\[620px\]{max-width:620px}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-y-180{--tw-rotate-y:rotateY(180deg)}.rotate-y-180,.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/40{border-color:color-mix(in oklab,var(--color-amber-500) 40%,transparent)}}.border-cyan-500\/30{border-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/30{border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-teal-500{border-color:var(--color-teal-500)}.border-white{border-color:var(--color-white)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-700\/60{border-color:#3f3f4699}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\/60{border-color:color-mix(in oklab,var(--color-zinc-700) 60%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-zinc-800\/90{background-color:#27272ae6}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/90{background-color:color-mix(in oklab,var(--color-zinc-800) 90%,transparent)}}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/80{color:#fcbb00cc}@supports (color:color-mix(in lab,red,red)){.text-amber-400\/80{color:color-mix(in oklab,var(--color-amber-400) 80%,transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700\/90{color:#b75000e6}@supports (color:color-mix(in lab,red,red)){.text-amber-700\/90{color:color-mix(in oklab,var(--color-amber-700) 90%,transparent)}}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-orange-500{color:var(--color-orange-500)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-800{color:var(--color-rose-800)}.text-sky-600{color:var(--color-sky-600)}.text-sky-800{color:var(--color-sky-800)}.text-teal-700{color:var(--color-teal-700)}.text-white{color:var(--color-white)}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-300{color:var(--color-yellow-300)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-sm{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm))}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-zinc-600:hover{color:var(--color-zinc-600)}}@media (min-width:40rem){.sm\:w-auto{width:auto}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-zinc-800{border-color:var(--color-zinc-800)}}}:root{--adm-bg:#faf9f6;--adm-card-bg:#fff;--adm-text-main:#18181b;--adm-text-muted:#71717a;--adm-text-subtle:#a1a1aa;--adm-border:#e4e4e7;--adm-border-hover:#d4d4d8;--adm-border-dark:#18181b;--adm-ink:#18181b;--adm-ink-hover:#27272a;--adm-ink-border:#09090b;--adm-red:#e11d48;--adm-red-border:#be123c;--adm-red-hover:#f43f5e;--adm-red-light:#fff1f2;--adm-red-light-border:#fecdd3;--adm-emerald:#10b981;--adm-emerald-border:#059669;--adm-emerald-light:#ecfdf5;--adm-emerald-light-border:#a7f3d0;--adm-amber:#f59e0b;--adm-amber-border:#d97706;--adm-amber-light:#fffbeb;--adm-amber-light-border:#fde68a;--adm-sky:#0ea5e9;--adm-sky-border:#0284c7;--adm-indigo:#6366f1;--adm-indigo-border:#4f46e5;--adm-sidebar-width:260px;--adm-radius-sm:8px;--adm-radius-md:12px;--adm-radius-lg:16px;--adm-radius-xl:20px;--adm-shadow-xs:0 1px 2px #0000000a;--adm-shadow-sm:0 2px 4px #0000000d;--adm-shadow-md:0 4px 12px #00000014;--adm-shadow-lg:0 16px 32px #0000001f}.admin-layout-shell{background-color:var(--adm-bg);min-height:100vh;color:var(--adm-text-main);font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);display:flex}.admin-layout-viewport{margin-left:var(--adm-sidebar-width);min-width:0;min-height:100vh;width:calc(100% - var(--adm-sidebar-width));background-color:#faf7f2;flex-direction:column;flex:1;display:flex;position:relative}.admin-layout-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px 48px}@media (max-width:1024px){.admin-layout-viewport{width:100%!important;margin-left:0!important}.admin-layout-main{padding:16px}}.admin-forbidden-wrap{background-color:var(--adm-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-forbidden-card{border-radius:var(--adm-radius-xl);border:2px solid var(--adm-border);text-align:center;width:100%;max-width:440px;box-shadow:var(--adm-shadow-lg);background-color:#fff;padding:32px}.admin-forbidden-seal{border-radius:var(--adm-radius-lg);background-color:var(--adm-red-light);border:2px solid var(--adm-red-light-border);width:64px;height:64px;color:var(--adm-red-border);justify-content:center;align-items:center;margin:0 auto 16px;font-family:serif;font-size:2rem;font-weight:900;display:flex}.admin-forbidden-title{color:var(--adm-text-main);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;font-size:1.25rem;font-weight:900}.admin-forbidden-desc{color:var(--adm-text-muted);margin-bottom:24px;font-size:.875rem;line-height:1.5}.admin-header{z-index:40;-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--adm-border);box-shadow:var(--adm-shadow-xs);background-color:#fffffff2;justify-content:space-between;padding:14px 28px;position:sticky;top:0}.admin-header,.admin-header-left{align-items:center;gap:12px;display:flex}.admin-header-left{flex:1;min-width:0}.admin-header-hamburger{border:2px solid var(--adm-border);border-radius:var(--adm-radius-md);width:40px;min-width:40px;height:40px;color:var(--adm-text-main);cursor:pointer;background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:none}.admin-header-hamburger:hover{background-color:var(--adm-bg-soft);border-color:var(--adm-ink)}.admin-header-hamburger:active{transform:scale(.95)}.admin-header-title-box{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.admin-header-heading-group{align-items:center;gap:10px;min-width:0;display:flex}.admin-header-pillar{background-color:var(--adm-red);border-radius:3px;flex-shrink:0;width:8px;height:24px}.admin-header-title{letter-spacing:-.01em;color:var(--adm-text-main);text-overflow:ellipsis;min-width:0;margin:0;font-family:inherit;font-size:1.125rem;overflow:hidden}.admin-header-badge,.admin-header-title{text-transform:uppercase;white-space:nowrap;font-weight:900}.admin-header-badge{background-color:var(--adm-red-light);color:var(--adm-red-border);letter-spacing:.05em;border:1px solid var(--adm-red-light-border);border-radius:9999px;flex-shrink:0;padding:3px 8px;font-size:10px}.admin-header-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.admin-header-lang{flex-shrink:0}.admin-header-user-card{border-left:1px solid var(--adm-border);gap:10px;padding-left:14px}.admin-header-avatar,.admin-header-user-card{flex-shrink:0;align-items:center;display:flex}.admin-header-avatar{background-color:var(--adm-ink);color:#fff;border-radius:9999px;justify-content:center;width:32px;height:32px;font-size:12px;font-weight:800}.admin-header-user-info{text-align:left;line-height:1.25}.admin-header-user-name{color:var(--adm-text-main);font-size:12px;font-weight:800}.admin-header-user-email,.admin-header-user-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;overflow:hidden}.admin-header-user-email{color:var(--adm-text-muted);font-size:10px;font-weight:600}@media (max-width:1024px){.admin-header-hamburger{display:flex}}@media (max-width:768px){.admin-header{gap:8px;padding:10px 14px}.admin-header-left{gap:8px}.admin-header-hamburger{width:38px;min-width:38px;height:38px;font-size:1rem}.admin-header-title-box{gap:6px}.admin-header-pillar{width:5px;height:18px}.admin-header-title{font-size:.95rem}.admin-header-badge{display:none}.admin-header-actions{gap:8px}.admin-header-user-card{gap:0;padding-left:8px}.admin-header-user-info{display:none}}@media (max-width:440px){.admin-header-title{font-size:.875rem}}.admin-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background-color:#0f172aa6;transition:opacity .25s;position:fixed;inset:0}.admin-sidebar-backdrop.active{opacity:1;pointer-events:auto}.admin-sidebar{width:var(--adm-sidebar-width);border-right:2px solid var(--adm-border);z-index:100;background-color:#fff;background-image:url(/images/sidebar_bottom_mountains.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;height:100vh;padding:16px 12px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:4px 0 20px #00000008}.admin-sidebar-mobile-close{color:var(--adm-text-subtle);cursor:pointer;border-radius:var(--adm-radius-sm);background:0 0;border:none;padding:6px 10px;font-size:1.25rem;transition:all .15s;display:none}.admin-sidebar-mobile-close:hover{background-color:var(--adm-bg-soft);color:var(--adm-text-main)}@media (max-width:1024px){.admin-sidebar{width:280px;max-width:85vw;height:100dvh;box-shadow:none;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 32px #00000040}.admin-sidebar-mobile-close{justify-content:center;align-items:center;display:flex}}.admin-sidebar-brand{border-bottom:2px solid var(--adm-border);padding-bottom:14px}.admin-sidebar-brand-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.admin-sidebar-logo-img{border-radius:var(--adm-radius-md);object-fit:contain;background:0 0;flex-shrink:0;width:44px;height:44px}.admin-sidebar-brand-text{flex-direction:column;display:flex}.admin-sidebar-brand-row{align-items:center;gap:6px;display:flex}.admin-sidebar-brand-name{letter-spacing:-.03em;color:var(--adm-text-main);font-size:1.375rem;font-weight:900}.admin-sidebar-seal{background-color:var(--adm-red);color:#fff;box-shadow:var(--adm-shadow-xs);border-radius:4px;padding:1px 6px;font-family:serif;font-size:11px;font-weight:900}.admin-sidebar-brand-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--adm-text-muted);margin-top:2px;font-size:10px;font-weight:800}.admin-sidebar-nav{flex-direction:column;flex:1;gap:6px;margin-top:16px;padding:0;list-style:none;display:flex}.admin-sidebar-item{width:100%}.admin-sidebar-link{border-radius:var(--adm-radius-md);width:100%;color:var(--adm-text-muted);letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8125rem;font-weight:800;text-decoration:none;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex}.admin-sidebar-link:hover{color:var(--adm-text-main);background-color:#f8fafc;transform:translate(3px)}.admin-sidebar-item.active .admin-sidebar-link{background-color:var(--adm-red-light);color:var(--adm-red-border);border:1px solid var(--adm-red-light-border);box-shadow:var(--adm-shadow-xs)}.admin-sidebar-link-inner{align-items:center;gap:12px;display:flex}.admin-sidebar-nav-icon{text-align:center;width:20px;color:var(--adm-text-muted);font-size:1rem;transition:color .15s}.admin-sidebar-item.active .admin-sidebar-nav-icon{color:var(--adm-red)}.admin-sidebar-badge{background-color:var(--adm-red);color:#fff;border-radius:9999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:900;display:inline-flex}.admin-sidebar-footer{border-top:2px solid var(--adm-border);flex-direction:column;gap:8px;margin-top:16px;padding-top:12px;display:flex}.admin-sidebar-user-pill{border-radius:var(--adm-radius-md);border:1px solid var(--adm-border);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.admin-sidebar-user-name{color:var(--adm-text-main);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin:0;font-size:12px;font-weight:800;overflow:hidden}.admin-sidebar-user-role{color:var(--adm-text-muted);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.admin-sidebar-user-dot{background-color:var(--adm-emerald);border-radius:9999px;width:8px;height:8px;box-shadow:0 0 0 2px #a7f3d0}.admin-sidebar-btn{border-radius:var(--adm-radius-md);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.admin-sidebar-btn-return{color:var(--adm-text-muted)}.admin-sidebar-btn-return:hover{color:var(--adm-text-main);background-color:#f1f5f9}.admin-sidebar-btn-logout{color:var(--adm-red)}.admin-sidebar-btn-logout:hover{background-color:var(--adm-red-light);color:var(--adm-red-border)}.admin-btn{border-radius:var(--adm-radius-md);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.8125rem;font-weight:800;line-height:1;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}.admin-btn:active{margin-bottom:5px;transform:translateY(5px);border-bottom-width:0!important}.admin-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin-btn-primary{background-color:var(--adm-red);color:#fff;border-bottom:5px solid var(--adm-red-border)}.admin-btn-primary:hover{filter:brightness(1.06)}.admin-btn-dark{background-color:var(--adm-ink);color:#fff;border-bottom:5px solid var(--adm-ink-border)}.admin-btn-dark:hover{background-color:var(--adm-ink-hover)}.admin-btn-success{background-color:var(--adm-emerald);color:#fff;border-bottom:5px solid var(--adm-emerald-border)}.admin-btn-success:hover{filter:brightness(1.06)}.admin-btn-amber{background-color:var(--adm-amber);color:#fff;border-bottom:5px solid var(--adm-amber-border)}.admin-btn-amber:hover{filter:brightness(1.06)}.admin-btn-outline{color:var(--adm-text-main);background-color:#fff;border:2px solid var(--adm-border);border-bottom:5px solid #cbd5e1}.admin-btn-outline:hover{background-color:#f8fafc;border-color:#cbd5e1}.admin-btn-sm{border-bottom-width:3px;padding:6px 14px;font-size:.75rem}.admin-btn-sm:active{margin-bottom:3px;transform:translateY(3px);border-bottom-width:0!important}.admin-dash-wrap{flex-direction:column;gap:28px;display:flex}.admin-dash-top-bar{flex-direction:column;gap:6px;display:flex}@media (min-width:640px){.admin-dash-top-bar{flex-direction:row;justify-content:space-between;align-items:center}}.admin-dash-title{text-transform:uppercase;letter-spacing:-.02em;color:var(--adm-text-main);margin:0;font-size:1.5rem;font-weight:900}.admin-dash-sub{color:var(--adm-text-muted);margin:2px 0 0;font-size:.875rem;font-weight:500}.admin-dash-alert-unmatched{background-color:var(--adm-red-light);border:2px solid var(--adm-red-light-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-dash-alert-left{align-items:center;gap:14px;display:flex}.admin-dash-alert-icon{border-radius:var(--adm-radius-md);background-color:var(--adm-red);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.admin-dash-alert-title{color:#9f1239;margin:0;font-size:.875rem;font-weight:800}.admin-dash-alert-desc{color:#be123c;margin:2px 0 0;font-size:.75rem}.admin-dash-grid-stats{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;display:grid}@media (min-width:640px){.admin-dash-grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.admin-dash-grid-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-dash-stat-card{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.admin-dash-stat-top{justify-content:space-between;align-items:center;display:flex}.admin-dash-stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--adm-text-muted);font-size:.75rem;font-weight:800}.admin-dash-stat-icon{border-radius:var(--adm-radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;display:flex}.admin-dash-stat-value{letter-spacing:-.02em;color:var(--adm-text-main);margin:12px 0 4px;font-size:1.625rem;font-weight:900}.admin-dash-stat-sub{color:var(--adm-text-muted);margin:0;font-size:.75rem;font-weight:700}.admin-dash-analytics-row{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}@media (min-width:1024px){.admin-dash-analytics-row{grid-template-columns:2fr 1fr}}.admin-dash-chart-card{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.admin-dash-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-dash-chart-title{text-transform:uppercase;letter-spacing:.05em;color:var(--adm-text-main);align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:900;display:flex}.admin-dash-chart-sub{color:var(--adm-text-muted);margin:2px 0 0;font-size:.75rem}.admin-dash-chart-hover-text{text-align:right;font-family:monospace;font-size:.75rem}.admin-dash-chart-svg-box{width:100%;padding-top:8px;overflow:hidden}.admin-dash-hsk-card{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;padding:24px}.admin-dash-hsk-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.admin-dash-hsk-item{flex-direction:column;gap:4px;display:flex}.admin-dash-hsk-header{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.admin-dash-hsk-label{color:var(--adm-text-main);font-weight:800}.admin-dash-hsk-count{color:var(--adm-text-muted);font-family:monospace;font-weight:700}.admin-dash-hsk-track{background-color:#f1f5f9;border-radius:9999px;width:100%;height:8px;overflow:hidden}.admin-dash-hsk-fill{background-color:var(--adm-red);border-radius:9999px;height:100%}.admin-dash-bottom-row{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;display:grid}@media (min-width:1024px){.admin-dash-bottom-row{grid-template-columns:2fr 1fr}}.admin-dash-panel-card{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;padding:24px}.admin-dash-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-dash-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--adm-text-main);align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:900;display:flex}.admin-dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-dash-quick-link{border-radius:var(--adm-radius-md);border:2px solid var(--adm-border);color:var(--adm-text-main);background-color:#f8fafc;align-items:center;gap:10px;padding:14px;font-size:.8125rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.admin-dash-quick-link:hover{border-color:var(--adm-ink);box-shadow:var(--adm-shadow-sm);background-color:#fff;transform:translateY(-2px)}.admin-table-wrap{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-thead{border-bottom:2px solid var(--adm-border);background-color:#f8fafc}.admin-th{letter-spacing:.06em;text-transform:uppercase;color:var(--adm-text-muted);white-space:nowrap;padding:14px 18px;font-size:.6875rem;font-weight:900}.admin-td{color:var(--adm-text-main);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:.8125rem}.admin-tr:hover{background-color:#f8fafc}.admin-scholar-cell{align-items:center;gap:12px;display:flex}.admin-scholar-avatar{width:36px;height:36px;color:var(--adm-text-main);background-color:#e2e8f0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.admin-scholar-avatar-img{object-fit:cover;width:100%;height:100%}.admin-scholar-meta{flex-direction:column;line-height:1.3;display:flex}.admin-scholar-name{color:var(--adm-text-main);margin:0;font-size:13px;font-weight:800}.admin-scholar-email{color:var(--adm-text-muted);margin:0;font-family:monospace;font-size:11px}.admin-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:900;display:inline-flex}.admin-badge-pro{color:#b45309;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.admin-badge-free{color:var(--adm-text-muted);background-color:#f1f5f9}.admin-badge-active{background-color:var(--adm-emerald-light);color:#065f46;border:1px solid var(--adm-emerald-light-border)}.admin-badge-inactive{color:#64748b;background-color:#f1f5f9}.admin-badge-admin{background-color:var(--adm-red-light);color:var(--adm-red-border);border:1px solid var(--adm-red-light-border)}.admin-badge-learner{color:var(--adm-text-muted);background-color:#f1f5f9}.admin-filter-bar{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.admin-search-form{flex:1;align-items:center;gap:8px;min-width:240px;display:flex}.admin-search-wrap{flex:1;position:relative}.admin-search-icon{color:var(--adm-text-subtle);font-size:12px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-input{border-radius:var(--adm-radius-md);border:2px solid var(--adm-border);width:100%;color:var(--adm-text-main);background-color:#f8fafc;outline:none;padding:9px 14px 9px 36px;font-size:.8125rem;font-weight:600;transition:all .15s}.admin-input:focus{border-color:var(--adm-ink);background-color:#fff;box-shadow:0 0 0 3px #18181b0f}.admin-select{border-radius:var(--adm-radius-md);border:2px solid var(--adm-border);color:var(--adm-text-main);cursor:pointer;background-color:#f8fafc;outline:none;padding:9px 14px;font-size:.8125rem;font-weight:700;transition:all .15s}.admin-select:focus{border-color:var(--adm-ink);background-color:#fff}.admin-pagination-bar{border:2px solid var(--adm-border);border-radius:var(--adm-radius-lg);box-shadow:var(--adm-shadow-xs);background-color:#fff;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;display:flex}.admin-pagination-info{color:var(--adm-text-muted);font-size:.75rem;font-weight:700}.admin-pagination-actions{align-items:center;gap:8px;display:flex}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background-color:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal-box{border:2px solid var(--adm-border);border-radius:var(--adm-radius-xl);box-shadow:var(--adm-shadow-lg);background-color:#fff;width:100%;max-width:580px;max-height:90vh;padding:28px;overflow-y:auto}.admin-modal-head{border-bottom:2px solid var(--adm-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-modal-title{text-transform:uppercase;color:var(--adm-text-main);margin:0;font-size:1.125rem;font-weight:900}.admin-modal-close{color:var(--adm-text-subtle);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.25rem}.admin-modal-close:hover{color:var(--adm-text-main)}.admin-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.admin-form-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:.75rem;font-weight:800}.admin-form-textarea{border-radius:var(--adm-radius-md);border:2px solid var(--adm-border);outline:none;width:100%;min-height:80px;padding:10px 14px;font-family:inherit;font-size:.8125rem}.admin-form-textarea:focus{border-color:var(--adm-ink)}.admin-tabs-nav{border-bottom:2px solid var(--adm-border);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tab-btn{border-radius:var(--adm-radius-md);text-transform:uppercase;letter-spacing:.04em;color:var(--adm-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 16px;font-size:.8125rem;font-weight:800;transition:all .15s}.admin-tab-btn:hover{color:var(--adm-text-main);background-color:#f1f5f9}.admin-tab-btn.active{color:var(--adm-red);background-color:var(--adm-red-light);font-weight:900}.admin-dict-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.admin-dict-card{border-radius:var(--adm-radius-lg);border:2px solid var(--adm-border);text-align:center;cursor:pointer;background-color:#f8fafc;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-dict-card:hover{border-color:var(--adm-red);box-shadow:var(--adm-shadow-md);background-color:#fff;transform:translateY(-2px)}.admin-dict-char-box{border-radius:var(--adm-radius-md);border:1px solid var(--adm-border);width:52px;height:52px;color:var(--adm-text-main);box-shadow:var(--adm-shadow-xs);background-color:#fff;justify-content:center;align-items:center;margin:0 auto 8px;font-family:serif;font-size:1.75rem;font-weight:900;transition:color .15s;display:flex}.admin-dict-card:hover .admin-dict-char-box{color:var(--adm-red);border-color:var(--adm-red-light-border)}.admin-dict-pinyin{color:var(--adm-red);margin-bottom:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.admin-dict-hanviet,.admin-dict-pinyin{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.admin-dict-hanviet{text-transform:uppercase;letter-spacing:.04em}.admin-dict-hanviet,.admin-dict-meta{color:var(--adm-text-muted);font-size:.625rem}.admin-dict-meta{border-top:1px solid var(--adm-border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.admin-dict-inspector-hero{border-radius:var(--adm-radius-lg);border:1px solid var(--adm-border);background-color:#f8fafc;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.admin-dict-inspector-char{border-radius:var(--adm-radius-lg);border:2px solid var(--adm-border);width:68px;height:68px;color:var(--adm-text-main);box-shadow:var(--adm-shadow-sm);background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-family:serif;font-size:2.5rem;font-weight:900;display:flex}.admin-dict-meaning-card{border-radius:var(--adm-radius-md);border:1px solid var(--adm-border);background-color:#f8fafc;margin-bottom:8px;padding:12px 14px;font-size:.8125rem}.admin-dict-memory-tip{background-color:var(--adm-amber-light);border:1px solid var(--adm-amber-light-border);border-radius:var(--adm-radius-sm);color:#92400e;margin-top:8px;padding:8px 10px;font-size:.75rem;line-height:1.4}.admin-sys-cache-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:12px;display:grid}.admin-sys-cache-card{border-radius:var(--adm-radius-lg);border:2px solid var(--adm-border);background-color:#f8fafc;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;display:flex}.admin-sys-cache-title{text-transform:uppercase;color:var(--adm-text-main);letter-spacing:.03em;margin-bottom:6px;font-size:.8125rem;font-weight:900}.admin-sys-cache-desc{color:var(--adm-text-muted);font-size:.75rem;line-height:1.45}.admin-sys-cache-code{border:1px solid var(--adm-border);color:var(--adm-text-main);background-color:#fff;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem}.admin-sys-banner{border-radius:var(--adm-radius-md);justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;font-size:.8125rem;font-weight:700;display:flex}.admin-sys-banner-success{background-color:var(--adm-emerald-light);color:#065f46;border:1px solid var(--adm-emerald-light-border)}.admin-sys-banner-error{background-color:var(--adm-red-light);color:#9f1239;border:1px solid var(--adm-red-light-border)}.admin-lesson-header-wrap{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.admin-lesson-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-lesson-badge{border-radius:var(--adm-radius-md);background-color:var(--adm-ink);color:#fff;flex-shrink:0;width:44px;height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:900;display:flex}.admin-audio-btn,.admin-lesson-badge{justify-content:center;align-items:center}.admin-audio-btn{cursor:pointer;width:30px;height:30px;color:var(--adm-text-main);background-color:#e2e8f0;border:none;border-radius:50%;font-size:.75rem;transition:all .15s;display:inline-flex}.admin-audio-btn:hover{background-color:#cbd5e1}.admin-audio-btn.playing{background-color:var(--adm-red);color:#fff;animation:pulseAudio 1.5s infinite}@keyframes pulseAudio{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.admin-dialogue-row{border:1px solid var(--adm-border);border-radius:var(--adm-radius-md);background-color:#fff;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.admin-dialogue-speaker{background-color:var(--adm-ink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:800;display:flex}:root{--font-han-nom-kai:"LXGW WenKai","Noto Serif SC","KaiTi","STKaiti",serif;--font-zh:var(--font-han-nom-kai);--primary-red:#e11d48;--primary-red-dark:#be123c;--primary-rgb:225,29,72;--ink-black:#18181b;--ink-black-dark:#09090b;--imperial-gold:#f59e0b;--imperial-gold-dark:#d97706;--accent-green:#10b981;--accent-green-dark:#059669;--bg-rice-paper:#faf9f6;--card-white:#fff;--card-border:#e4e4e7;--card-hover:#f4f4f5;--text-main:#18181b;--text-muted:#71717a;--primary:#06b6d4;--primary-dark:#0891b2;--secondary:#6366f1;--secondary-dark:#4f46e5;--accent:#10b981;--accent-dark:#059669;--bg-light:#f8fafc;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:"Outfit",var(--font-han-nom-kai),sans-serif;background-color:var(--bg-rice-paper);color:var(--text-main);background-image:linear-gradient(#18181b08 1px,#0000 0),linear-gradient(90deg,#18181b08 1px,#0000 0);background-size:32px 32px;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;line-height:1.5;display:flex;overflow-x:clip}.font-hannom,.font-hanzi,.text-cn,[data-cn]{font-family:var(--font-han-nom-kai)!important}aside.sidebar{width:var(--sidebar-width);border-right:2px solid var(--card-border);z-index:100;background-color:#fff;background-image:url(/images/sidebar_bottom_mountains.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;height:100vh;padding:12px 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:4px 0 20px #00000008}.sidebar-brand{border-bottom:2px solid var(--card-border);color:var(--text-main);align-items:center;gap:12px;padding-bottom:16px;text-decoration:none;display:flex}.sidebar-brand-logo-img{object-fit:contain;background:0 0;width:auto;max-width:190px;height:50px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.sidebar-brand:hover .sidebar-brand-logo-img{transform:scale(1.03)}.sidebar-logo-img{object-fit:contain;background:0 0;border-radius:12px;width:42px;height:42px}.sidebar-brand-name{letter-spacing:-.5px;align-items:center;gap:6px;font-size:1.4rem;font-weight:900;display:flex}.seal-stamp-small{background:var(--primary-red);color:#fff;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:900}.sidebar-nav{flex-direction:column;flex:1;gap:8px;margin-top:20px;list-style:none;display:flex}.nav-item a,.nav-item-dropdown-btn{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#ffffff73;border:1.5px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:13px 16px;font-family:inherit;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.nav-item-dropdown-btn{justify-content:space-between}.nav-item-btn-left{align-items:center;gap:14px;display:flex}.nav-item a:hover,.nav-item-dropdown-btn:hover{color:var(--text-main);background:#ffffffe6;border-color:#e4e4e7cc;box-shadow:0 4px 12px #0000000a}.nav-item.active a,.nav-item.parent-active .nav-item-dropdown-btn{color:var(--primary-red);border:2px solid var(--primary-red);border-bottom:4px solid var(--primary-red-dark);box-shadow:0 4px 14px rgba(var(--primary-rgb),.15);background:#fffffff5}.nav-dropdown-caret{color:var(--text-muted);font-size:.8rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.nav-dropdown-caret.rotated{color:var(--primary-red);transform:rotate(180deg)}.sidebar-subnav{border-left:2px solid var(--card-border);flex-direction:column;gap:4px;margin:6px 0 6px 20px;padding:4px 0 4px 12px;list-style:none;display:flex}.sidebar-subnav:not(.open){display:none}.subnav-item a{color:var(--text-muted);text-transform:none;letter-spacing:0;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.subnav-item a:hover{background:var(--card-hover);color:var(--text-main);border-color:var(--card-border)}.subnav-item.active a{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3;font-weight:800}.subnav-item i{text-align:center;width:18px;font-size:.95rem}.subnav-zh-badge{color:var(--text-muted);background:#0000000a;border-radius:6px;margin-left:auto;padding:1px 6px;font-size:.72rem;font-weight:900}.subnav-item.active .subnav-zh-badge{background:var(--primary-red);color:#fff}.nav-icon-img{object-fit:contain;width:24px;height:24px}.nav-item i{text-align:center;width:24px;font-size:1.2rem}.sidebar-profile{z-index:1;-webkit-backdrop-filter:blur(10px);cursor:pointer;color:var(--text-main);background:#ffffffeb;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:20px;align-items:center;gap:12px;margin-top:auto;padding:12px 14px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 6px 20px #00000012}.sidebar-profile:hover{border-color:var(--primary-red);border-bottom-color:var(--primary-red-dark);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #e11d4829}.sidebar-profile:hover .fa-chevron-right{transform:translate(3px);color:var(--primary-red)!important}.sidebar-profile:active{border-bottom-width:2px;transform:translateY(2px)}.sidebar-profile.active{border-color:var(--primary-red);border-bottom-color:var(--primary-red-dark);background:#fff;box-shadow:0 6px 20px #e11d482e}.user-avatar-mini{border:2px solid var(--primary-red);object-fit:cover;border-radius:50%;width:38px;height:38px}.user-info-name{font-size:.9rem;font-weight:800;line-height:1.2}.user-info-rank{color:var(--primary-red);font-size:.75rem;font-weight:700}main.main-content{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;width:100%;min-width:0;max-width:100%;margin:0 auto;padding:24px 16px;display:flex}@media (max-width:640px){main.main-content{padding:16px 14px}}@media (max-width:380px){main.main-content{padding:12px 10px}}.top-hud-bar{border:2px solid var(--card-border);z-index:50;background:#fff;border-radius:20px;grid-column:1/-1;justify-content:space-between;padding:14px 28px;box-shadow:0 4px 15px #00000005}.hud-stat-group,.top-hud-bar{align-items:center;display:flex}.hud-stat-group{gap:28px}.hud-stat-pill{align-items:center;gap:10px;font-size:.95rem;font-weight:800;display:flex}.hud-stat-pill img{width:22px;height:22px}.streak-fire{color:#f97316}.xp-star{color:#eab308}.gem-diamond{color:#06b6d4}.language-select-btn{color:var(--text-main);cursor:pointer;background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:800;transition:all .15s;display:flex}.language-select-btn:hover{background:var(--card-hover);border-color:var(--primary-red)}.language-select-btn:active{border-bottom-width:2px;transform:translateY(2px)}.lang-flag{font-size:1.1rem;line-height:1}.lang-code{letter-spacing:.5px;font-weight:900}.lang-arrow{color:var(--text-muted);font-size:.7rem;transition:transform .2s}.lang-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{border:2px solid var(--card-border);z-index:210;background:#fff;border-radius:18px;width:200px;padding:6px;animation:fadeInDown .15s ease-out;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0000001f}.language-option-item{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:700;transition:background .15s;display:flex}.language-option-item:hover{background:var(--bg-rice-paper)}.language-option-item.active{color:var(--primary-red);background:#e11d4814}.lang-option-flag{font-size:1.2rem}.lang-option-name{flex:1}.course-select-btn{color:var(--text-main);cursor:pointer;background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;font-weight:900;transition:all .15s;display:flex}.course-select-btn:hover{background:var(--card-hover);border-color:var(--primary-red)}.course-select-btn:active{border-bottom-width:2px;transform:translateY(2px)}.dropdown-arrow{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.course-dropdown-menu{border:2px solid var(--card-border);z-index:200;background:#fff;border-radius:20px;width:290px;padding:8px;animation:fadeInDown .15s ease-out;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0000001f}.dropdown-menu-header{color:var(--text-muted);letter-spacing:.8px;border-bottom:1px solid var(--card-border);margin-bottom:4px;padding:8px 12px;font-size:.75rem;font-weight:900}.course-option-item{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.course-option-item:hover{background:var(--bg-rice-paper)}.course-option-item.active{background:#e11d4814}.option-icon{font-size:1.3rem}.option-info{flex:1}.option-title{color:var(--text-main);font-size:.9rem;font-weight:800}.option-desc{color:var(--text-muted);font-size:.75rem;line-height:1.2}.option-check-icon{color:var(--primary-red);font-size:.85rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.learning-feed{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;min-width:0;max-width:620px;margin:0 auto;display:flex}@media (max-width:640px){.learning-feed{gap:20px;max-width:100%}}.level-unit-block{flex-direction:column}.level-unit-block,.unit-banner{box-sizing:border-box;gap:20px;width:100%;min-width:0;max-width:100%;display:flex}.unit-banner{background:linear-gradient(135deg,var(--ink-black),#27272a);color:#fff;border-bottom:5px solid var(--ink-black-dark);border-radius:24px;justify-content:space-between;align-items:center;padding:26px 30px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001f}.unit-banner-content{flex:1;min-width:0}.unit-header-tag{text-transform:uppercase;letter-spacing:1px;color:var(--primary-red);margin-bottom:6px;font-size:.8rem;font-weight:800}.unit-title{word-break:break-word;margin-bottom:6px;font-size:1.5rem;font-weight:900;line-height:1.3}.unit-desc{color:#a1a1aa;font-size:.95rem;font-weight:500;line-height:1.5}.unit-guide-btn{background:var(--primary-red);color:#fff;text-transform:uppercase;border:none;border-bottom:4px solid var(--primary-red-dark);cursor:pointer;white-space:nowrap;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;font-weight:800;transition:all .1s;display:flex}.unit-guide-btn:active{border-bottom-width:0;transform:translateY(3px)}@media (max-width:640px){.unit-banner{border-bottom-width:4px;border-radius:20px;flex-direction:column;align-items:stretch;gap:14px;padding:18px 18px 16px}.unit-header-tag{margin-bottom:4px;font-size:.72rem}.unit-title{margin-bottom:6px;font-size:1.25rem;line-height:1.3}.unit-desc{font-size:.86rem;line-height:1.5}.unit-guide-btn{border-radius:14px;justify-content:center;width:100%;min-height:44px;padding:12px 18px;font-size:.82rem}}@media (max-width:380px){.unit-banner{border-radius:16px;gap:12px;padding:14px 14px 12px}.unit-title{font-size:1.15rem}.unit-desc{font-size:.8rem}.unit-guide-btn{padding:10px 14px;font-size:.78rem}}.path-tree-container{flex-direction:column;align-items:center;width:100%;max-width:100%;padding:20px 0;display:flex;position:relative;overflow-x:clip}.node-connector-wrapper{pointer-events:none;z-index:1;justify-content:center;width:100%;height:48px;display:flex}.node-connector-svg{overflow:visible}.node-row{z-index:2;justify-content:center;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.node-row.checkpoint-row{margin:10px 0}.node-wrapper-relative{width:90px;height:90px}.duo-node-btn,.node-wrapper-relative{justify-content:center;align-items:center;display:flex;position:relative}.duo-node-btn{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:3;border:none;border-radius:50%;width:76px;height:76px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 24px #0000001f}.duo-node-btn.active-node{color:#fff;background:linear-gradient(#e11d48,#be123c);border-bottom:7px solid #881337;font-size:1.5rem;box-shadow:0 10px 25px #be123c59}.duo-node-btn.active-node:hover{border-bottom-width:9px;transform:translateY(-3px);box-shadow:0 14px 28px #be123c73}.duo-node-btn.active-node:active{border-bottom-width:0;transform:translateY(6px)}.node-progress-ring{pointer-events:none;z-index:2;width:94px;height:94px;position:absolute;top:-2px;left:-2px;transform:rotate(-90deg)}.ring-pulse{animation:ringPulseAnim 2s ease-in-out infinite alternate}@keyframes ringPulseAnim{0%{opacity:.4}to{opacity:.9;stroke-width:5px}}.node-main-icon{justify-content:center;align-items:center;font-size:1.6rem;display:flex}.duo-node-btn.completed-node{color:#fff;background:linear-gradient(#15803d,#166534);border-bottom:7px solid #14532d;font-size:1.5rem;box-shadow:0 8px 20px #16653440}.duo-node-btn.completed-node:hover{border-bottom-width:9px;transform:translateY(-2px);box-shadow:0 12px 24px #16653459}.duo-node-btn.completed-node:active{border-bottom-width:0;transform:translateY(6px)}.duo-node-btn.locked-node{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0;border-bottom:7px solid #cbd5e1;font-size:1.5rem;box-shadow:0 6px 14px #0000000a}.duo-node-btn.pro-gated-node{color:#be123c;cursor:pointer;background:linear-gradient(#fff1f2,#ffe4e6);border-bottom:7px solid #fda4af;box-shadow:0 6px 16px #be123c26}.duo-node-btn.pro-gated-node:hover{background:linear-gradient(#ffe4e6,#fecdd3);border-bottom-width:9px;border-bottom-color:#fb7185;transform:translateY(-2px);box-shadow:0 8px 22px #be123c38}.duo-node-btn.pro-gated-node:active{border-bottom-width:0;transform:translateY(6px)}.duo-node-btn.checkpoint-node{color:#fff;background:linear-gradient(#f59e0b,#d97706);border-bottom:8px solid #b45309;border-radius:28px;width:86px;height:86px;font-size:1.8rem;box-shadow:0 12px 28px #d9770659}.duo-node-btn.checkpoint-node:hover{border-bottom-width:10px;transform:translateY(-3px);box-shadow:0 16px 32px #d9770673}.duo-node-btn.checkpoint-node:active{border-bottom-width:0;transform:translateY(6px)}.duo-node-btn.locked-checkpoint-node{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0;border-bottom:8px solid #cbd5e1;border-radius:28px;width:86px;height:86px;font-size:1.5rem}.node-icon-checkpoint-group{flex-direction:column;position:relative}.checkpoint-mastery-tag,.node-icon-checkpoint-group{justify-content:center;align-items:center;display:flex}.checkpoint-mastery-tag{color:#fff;background:#22c55e;border:2px solid #fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:900;position:absolute;bottom:-6px;right:-8px}.node-tooltip{white-space:nowrap;color:#18181b;z-index:20;background:#fff;border:2px solid #be123c;border-radius:16px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:800;animation:pulseTooltip 2.2s ease-in-out infinite alternate;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #be123c38}.node-tooltip .tooltip-prefix{color:#be123c;letter-spacing:.5px;font-weight:900}.node-tooltip .tooltip-title{color:#27272a;text-overflow:ellipsis;max-width:180px;overflow:hidden}.node-tooltip:after{content:"";border-bottom:8px solid #0000;border-color:#be123c #0000;border-style:solid;border-width:8px 8px 0;width:0;display:block;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@media (max-width:640px){.node-tooltip{max-width:min(280px,100vw - 32px);padding:6px 12px;font-size:.76rem;bottom:88px}.node-tooltip .tooltip-title{max-width:130px}}@keyframes pulseTooltip{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:fadeIn .2s ease-out;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-popover-card{border:2px solid var(--card-border);background:#fff;border-radius:28px;width:100%;max-width:440px;padding:32px;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 20px 40px #0000002e}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-card{background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:24px;width:100%;max-width:520px;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #0f172a38}.lesson-preview-card{max-width:480px}.grammar-guide-card{max-width:680px}.modal-header{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.preview-tag{letter-spacing:.8px;color:#71717a;text-transform:uppercase;font-size:12px;font-weight:800}.modal-close-btn{background:var(--bg-rice-paper);border:1px solid var(--card-border);width:34px;height:34px}.modal-close-btn:hover{color:var(--text-main);background:#f4f4f5;transform:scale(1.08)}.modal-close-btn:active{transform:scale(.95)}.modal-body{padding:20px 24px}.modal-footer{align-items:center;padding:0 24px 24px;display:flex}.modal-start-btn{width:100%;min-height:48px}.popover-close-btn{background:var(--bg-rice-paper);border:1px solid var(--card-border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.popover-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.popover-icon{font-size:2rem}.popover-title{color:var(--text-main);font-size:1.25rem;font-weight:900}.popover-desc{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.popover-stats{background:var(--bg-rice-paper);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.popover-stat-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.stat-label{color:var(--text-muted);font-weight:700}.stat-value{color:var(--text-main);font-weight:900}.xp-badge{color:var(--imperial-gold-dark)}.popover-start-btn{width:100%}.practice-screen-container{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:760px;min-height:560px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000040}.practice-header{align-items:center;gap:20px;padding:24px 32px 16px;display:flex}.practice-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem}.practice-progress-bar-bg{background:#e4e4e7;border-radius:99px;flex:1;height:14px;overflow:hidden}.practice-progress-bar-fill{background:var(--primary-red);border-radius:99px;height:100%;transition:width .3s}.practice-count-badge{color:var(--text-muted);font-size:.85rem;font-weight:900}.practice-body{flex-direction:column;flex:1;min-height:0;padding:14px 28px;display:flex;position:relative;overflow:hidden auto}.hanzi-flashcard{text-align:center;background:var(--bg-rice-paper);border:2px solid var(--card-border);border-radius:24px;padding:24px}.hanzi-tianzige-box{border:2px solid var(--primary-red);background-color:#fff;background-image:linear-gradient(#e11d4826 1px,#0000 0),linear-gradient(90deg,#e11d4826 1px,#0000 0);background-position:50%;background-repeat:repeat;background-size:65px 65px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:20px;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 12px;display:flex;position:relative}.hanzi-main{font-family:var(--font-han-nom-kai);color:var(--ink-black);font-size:3.8rem;font-weight:900}.hanzi-audio-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex;position:absolute;bottom:8px;right:8px}.hanzi-pinyin{color:var(--primary-red);margin-bottom:4px;font-size:1.3rem;font-weight:800}.hanzi-type{font-weight:600}.hanzi-traditional,.hanzi-type{color:var(--text-muted);font-size:.85rem}.hanzi-traditional{margin-top:4px}.hanzi-example-box{border-top:1px dashed var(--card-border);text-align:left;margin-top:16px;padding-top:16px}.example-label{color:var(--primary-red);margin-bottom:6px;font-size:.8rem;font-weight:800}.example-hanzi{font-size:1rem;font-weight:800}.example-pinyin{color:var(--primary-red);font-size:.85rem}.example-meaning{color:var(--text-muted);font-size:.85rem}.quiz-section{flex-direction:column;gap:14px;display:flex}.quiz-question-title{font-size:1.05rem;font-weight:900}.quiz-option-card{cursor:pointer;text-align:left;background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;font-family:inherit;transition:all .15s;display:flex}.quiz-option-card:hover{background:var(--card-hover);border-color:var(--primary-red)}.quiz-option-card.selected{border-color:var(--primary-red);background:#e11d4814}.quiz-option-card.correct{border-color:var(--accent-green);border-bottom-color:var(--accent-green-dark);background:#10b9811f}.quiz-option-card.incorrect{border-color:var(--primary-red);background:#e11d4826}.quiz-option-idx{border:2px solid var(--card-border);width:28px;height:28px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.quiz-option-text{color:var(--text-main);font-size:.95rem;font-weight:800}.practice-footer{border-top:2px solid var(--card-border);z-index:20;background:#fff;flex-shrink:0;padding:12px 28px}.practice-footer.feedback-correct{border-top-color:var(--accent-green);background:#d1fae5}.practice-footer.feedback-incorrect{border-top-color:var(--primary-red);background:#ffe4e6}.footer-content{justify-content:space-between;align-items:center;display:flex}.feedback-message-group{align-items:center;gap:16px;display:flex}.feedback-icon{font-size:2rem}.feedback-title{font-size:1.1rem}.feedback-desc{font-size:.85rem;font-weight:700}.btn-success{background-color:var(--accent-green)!important;border-bottom-color:var(--accent-green-dark)!important}.lesson-completion-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex}.completion-trophy{margin-bottom:16px;font-size:4.5rem}.completion-title{margin-bottom:8px;font-size:2rem;font-weight:900}.completion-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem}.completion-stats-row{gap:24px;margin-bottom:40px;display:flex}.completion-stat-box{background:var(--bg-rice-paper);border:2px solid var(--card-border);border-radius:20px;padding:20px 32px}.stat-num{color:var(--primary-red);font-size:1.8rem;font-weight:900}.stat-name{color:var(--text-muted);font-size:.75rem;font-weight:900}.completion-btn{width:280px}.btn-duo-primary{background-color:var(--primary-red);color:#fff;text-transform:uppercase;letter-spacing:.8px;border:none;border-bottom:5px solid var(--primary-red-dark);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .1s;display:inline-flex}.btn-duo-primary:disabled{color:#71717a;cursor:not-allowed;background-color:#e4e4e7;border-bottom-color:#a1a1aa}.btn-duo-primary:active:not(:disabled){border-bottom-width:0;transform:translateY(5px)}.leaderboard-widget{background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:28px;padding:24px;box-shadow:0 10px 30px #00000008}.lb-header-title{color:var(--text-main);align-items:center;gap:10px;font-size:1.1rem;font-weight:900;display:flex}.lb-trophy-icon{color:var(--imperial-gold);filter:drop-shadow(0 2px 4px #f59e0b4d);font-size:1.25rem}.lb-view-all-link{color:var(--primary-red);align-items:center;gap:4px;font-size:.8rem;font-weight:800;text-decoration:none;transition:gap .2s;display:flex}.lb-view-all-link:hover{gap:6px}.leaderboard-list{flex-direction:column;gap:12px;margin-top:16px;list-style:none;display:flex}.lb-item{background:var(--bg-rice-paper);border:2px solid var(--card-border);border-bottom:4px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.lb-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.lb-item.rank-1{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d;border-bottom:4px solid #f59e0b}.lb-item.rank-2{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;border-bottom:4px solid #94a3b8}.lb-item.rank-3{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74;border-bottom:4px solid #ea580c}.lb-user{gap:12px}.lb-rank-badge,.lb-user{align-items:center;display:flex}.lb-rank-badge{border-radius:50%;justify-content:center;width:28px;height:28px;font-size:.85rem;font-weight:900}.lb-rank-badge.rank-1{background:var(--imperial-gold);color:#fff;box-shadow:0 3px 8px #f59e0b66}.lb-rank-badge.rank-2{color:#fff;background:#94a3b8}.lb-rank-badge.rank-3{color:#fff;background:#ea580c}.lb-avatar-wrapper{position:relative}.lb-avatar{object-fit:cover;border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:38px;min-width:38px;height:38px;min-height:38px}.lb-avatar.rank-1{border-color:var(--imperial-gold)}.lb-avatar.rank-2{border-color:#94a3b8}.lb-avatar.rank-3{border-color:#ea580c}.lb-user-details{flex-direction:column;display:flex}.lb-user-name{color:var(--text-main);font-size:.9rem;font-weight:800;line-height:1.2}.lb-user-level{color:var(--primary-red);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:800}.lb-xp-tag{color:var(--text-main);border:1.5px solid var(--card-border);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 2px 6px #00000005}.lb-xp-star-img{width:18px;height:18px}.lesson-page-wrapper{background-color:var(--bg-rice-paper);width:100vw;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.mobile-lesson-sidebar-toggle{display:none}aside.lesson-content-sidebar{border-right:2px solid var(--card-border);z-index:50;box-sizing:border-box;background:#fff;justify-content:space-between;width:320px;min-width:300px;max-width:340px;padding:20px 18px;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 16px #00000005}.lesson-main-viewport,aside.lesson-content-sidebar{flex-direction:column;height:100vh;max-height:100vh;display:flex}.lesson-main-viewport{background-color:var(--bg-rice-paper);flex:1;min-width:0;position:relative;overflow:hidden}.sidebar-header-box{border-bottom:1.5px solid var(--card-border);flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.practice-back-link{border:1.5px solid var(--card-border);color:var(--text-muted);background:#f8fafc;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.practice-back-link:hover{color:var(--text-main);background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.sidebar-topic-info{flex-direction:column;gap:6px;display:flex}.sidebar-topic-badge{color:var(--primary-red);text-transform:uppercase;letter-spacing:.5px;background:#e11d4814;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.75rem;font-weight:900;display:inline-flex}.sidebar-topic-title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:900;line-height:1.35}.sidebar-xp-streak-row{align-items:center;gap:8px;display:flex}.sidebar-xp-pill{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:99px}.sidebar-streak-pill,.sidebar-xp-pill{align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.sidebar-streak-pill{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa;border-radius:99px}.lesson-stages-list{flex-direction:column;flex:1;gap:10px;margin-top:18px;display:flex}.stages-list-label{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;padding-left:4px;font-size:.72rem;font-weight:900}.lesson-stage-nav-item{border:2px solid var(--card-border);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .18s;display:flex}.lesson-stage-nav-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(3px)}.lesson-stage-nav-item.active{border-color:var(--primary-red);background:#fff1f2;box-shadow:0 4px 14px #e11d481f}.lesson-stage-nav-item.completed{background:#f0fdf4;border-color:#bbf7d0}.lesson-stage-nav-item.completed.active{border-color:var(--primary-red);background:#fff1f2}.stage-nav-icon{color:#64748b;background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .18s;display:flex}.lesson-stage-nav-item.active .stage-nav-icon{background:var(--primary-red);color:#fff}.lesson-stage-nav-item.completed .stage-nav-icon{color:#fff;background:#16a34a}.stage-nav-text{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.stage-nav-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.lesson-stage-nav-item.active .stage-nav-title{color:var(--primary-red)}.stage-nav-subtitle{color:#64748b;font-size:.75rem;font-weight:600}.stage-nav-badge{color:#475569;background:#f1f5f9;border-radius:10px;flex-shrink:0;padding:4px 8px;font-size:.8rem;font-weight:900}.lesson-stage-nav-item.active .stage-nav-badge{color:#be123c;background:#fecdd3}.lesson-stage-nav-item.completed .stage-nav-badge{color:#15803d;background:#dcfce7}.sidebar-progress-box{border:1.5px solid var(--card-border);background:#f8fafc;border-radius:16px;margin-top:12px;padding:14px 16px}.sidebar-progress-label-row{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;font-weight:800;display:flex}.sidebar-progress-track{background:#e2e8f0;border-radius:99px;width:100%;height:8px;overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;height:100%;transition:width .3s}main.lesson-workspace-main{min-height:0;height:calc(100vh - var(--header-height,68px));max-height:calc(100vh - var(--header-height,68px));box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:12px 20px;display:flex;overflow:hidden}.lesson-page-container.wide-layout{border:2px solid var(--card-border);background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:960px;height:100%;max-height:100%;transition:max-width .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000a}.lesson-page-container.wide-layout.has-stroke-open{max-width:1180px}@media (max-width:920px){.lesson-page-wrapper{flex-direction:column;height:auto;min-height:100vh;max-height:none;overflow:visible}aside.lesson-content-sidebar{border-right:none;border-bottom:2px solid var(--card-border);width:100%;max-width:100%;height:auto;padding:16px;position:static}.lesson-main-viewport{width:100%;min-width:100%;height:auto;max-height:none;overflow:visible}.lesson-stages-list{flex-direction:column;gap:10px;padding-bottom:0;overflow:visible}.lesson-stage-nav-item{flex-shrink:0;width:100%;min-width:0;padding:10px 12px}main.lesson-workspace-main{padding:16px 12px 60px}.lesson-page-container.wide-layout,.lesson-page-container.wide-layout.has-stroke-open,main.lesson-workspace-main{height:auto;min-height:0;max-height:none;overflow:visible}}@media (max-width:640px){.mobile-lesson-sidebar-toggle{width:28px;height:52px;color:var(--primary-red);cursor:pointer;z-index:80;background:#fff;border:1px solid #e2e8f0;border-left:0;border-radius:0 12px 12px 0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 4px 12px #0f172a24}.mobile-lesson-sidebar-overlay{cursor:pointer;z-index:90;background:#0f172a6b;border:0;width:100%;height:100dvh;padding:0;display:block;position:fixed;inset:0}.mobile-lesson-sidebar-toggle:active{transform:translateY(-50%)translate(2px)}aside.lesson-content-sidebar.is-mobile-closed{display:none}aside.lesson-content-sidebar.is-mobile-open{border-right:2px solid var(--card-border);z-index:100;border-bottom:0;width:min(320px,100vw - 44px);min-width:0;max-width:320px;height:100dvh;max-height:none;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto;box-shadow:8px 0 28px #0f172a2e}.mobile-sidebar-open .mobile-lesson-sidebar-toggle{z-index:110;left:min(320px,100vw - 44px)}aside.lesson-content-sidebar{padding:12px}.sidebar-header-box{gap:12px;padding-bottom:14px}.lesson-stages-list{margin-top:14px}.lesson-stage-nav-item{min-width:165px}main.lesson-workspace-main{justify-content:flex-start;align-items:stretch;padding:10px 8px 32px}.lesson-page-container.wide-layout,.lesson-page-container.wide-layout.has-stroke-open{border-width:1.5px;border-radius:16px;width:100%;box-shadow:0 4px 18px #0f172a0f}.practice-header{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:16px 14px 12px}.practice-header>div:first-child{width:100%}.vocab-mode-switcher{width:100%;margin:0!important}.vocab-mode-tab{flex:1;justify-content:center;min-width:0;padding:7px 8px}.practice-header .practice-count-badge{margin-left:auto}.practice-body{box-sizing:border-box;flex:0 auto;width:100%;padding:12px 10px;overflow-y:visible}.practice-body.flashcard-practice-body{min-height:0;display:block}.practice-footer{padding:10px 12px}.footer-content{flex-direction:column;align-items:stretch;gap:10px}.feedback-message-group{align-items:flex-start;gap:10px}.footer-action-btn,.footer-action-btn>div{width:100%}.footer-action-btn>div{flex-wrap:wrap!important;justify-content:stretch!important;gap:8px!important}.footer-btn-wide{width:100%;min-width:0;min-height:42px;padding:10px 12px;font-size:.82rem}.footer-action-btn>div>.footer-btn-wide{flex:calc(50% - 4px);width:auto}.vocab-flashcard-workspace,.vocab-flashcard-workspace.has-stroke-sidebar{flex-direction:column;gap:12px;height:auto;max-height:none;display:block}.vocab-flashcard-stage-container{height:auto;min-height:0}.vocab-interactive-card{flex:none;min-height:0}.flashcard-inner{height:100%;min-height:0}.flashcard-back,.flashcard-front{border-radius:18px;padding:12px}.card-top-action-row{align-items:flex-start;gap:8px;margin-bottom:8px}.flashcard-top-actions-group{gap:6px}.flashcard-stroke-toggle-btn{padding:4px 7px;font-size:10px}.hanzi-tianzige-row{flex-wrap:wrap;gap:6px}.count-1 .hero-tianzige-char{background-size:54px 54px;width:108px;height:108px}.count-1 .hanzi-char-glyph{font-size:3.6rem}.count-2 .hero-tianzige-char{background-size:43px 43px;width:86px;height:86px}.count-2 .hanzi-char-glyph{font-size:2.8rem}.count-3 .hero-tianzige-char{background-size:34px 34px;width:68px;height:68px}.count-3 .hanzi-char-glyph{font-size:2.2rem}.count-4 .hero-tianzige-char,.count-5 .hero-tianzige-char{background-size:28px 28px;width:56px;height:56px}.count-4 .hanzi-char-glyph,.count-5 .hanzi-char-glyph{font-size:1.7rem}.hero-audio-btn-row{width:34px;height:34px}.flashcard-quick-jumper-row{max-width:100%}.vocab-flashcard-main-col{max-width:none;height:auto;display:block}.vocab-interactive-card{height:clamp(440px,62vh,540px);display:block}.vocab-character-stroke-sidebar-col{width:100%;min-width:0;max-width:none;height:auto}.practice-body.wide-grid{gap:20px;padding:20px 12px}.dialogue-scene-box,.grammar-card{padding:16px}.dialogue-scene-box,.grammar-card-header{flex-direction:column;align-items:stretch}.dialogue-toggles-group{flex-wrap:wrap}.dialogue-toggle-btn{flex:auto;justify-content:center}.dialogue-bubble-content{max-width:calc(100% - 52px);padding:12px 14px}.vocab-list-actions,.vocab-list-toolbar{flex-direction:column;align-items:stretch}.practice-mode-switcher,.vocab-list-actions>button{width:100%}.practice-mode-tab{flex:1;justify-content:center}.vocab-list-card{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px}.vocab-list-card-left{justify-content:space-between;width:100%}.vocab-list-tianzige-thumb{min-width:48px;padding:0 8px;width:auto!important}.vocab-list-card-middle{min-width:calc(100% - 68px)}.vocab-list-actions{flex-direction:row;align-items:normal!important}.vocab-list-card-right{width:100%;margin-left:0}.vocab-list-study-btn{justify-content:center;width:100%}.word-chip-btn{padding:8px 14px;font-size:1.1rem}}.full-lesson-page{background-color:var(--bg-rice-paper);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;display:flex}.full-lesson-page.loading-screen{background:var(--bg-rice-paper);flex-direction:column;gap:16px}.loading-spinner{border:4px solid var(--card-border);border-top-color:var(--primary-red);border-radius:50%;width:48px;height:48px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-muted);font-size:1rem;font-weight:800}.lesson-header-topic{color:var(--primary-red);white-space:nowrap;background:#e11d4814;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.95rem;font-weight:900;display:flex}.practice-body.wide-grid{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding:36px 48px;display:grid}.hanzi-flashcard.wide-card{text-align:center;background:var(--bg-rice-paper);border:2px solid var(--card-border);border-radius:24px;padding:32px 24px;box-shadow:0 4px 15px #00000005}.hanzi-flashcard.wide-card .card-top-action-row{justify-content:flex-start;align-items:center;width:100%;display:flex}.flashcard-flip-action-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.flashcard-flip-action-btn i{color:#64748b;font-size:12px;transition:transform .2s,color .2s}.flashcard-flip-action-btn:hover{color:var(--primary-red,#be123c);background:#fff1f2;border-color:#e11d4859;transform:translate(-2px);box-shadow:0 4px 12px #e11d481f}.flashcard-flip-action-btn:hover i{color:var(--primary-red,#be123c);transform:translate(-3px)}.flashcard-flip-action-btn:active{transform:scale(.96)translate(-2px);box-shadow:0 1px 2px #0000000d}.large-tianzige{background-size:80px 80px!important;width:160px!important;height:160px!important}.large-tianzige .hanzi-main{font-size:4.6rem!important}.large-audio-btn{width:38px!important;height:38px!important;font-size:1rem!important}.quiz-section.wide-quiz{flex-direction:column;justify-content:center;gap:16px;display:flex}.quiz-options-grid.single-col-wide{flex-direction:column;gap:14px;display:flex}.quiz-option-card.wide-option-card{border-radius:20px;min-height:64px;padding:18px 24px}.footer-btn-wide{min-width:180px}.collocations-wrapper{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.collocation-label{color:var(--text-muted);font-size:.78rem;font-weight:800}.collocation-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.collocation-pill{border:1px solid var(--card-border);color:var(--text-main);background:#fff;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700}.usage-note-box{color:#b45309;text-align:left;background:#f59e0b1a;border:1px solid #fcd34d;border-radius:14px;margin-top:16px;padding:10px 14px;font-size:.8rem;font-weight:700}.right-widgets{display:none}@media (max-width:900px){.practice-body.wide-grid{grid-template-columns:1fr;gap:24px;padding:24px}}.stage-tabs-bar{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 32px 14px;display:flex;overflow-x:auto}.stage-tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.stage-tab-item:hover{color:#0f172a;background:#f1f5f9}.stage-tab-item.active{color:var(--primary-red);background:#fef2f2;border-color:#fecdd3;box-shadow:0 2px 6px #e11d481f}.stage-tab-item.completed{color:#16a34a;background:#f0fdf4}.stage-tab-badge{background:#0000000f;border-radius:99px;padding:2px 6px;font-size:.72rem;font-weight:800}.stage-tab-item.active .stage-tab-badge{color:var(--primary-red);background:#fecdd3}.grammar-stage-container{flex-direction:column;gap:20px;width:100%;max-width:800px;margin:0 auto;display:flex}.grammar-card{background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:transform .15s;display:flex}.grammar-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grammar-pattern-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-family:monospace;font-size:.95rem;font-weight:800;display:inline-flex}.grammar-explanation-text{color:#334155;margin:0;font-size:.95rem;line-height:1.6}.grammar-examples-list{border-top:1px dashed #e2e8f0;flex-direction:column;gap:10px;padding-top:14px;display:flex}.grammar-example-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.grammar-example-content{flex:1}.grammar-example-zh{color:#0f172a;font-size:1.15rem;font-weight:800;font-family:var(--font-han-nom-kai);margin-bottom:2px}.grammar-example-py{color:var(--primary-red);margin-bottom:2px;font-size:.82rem;font-weight:600}.grammar-example-vi{color:#64748b;font-size:.85rem}.dialogue-stage-container{flex-direction:column;gap:20px;width:100%;max-width:800px;margin:0 auto;display:flex}.dialogue-scene-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.dialogue-scene-info{align-items:center;gap:12px;display:flex}.dialogue-scene-icon{color:#16a34a;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;box-shadow:0 2px 4px #0000000d}.dialogue-toggles-group{align-items:center;gap:8px;display:flex}.dialogue-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.dialogue-toggle-btn.active{color:#fff;background:#16a34a;border-color:#15803d}.dialogue-chat-feed{flex-direction:column;gap:16px;padding:8px 0;display:flex}.dialogue-bubble-row{align-items:flex-start;gap:12px;width:100%;display:flex}.dialogue-bubble-row.speaker-2{flex-direction:row-reverse}.speaker-avatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 2px 6px #00000014}.speaker-avatar.speaker-1{color:#4338ca;background:#e0e7ff}.speaker-avatar.speaker-2{color:#15803d;background:#dcfce7}.dialogue-bubble-content{border:1.5px solid var(--card-border);background:#fff;border-radius:18px;max-width:75%;padding:14px 18px;position:relative;box-shadow:0 3px 8px #0000000a}.dialogue-bubble-row.speaker-1 .dialogue-bubble-content{border-top-left-radius:4px}.dialogue-bubble-row.speaker-2 .dialogue-bubble-content{background:#f8fafc;border-top-right-radius:4px}.dialogue-bubble-zh{color:#0f172a;font-size:1.25rem;font-weight:800;font-family:var(--font-han-nom-kai);margin-bottom:3px;line-height:1.4}.dialogue-bubble-py{color:var(--primary-red);margin-bottom:4px;font-size:.85rem;font-weight:600}.dialogue-bubble-vi{color:#64748b;border-top:1px dashed #e2e8f0;margin-top:4px;padding-top:4px;font-size:.88rem}.bubble-play-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:.95rem;transition:color .15s}.bubble-play-btn:hover{color:var(--primary-red)}.order-sentence-container{flex-direction:column;gap:20px;width:100%;max-width:680px;margin:0 auto;display:flex}.sentence-answer-slots{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;min-height:90px;padding:16px;transition:border-color .2s;display:flex}.sentence-answer-slots.has-chips{border-color:var(--primary-red);background:#fff}.word-chips-bank{flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 0;display:flex}.word-chip-btn{color:#0f172a;font-size:1.25rem;font-weight:800;font-family:var(--font-han-nom-kai);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:14px;padding:10px 18px;transition:all .1s}.word-chip-btn:hover:not(:disabled){border-color:var(--primary-red);transform:translateY(-2px)}.word-chip-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.word-chip-btn.selected-chip{color:#0000;cursor:default;background:#e2e8f0;border-color:#cbd5e1;border-bottom-width:2px}.answer-chip-btn{background:var(--primary-red);border-bottom:2px solid var(--primary-red-dark);border:solid var(--primary-red-dark);border-width:2px 2px 4px;color:#fff;cursor:pointer;border-radius:12px;padding:8px 16px;font-size:1.2rem;font-weight:800;transition:all .1s}.answer-chip-btn:hover{opacity:.9;transform:translateY(-2px)}.vocab-mode-switcher{background:#f1f5f9;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.vocab-mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.vocab-mode-tab:hover{color:#0f172a}.vocab-mode-tab.active{color:var(--primary-red);background:#fff;box-shadow:0 2px 6px #0000000f}.sidebar-vocab-stage-group{flex-direction:column;width:100%;display:flex}.sidebar-vocab-sublist{border-left:2px solid #e2e8f0;flex-direction:column;gap:3px;max-height:240px;margin-top:4px;margin-left:18px;padding:6px 0 6px 12px;display:flex;overflow-y:auto}.sidebar-vocab-subitem{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:5px 8px;transition:all .15s;display:flex}.sidebar-vocab-subitem:hover{background:#e11d480f}.sidebar-vocab-subitem.active{background:#e11d481a}.subitem-idx{color:#94a3b8;width:16px;font-size:.72rem;font-weight:700}.sidebar-vocab-subitem.active .subitem-idx{color:var(--primary-red)}.subitem-hanzi{color:#0f172a;font-size:.95rem;font-weight:800;font-family:var(--font-han-nom-kai)}.sidebar-vocab-subitem.active .subitem-hanzi{color:var(--primary-red)}.subitem-pinyin{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:600;overflow:hidden}.subitem-audio-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 6px;font-size:.78rem;transition:all .15s}.subitem-audio-btn:hover{color:var(--primary-red);background:#fff}.vocab-flashcard-stage-container{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:660px;height:100%;min-height:0;margin:0 auto;display:flex}.flashcard-stepper-bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.flashcard-nav-arrow-btn{border:1.5px solid var(--card-border);color:#475569;cursor:pointer;background:#f8fafc;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.flashcard-nav-arrow-btn:hover:not(:disabled){border-color:var(--primary-red);color:var(--primary-red);background:#fff;transform:translateY(-1px)}.flashcard-nav-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.flashcard-stepper-indicator{align-items:baseline;gap:4px;font-size:.95rem;font-weight:800;display:flex}.stepper-current-num{color:var(--primary-red);font-size:1.15rem}.stepper-separator{color:#cbd5e1}.stepper-total-num{color:#64748b}.vocab-interactive-card{perspective:1000px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.flashcard-inner{width:100%;height:100%;min-height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.vocab-interactive-card.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{backface-visibility:hidden;border:2px solid var(--card-border);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:24px;flex-direction:column;width:100%;height:100%;padding:16px 22px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;inset:0;overflow-y:auto;box-shadow:0 8px 24px #0000000a}.flashcard-back:hover,.flashcard-front:hover{border-color:#e11d4866;box-shadow:0 12px 30px #e11d4814}.flashcard-back{background:#fdfbf7;overflow-y:auto}.card-top-action-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.flashcard-top-actions-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.flashcard-word-type-tag{color:var(--primary-red);text-transform:uppercase;background:#e11d4814;border-radius:99px;padding:4px 12px;font-size:.8rem;font-weight:800}.flashcard-flip-indicator{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .25s;display:flex}.flashcard-back:hover .flashcard-flip-indicator,.flashcard-front:hover .flashcard-flip-indicator{color:var(--primary-red);background:#e11d481a;transform:rotate(180deg)}.flashcard-stroke-toggle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.flashcard-stroke-toggle-btn:hover{color:var(--primary-red);background:#e11d4814;border-color:#e11d484d}.flashcard-stroke-toggle-btn.active{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.flashcard-tianzige-center{flex-direction:column;align-items:center;margin:6px 0 10px;display:flex;position:relative}.hanzi-tianzige-row{flex-wrap:nowrap;gap:10px;max-width:100%}.hanzi-tianzige-row,.hero-tianzige-char{justify-content:center;align-items:center;display:flex;position:relative}.hero-tianzige-char{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;background-image:linear-gradient(#e11d4826 1px,#0000 0),linear-gradient(90deg,#e11d4826 1px,#0000 0);background-position:50%;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #e2e8f0;border-radius:20px;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 16px #0000000a}.count-1 .hero-tianzige-char{background-size:63px 63px;width:126px;height:126px}.count-1 .hanzi-char-glyph{font-size:4.2rem}.count-2 .hero-tianzige-char{background-size:51px 51px;width:102px;height:102px}.count-2 .hanzi-char-glyph{font-size:3.2rem}.count-3 .hero-tianzige-char{background-size:43px 43px;width:86px;height:86px}.count-3 .hanzi-char-glyph{font-size:2.6rem}.count-4 .hero-tianzige-char,.count-5 .hero-tianzige-char{background-size:36px 36px;width:72px;height:72px}.count-4 .hanzi-char-glyph,.count-5 .hanzi-char-glyph{font-size:2rem}.hero-tianzige-char:hover{border-color:var(--primary-red);transform:translateY(-3px);box-shadow:0 10px 24px #e11d4826}.hero-tianzige-char.active-char{transform:scale(1.04);border-color:var(--primary-red)!important;box-shadow:0 0 0 3px #e11d4838,0 8px 24px #e11d4829!important}.hanzi-char-glyph{font-family:var(--font-han-nom-kai);color:#1e293b;line-height:1;transition:color .15s}.hero-tianzige-char.active-char .hanzi-char-glyph,.hero-tianzige-char:hover .hanzi-char-glyph{color:var(--primary-red)}.hero-audio-btn{width:40px!important;height:40px!important;font-size:1.05rem!important;bottom:8px!important;right:8px!important}.hero-audio-btn-row{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.hero-audio-btn-row:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red);transform:scale(1.08)}.flashcard-char-hint{color:#94a3b8;align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.back-hanzi-row{align-items:center;gap:8px;display:flex}.back-hanzi-char{font-family:var(--font-han-nom-kai);color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:2.4rem;font-weight:700;transition:all .15s}.back-hanzi-char.active-char,.back-hanzi-char:hover{color:var(--primary-red);background:#e11d4814}.vocab-flashcard-workspace{align-items:stretch;gap:16px;height:100%;min-height:0;max-height:500px;margin:auto 0;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.vocab-flashcard-workspace,.vocab-flashcard-workspace.has-stroke-sidebar{justify-content:center;width:100%}.vocab-flashcard-main-col{flex-direction:column;flex:1;justify-content:space-between;gap:8px;width:100%;min-width:0;max-width:620px;height:100%;min-height:0;display:flex}.vocab-character-stroke-sidebar-col{flex-direction:column;flex-shrink:0;width:320px;min-width:280px;max-width:340px;height:100%;min-height:0;animation:strokeSidebarIn .25s cubic-bezier(.16,1,.3,1);display:flex}@keyframes strokeSidebarIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.character-stroke-sidebar-card{box-sizing:border-box;background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:0;padding:14px 16px;display:flex;overflow-y:auto;box-shadow:0 8px 28px #0000000f}.character-stroke-sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.character-stroke-sidebar-title{color:#1e293b;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.character-active-badge{color:var(--primary-red);background:#e11d4814;border:1px solid #e11d4826;border-radius:10px;padding:2px 8px;font-size:1.15rem;font-weight:700}.character-stroke-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.character-stroke-close-btn:hover{color:#1e293b;background:#e2e8f0}.character-tabs-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;margin-bottom:8px;display:flex}.character-tab-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:4px 10px;font-size:1.05rem;font-weight:700;transition:all .15s}.character-tab-btn:hover{background:#eef2f6;border-color:#cbd5e1}.character-tab-btn.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red);box-shadow:0 4px 12px #e11d4840}.character-canvas-container{flex-shrink:0;justify-content:center;margin-bottom:8px;display:flex}.character-canvas-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;overflow:hidden}.tianzige-canvas-overlay{pointer-events:none;opacity:.6;position:absolute;inset:0}.canvas-cross-v{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.canvas-cross-h,.canvas-cross-v{background:#cbd5e1;position:absolute}.canvas-cross-h{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.canvas-cross-diag{stroke:#cbd5e1;width:100%;height:100%;position:absolute;inset:0}.character-hanziwriter-target{z-index:2;width:160px;height:160px;position:relative}.character-hanziwriter-target,.character-replay-btn{justify-content:center;align-items:center;display:flex}.character-replay-btn{z-index:3;color:#1e293b;cursor:pointer;background:#fffffff2;border:1px solid #e2e8f0;border-radius:50%;width:30px;height:30px;transition:all .15s;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0000000f}.character-replay-btn:hover{color:var(--primary-red);background:#fff;transform:rotate(45deg)}.character-info-list{color:#1e293b;flex-direction:column;justify-content:center;gap:6px;margin:6px 0;font-size:13px;display:flex}.character-info-row{align-items:center;gap:8px;line-height:1.4;display:flex}.character-info-row .info-label{color:#1e293b;min-width:50px;font-weight:600}.character-info-row .info-value{color:#334155}.character-audio-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:flex}.character-audio-btn:hover{background:var(--primary-red);color:#fff}.character-practice-btn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:10px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.character-practice-btn:hover{color:var(--primary-red);background:#e2e8f0}.writing-practice-modal-backdrop{z-index:100000!important}.writing-practice-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;flex-direction:column;width:100%;max-width:480px;animation:modalScaleUp .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 25px 60px #00000047}@media (max-width:480px){.writing-practice-modal-card{border-radius:20px!important;max-width:calc(100vw - 20px)!important}.writing-practice-modal-body{padding:16px 12px 18px!important}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.writing-practice-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.writing-practice-header-left{align-items:center;gap:10px;display:flex}.writing-practice-title{color:#0f172a;font-size:15px;font-weight:700}.writing-practice-char-badge{font-family:var(--font-han-nom-kai);color:var(--primary-red);background:#e11d4814;border:1px solid #e11d482e;border-radius:10px;padding:2px 10px;font-size:1.4rem;font-weight:700;line-height:1.2}.writing-practice-pinyin{color:#64748b;font-size:13px;font-weight:600}.writing-practice-audio-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .15s;display:flex}.writing-practice-audio-btn:hover{background:var(--primary-red);color:#fff}.writing-practice-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.writing-practice-close-btn:hover{color:#0f172a;background:#e2e8f0}.writing-practice-modal-body{flex-direction:column;align-items:center;padding:20px 24px 24px;display:flex}.writing-practice-difficulty-tabs{background:#f1f5f9;border-radius:14px;align-items:center;gap:6px;margin-bottom:16px;padding:4px;display:flex}.writing-diff-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .15s}.writing-diff-btn.active.easy{color:#15803d;background:#fff;box-shadow:0 2px 8px #0000000f}.writing-diff-btn.active.normal{color:#b45309;background:#fff;box-shadow:0 2px 8px #0000000f}.writing-diff-btn.active.hard{color:#be123c;background:#fff;box-shadow:0 2px 8px #0000000f}.writing-practice-canvas-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:270px;height:270px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000008}.writing-practice-target{z-index:2;cursor:crosshair;width:260px;height:260px;position:relative}.writing-stat-badge-errors{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:20px;padding:4px 10px;font-weight:700;top:10px;right:10px}.writing-stat-badge-errors,.writing-stat-badge-progress{z-index:5;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;box-shadow:0 2px 6px #0000000a}.writing-stat-badge-progress{color:#334155;background:#fffffff2;border:1px solid #cbd5e1;border-radius:20px;padding:4px 12px;font-weight:600;bottom:10px;left:10px}.writing-practice-complete-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#10b981f2;flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease-out;display:flex;position:absolute;inset:0}.writing-practice-complete-icon{color:#059669;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:20px;display:flex;box-shadow:0 8px 20px #00000026}.writing-practice-hint-text{color:#94a3b8;text-align:center;margin-top:14px;font-size:12px}.writing-practice-footer-btns{align-items:center;gap:12px;width:100%;margin-top:18px;display:flex}.writing-practice-btn-reset{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.writing-practice-btn-reset:hover{color:#0f172a;background:#eef2f6}.writing-practice-btn-icon-mobile{flex:none;min-width:48px}@media (max-width:640px){.writing-practice-btn-icon-mobile{flex:none;width:48px;min-width:48px;padding:10px 12px}.writing-practice-btn-icon-mobile span{display:none}}.writing-practice-btn-close{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:11px;font-size:13px;font-weight:700;transition:all .15s}.writing-practice-btn-close:hover{background:#be123c}@media (max-width:1100px){.vocab-flashcard-workspace.has-stroke-sidebar{flex-direction:column;align-items:center}.vocab-character-stroke-sidebar-col{width:100%;max-width:620px;position:static}}@media (max-width:980px){.vocab-baolingo-body{flex-direction:column;height:auto;min-height:0}.vocab-baolingo-sidebar{border-bottom:2px solid #e2e8f0;border-right:none;width:100%;min-width:0;max-width:none;padding:16px 14px}.vocab-baolingo-sidebar.is-collapsed{width:100%;min-width:0;max-width:none;padding:14px 12px}.vocab-units-vertical-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.vocab-baolingo-workspace{padding:16px 16px 24px}.vocab-baolingo-card,.vocab-progress-header-box{max-width:none}}@media (max-width:640px){.vocab-baolingo-card,.vocab-baolingo-navbar,.vocab-baolingo-workspace{padding:10px!important}.vocab-navbar-left{align-items:start!important}.vocab-flashcard-card{min-height:425px!important}.vocab-mobile-sidebar-toggle{width:28px;height:52px;color:var(--primary-red);cursor:pointer;z-index:90;background:#fff;border:1px solid #e2e8f0;border-left:0;border-radius:0 12px 12px 0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 4px 12px #0f172a24}.vocab-mobile-sidebar-toggle.is-open{z-index:110;left:min(320px,100vw - 44px)}.vocab-mobile-sidebar-overlay{cursor:pointer;z-index:100;background:#0f172a6b;border:0;width:100%;height:100dvh;padding:0;display:block;position:fixed;inset:0}.vocab-baolingo-sidebar.is-mobile-closed{display:none}.vocab-baolingo-sidebar.is-mobile-open{z-index:105;border-bottom:0;border-right:2px solid #e2e8f0;width:min(320px,100vw - 44px);min-width:0;max-width:320px;height:100dvh;max-height:none;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:8px 0 28px #0f172a2e}.vocab-baolingo-sidebar.is-mobile-open.is-collapsed{width:min(96px,100vw - 44px);min-width:0;max-width:96px}.vocab-baolingo-navbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px 14px;display:flex}.vocab-navbar-left{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.vocab-navbar-title{font-size:1.2rem;line-height:1.3}.vocab-navbar-modes-row{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.vocab-nav-mode-pill{flex-shrink:0;width:auto}.vocab-baolingo-card{border-radius:20px;padding:26px 18px 22px}.vocab-card-report-btn{top:14px;left:14px}.vocab-guess-prompt-title{margin-top:16px;font-size:1.4rem}.vocab-guess-def-text,.vocab-guess-example-hanzi,.vocab-guess-example-trans{word-break:break-word}}@media (min-width:641px){.vocab-mobile-sidebar-overlay,.vocab-mobile-sidebar-toggle{display:none!important}}.flashcard-pinyin-display{text-align:center;color:#0f172a;margin-top:4px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800}.flashcard-meaning-display{text-align:center;margin-top:10px}.flashcard-meaning-display .meaning-text{color:var(--primary-red);background:#e11d480f;border-radius:12px;padding:5px 16px;font-size:1.05rem;font-weight:800;display:inline-block}.flashcard-collocations-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.flashcard-collocation-chip{color:#334155;background:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:700}.flashcard-back-title{color:#0f172a;align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:flex}.flashcard-back-header{border-bottom:1.5px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.back-hanzi{color:#0f172a;font-size:2rem;font-weight:900;font-family:var(--font-han-nom-kai)}.back-pinyin{color:#64748b;font-size:1.1rem;font-weight:700}.back-audio-btn{color:var(--primary-red);cursor:pointer;background:#e11d481a;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;font-size:.9rem;transition:all .15s;display:flex}.back-audio-btn:hover{background:var(--primary-red);color:#fff}.flashcard-back-meaning-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:10px 14px}.back-meaning-label{color:#94a3b8;text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:800}.back-meaning-content{color:var(--primary-red);font-size:1.05rem;font-weight:800}.flashcard-back-example-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:10px;padding:12px 14px}.back-example-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.example-sentence-audio-btn{color:var(--primary-red);cursor:pointer;background:#e11d481a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;transition:all .18s;display:flex}.example-sentence-audio-btn:hover{background:var(--primary-red);color:#fff;transform:scale(1.06)}.example-sentence-audio-btn:active{transform:scale(.94)}.back-example-hanzi{color:#0f172a;font-size:1.1rem;font-weight:800;font-family:var(--font-han-nom-kai)}.back-example-pinyin{color:#64748b;margin-top:2px;font-size:.85rem;font-weight:600}.back-example-meaning{color:#334155;margin-top:3px;font-size:.9rem;font-weight:700}.flashcard-quick-jumper-row{align-items:center;gap:6px;width:100%;padding:6px 2px;display:flex;overflow-x:auto}.quick-jumper-pill{border:1.5px solid var(--card-border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.quick-jumper-pill.active,.quick-jumper-pill:hover{border-color:var(--primary-red)}.quick-jumper-pill.active{background:var(--primary-red);color:#fff}.quick-jumper-pill.active .jumper-hanzi,.quick-jumper-pill.active .jumper-num{color:#fff}.jumper-num{color:#94a3b8;font-size:.72rem;font-weight:800}.jumper-hanzi{color:#0f172a;font-size:.88rem;font-weight:800;font-family:var(--font-han-nom-kai)}.vocab-list-stage-container{flex-direction:column;gap:18px;width:100%;display:flex}.vocab-list-toolbar{border-bottom:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.vocab-list-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.2rem;font-weight:800;display:flex}.vocab-list-subtitle{color:#64748b;margin:4px 0 0;font-size:.85rem}.vocab-list-actions{align-items:center;gap:10px;display:flex}.btn-list-play-all{border:2px solid var(--card-border);color:#0f172a;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.btn-list-play-all:hover{border-color:var(--primary-red);color:var(--primary-red)}.btn-list-play-all.playing{background:var(--primary-red);border-color:var(--primary-red);color:#fff;animation:pulseAudio 1.5s infinite}.btn-list-start-quiz{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:800;transition:all .15s;display:flex}.btn-list-start-quiz:hover{background:#059669;transform:translateY(-1px)}.vocab-list-grid{flex-direction:column;gap:10px;display:flex}.vocab-list-card{border:1.5px solid var(--card-border);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.vocab-list-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000a}.vocab-list-card.speaking-active{border-color:var(--primary-red);background:#e11d4805;box-shadow:0 4px 20px #e11d481f}.vocab-list-card-left{align-items:center;gap:10px;display:flex}.vocab-list-idx{color:#94a3b8;width:18px;font-size:.8rem;font-weight:800}.vocab-list-tianzige-thumb{background-color:#fff;background-image:linear-gradient(90deg,#e11d481f 1px,#0000 0),linear-gradient(#e11d481f 1px,#0000 0);background-size:24px 24px;border:1.5px solid #e11d484d;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.thumb-hanzi{white-space:nowrap;color:#0f172a;max-width:100%;font-size:1.6rem;font-weight:900;line-height:1;font-family:var(--font-han-nom-kai);display:block;overflow:hidden}.thumb-hanzi-three{font-size:1rem}.thumb-hanzi-long{font-size:.75rem}.vocab-list-audio-btn{border:1.5px solid var(--card-border);color:#475569;cursor:pointer;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;transition:all .15s;display:flex}.vocab-list-audio-btn.speaking,.vocab-list-audio-btn:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff}.vocab-list-card-middle{flex-direction:column;flex:1;gap:3px;display:flex}.vocab-list-card-row1{align-items:baseline;gap:8px;display:flex}.vocab-list-hanzi-text{color:#0f172a;font-size:1.2rem;font-weight:800;font-family:var(--font-han-nom-kai)}.vocab-list-pinyin-text{color:#64748b;font-size:.9rem;font-weight:700}.vocab-list-type-pill{text-transform:uppercase;color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:800}.vocab-list-meaning-text{color:var(--primary-red);font-size:1rem;font-weight:800}.vocab-list-example-snippet{color:#475569;margin-top:1px;font-size:.82rem}.snippet-hanzi{color:#1e293b;font-weight:700;font-family:var(--font-han-nom-kai)}.snippet-meaning{color:#64748b}.vocab-list-card-right{margin-left:auto}.vocab-list-study-btn{border:1.5px solid var(--card-border);color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.vocab-list-study-btn:hover{border-color:var(--primary-red);color:var(--primary-red);background:#fff}.practice-mode-switcher{background:#f1f5f9;border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.practice-mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.practice-mode-tab:hover{color:#0f172a}.practice-mode-tab.active{color:var(--primary-red);background:#fff;box-shadow:0 2px 6px #0000000f}.practice-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.practice-filter-chip{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.practice-filter-chip:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.practice-filter-chip.active{color:#be123c;background:#fff1f2;border-color:#be123c;font-weight:800;box-shadow:0 1px 3px #be123c1a}.btn-deep-practice{min-width:290px;padding:14px 28px;box-shadow:0 6px 16px #0d948840;color:#fff!important;background-color:#0d9488!important;border-bottom:5px solid #0f766e!important;width:auto!important}.btn-deep-practice:hover{filter:brightness(1.08)}.btn-deep-practice:active{transform:translateY(2px);border-bottom-width:3px!important}.app-shell{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:clip}.app-main-viewport{margin-left:var(--sidebar-width);min-width:0;width:calc(100% - var(--sidebar-width));background-color:#faf7f2;flex-direction:column;flex:1;max-width:100%;display:flex;position:relative}.app-main-viewport:before{content:"";top:0;left:var(--sidebar-width);pointer-events:none;z-index:0;background-image:url(/images/page_bg_main_3x2.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;bottom:0;right:0}@media (max-width:1024px){aside.sidebar{display:none!important}.app-main-viewport{width:100%!important;min-width:0!important;max-width:100vw!important;margin-left:0!important}.app-main-viewport:before{left:0}}footer.app-footer,main.main-content{z-index:1;position:relative}.app-header{-webkit-backdrop-filter:blur(8px);z-index:90;background:#faf7f280;border-bottom:1px solid #e4e4e780;transition:all .2s;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 10px #00000005}.header-inner{justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto;padding:12px 32px}.header-inner,.header-left{align-items:center;display:flex}.header-left{gap:32px}.header-brand{color:var(--text-main);align-items:center;gap:10px;text-decoration:none;transition:transform .15s;display:flex}.header-brand:hover{transform:scale(1.02)}.header-brand-logo-img{object-fit:contain;background:0 0;width:auto;max-width:150px;height:36px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.header-brand:hover .header-brand-logo-img{transform:scale(1.03)}.header-brand-logo{object-fit:contain;background:0 0;border-radius:10px;width:38px;height:38px}.header-brand-text{align-items:center;gap:6px;display:flex}.brand-title{letter-spacing:-.5px;color:var(--text-main);font-size:1.35rem;font-weight:900}.header-nav-desktop{align-items:center;gap:8px;display:flex}.mobile-only-brand{display:none}@media (max-width:1024px){.mobile-only-brand{display:flex}}.header-course-btn{cursor:pointer;color:var(--text-main);background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:12px;padding:8px 16px;font-family:inherit;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.header-course-btn:hover{border-color:var(--primary-red);background:#fff5f7;border-bottom-color:#fda4af;transform:translateY(-1px)}.header-course-btn.active{border-color:var(--primary-red);background:#fff1f2;box-shadow:0 4px 14px #e11d481f}.header-course-btn:active{border-bottom-width:2px;transform:translateY(2px)}.course-btn-icon{width:32px;height:32px;color:var(--primary-red);background:#fee2e2;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;display:flex}.course-btn-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.course-btn-title{color:var(--text-main);letter-spacing:-.2px;font-size:.95rem;font-weight:900}.course-btn-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:600}.course-btn-caret{color:#94a3b8;margin-left:4px;font-size:.75rem;transition:transform .2s}.course-btn-caret.rotated{color:var(--primary-red);transform:rotate(180deg)}.nav-dropdown-wrapper{position:relative}.header-dropdown-menu{border:2px solid var(--card-border);z-index:150;background:#fff;border-radius:20px;width:380px;max-width:90vw;padding:16px;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 40px -10px #0f172a29}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px 12px;display:flex}.dropdown-menu-title{color:#64748b;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:900}.dropdown-menu-count{color:var(--primary-red);background:#fff1f2;border:1px solid #fecdd3;border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:800}.dropdown-course-list{flex-direction:column;gap:8px;display:flex}.dropdown-course-item{color:var(--text-main);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.dropdown-course-item:hover{border-color:var(--primary-red);background:#fff;transform:translate(4px);box-shadow:0 4px 12px #e11d4814}.dropdown-course-item.active{border-color:var(--primary-red);background:#fff1f2;box-shadow:0 2px 8px #e11d481a}.course-item-badge{color:#334155;background:#e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:900;display:flex}.course-item-badge.active-badge{background:var(--primary-red);color:#fff;box-shadow:0 2px 6px #e11d4840}.course-item-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.course-item-name-row{align-items:center;gap:6px;display:flex}.course-item-title{color:var(--text-main);font-size:.9rem;font-weight:800}.course-active-pill{color:var(--primary-red);background:#ffe4e6;border-radius:99px;padding:1px 6px;font-size:.65rem;font-weight:800}.course-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.course-item-words-tag{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.72rem;font-weight:700}.dropdown-course-item.active .course-item-words-tag{color:var(--primary-red);background:#fff;border-color:#fecdd3}.header-user-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid var(--card-border);border-bottom:3.5px solid #cbd5e1;border-radius:99px;align-items:center;gap:8px;padding:5px 12px 5px 6px;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.header-user-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.header-user-btn.active,.header-user-btn:active{border-bottom-width:1.5px;transform:translateY(2px)}.header-user-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:28px;height:28px}.header-user-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:.88rem;font-weight:800;overflow:hidden}.header-user-dropdown-menu{border:2px solid var(--card-border);z-index:150;background:#fff;border-radius:18px;width:220px;max-width:90vw;padding:8px;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:auto;right:0;box-shadow:0 14px 34px -8px #0f172a2e}.user-dropdown-header{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px 8px;display:flex}.user-dropdown-avatar{object-fit:cover;border:2px solid #fee2e2;border-radius:50%;flex-shrink:0;width:34px;height:34px}.user-dropdown-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.user-dropdown-name{color:var(--text-main);font-size:.88rem;font-weight:800}.user-dropdown-email,.user-dropdown-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-dropdown-email{color:#64748b;font-size:.72rem}.user-dropdown-level-badge{color:var(--primary-red);background:#fff1f2;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:.65rem;font-weight:800;display:inline-flex}.user-dropdown-menu-list{flex-direction:column;gap:2px;display:flex}.user-dropdown-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.user-dropdown-item:hover{color:var(--primary-red);background:#f8fafc}.user-dropdown-item.logout-item{color:#dc2626}.user-dropdown-item.logout-item:hover{color:#b91c1c;background:#fef2f2}.user-dropdown-divider{background:#f1f5f9;height:1px;margin:3px 0}.header-right{align-items:center;gap:14px;display:flex}.header-stats-group{align-items:center;gap:10px;display:flex}.header-stat-pill{color:var(--text-main);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 1px 3px #0000000a}.header-stat-pill img{object-fit:contain;width:16px;height:16px}.streak-pill i{color:#f97316}.xp-pill span{color:#854d0e}.gem-pill i{color:#06b6d4}.mobile-nav-toggle{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:all .15s;display:none}.mobile-nav-toggle:hover{background:#e2e8f0}.hamburger-line{background-color:var(--text-main);border-radius:2px;width:20px;height:2.5px;transition:all .2s}.mobile-nav-toggle.open .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.mobile-nav-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-nav-toggle.open .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a99;justify-content:flex-end;animation:overlayFadeIn .2s ease-out;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav-drawer{background:#fff;flex-direction:column;gap:20px;width:320px;max-width:85vw;height:100%;padding:24px 20px;animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto;box-shadow:-8px 0 32px #00000026}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:2px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mobile-drawer-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.mobile-stats-banner{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px;display:grid}.mobile-stat-item{text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:800;display:flex}.mobile-section-heading{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin:16px 0 8px;font-size:.75rem;font-weight:900}.mobile-course-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-course-chip{color:var(--text-main);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.mobile-course-chip.active{border-color:var(--primary-red);background:#fff1f2}.chip-level{color:var(--primary-red);font-size:.85rem;font-weight:800}.chip-desc{color:var(--text-muted);font-size:.7rem}.mobile-nav-item{color:var(--text-main);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.mobile-nav-item:hover{border-color:var(--primary-red);background:#fff}.mobile-nav-item.active{border-color:var(--primary-red);color:var(--primary-red);background:#fff1f2;box-shadow:0 3px 10px #e11d481a}.mobile-nav-group{width:100%}.mobile-nav-parent{text-align:left;cursor:pointer;width:100%;font-family:inherit}.mobile-nav-caret{color:#94a3b8;margin-left:auto;font-size:.72rem;transition:transform .2s}.mobile-nav-caret.rotated{transform:rotate(180deg)}.mobile-nav-sublist{border-left:2px solid #fecdd3;flex-direction:column;gap:6px;margin:-2px 0 8px 18px;padding:6px 0 4px 14px;display:flex}.mobile-nav-subitem{min-height:40px;color:var(--text-main);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:.82rem;font-weight:750;text-decoration:none;display:flex}.mobile-nav-subitem.active{border-color:var(--primary-red);color:var(--primary-red);background:#fff1f2}.mobile-nav-sub-badge{color:#94a3b8;font-family:var(--font-han-nom-kai),serif;font-size:.78rem}.mobile-drawer-footer{border-top:1px solid var(--card-border);margin-top:auto;padding-top:16px}.mobile-primary-btn{background:var(--primary-red);border:none;border-bottom:4px solid var(--primary-red-dark);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 4px 12px #e11d4840}.mobile-primary-btn:active{border-bottom-width:2px;transform:translateY(2px)}.app-footer{border-top:2px solid var(--card-border);background-color:#fff;background-image:linear-gradient(#18181b04 1px,#0000 0),linear-gradient(90deg,#18181b04 1px,#0000 0);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin-top:48px;padding:56px 40px 32px;position:relative}.legal-page-shell{flex-direction:column;min-height:100vh;display:flex}.legal-page-main{flex:1;width:100%;padding:56px 24px 24px}.legal-document{border:1.5px solid var(--card-border);border-top:5px solid var(--primary-red);background:#fffffff0;width:min(920px,100%);margin:0 auto;padding:52px clamp(24px,6vw,76px) 64px;box-shadow:0 16px 42px #18181b14}.legal-document-header{border-bottom:1px solid var(--card-border);padding-bottom:30px}.legal-eyebrow{color:var(--primary-red-dark);letter-spacing:1.1px;align-items:center;gap:9px;font-size:.76rem;font-weight:900;display:inline-flex}.legal-document-header h1{color:var(--ink-black-dark);margin-top:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.08}.legal-description{max-width:650px;color:var(--text-muted);margin-top:16px;font-size:1.08rem;line-height:1.65}.legal-updated{color:#94a3b8;margin-top:18px;font-size:.82rem;font-weight:700}.legal-intro{color:var(--text-main);margin:32px 0 12px;font-size:1.05rem;font-weight:600;line-height:1.8}.legal-sections{flex-direction:column;display:flex}.legal-section{border-bottom:1px solid #ededef;padding:28px 0}.legal-section:last-child{border-bottom:0;padding-bottom:0}.legal-section h2{color:var(--ink-black);font-size:1.15rem;font-weight:900;line-height:1.35}.legal-section p{color:#52525b;margin-top:10px;font-size:.98rem;line-height:1.8}@media (max-width:640px){.legal-page-main{padding:28px 14px 12px}.legal-document{padding:34px 20px 42px}.legal-document-header h1{font-size:2rem}}.footer-inner{max-width:1440px;margin:0 auto}.footer-grid{grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-col{flex-direction:column;display:flex}.footer-brand{color:var(--text-main);align-items:center;gap:12px;margin-bottom:14px;text-decoration:none;display:inline-flex}.footer-logo-img{border:2px solid var(--primary-red);object-fit:cover;border-radius:12px;width:44px;height:44px;box-shadow:0 2px 8px #e11d4826}.footer-brand-name{letter-spacing:-.5px;align-items:center;gap:6px;font-size:1.45rem;font-weight:900;display:flex}.footer-tagline{color:var(--text-muted);max-width:320px;margin-bottom:18px;font-size:.9rem;line-height:1.6}.footer-badge-pill{color:#059669;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.footer-col-title{color:var(--text-main);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:.95rem;font-weight:900;display:flex}.footer-col-title i{color:var(--primary-red);font-size:.9rem}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);align-items:center;gap:6px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.footer-link-bullet{color:#94a3b8;font-size:1.1rem;font-weight:900;line-height:1;transition:transform .15s}.footer-links a:hover{transform:translate(4px)}.footer-links a:hover,.footer-links a:hover .footer-link-bullet{color:var(--primary-red)}.footer-bottom{border-top:1.5px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;display:flex}.footer-copyright{color:#64748b;font-size:.85rem;font-weight:600}.footer-social-links{align-items:center;gap:10px;display:flex}.social-btn{color:#475569;background:#fff;border:1.5px solid var(--card-border);border-bottom:3.5px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;text-decoration:none;transition:all .15s;display:flex}.social-btn:hover{color:var(--primary-red);background:#f8fafc;border-color:#fecdd3;border-bottom:4.5px solid #fda4af;transform:translateY(-2px)}.social-btn:active{border-bottom-width:1.5px;transform:translateY(2px)}@media (max-width:1200px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:1024px){.header-nav-desktop,.header-stats-group{display:none}.mobile-nav-toggle{display:flex}}@media (max-width:640px){.header-inner{gap:10px;padding:10px 14px}.header-right{gap:8px}.header-user-btn{gap:4px;padding:4px}.header-user-btn .course-btn-caret,.header-user-name{display:none!important}.app-footer{padding:36px 20px 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:16px}}@media (max-width:480px){.header-inner{gap:8px;padding:8px 10px}.header-language-wrapper{display:none!important}.brand-title{font-size:1.15rem}.header-brand-logo{width:32px;height:32px}}.header-login-btn{background:var(--primary-red);color:#fff;border:none;border-bottom:3.5px solid var(--primary-red-dark);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #e11d4833}.header-login-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.header-login-btn:active{border-bottom-width:1.5px;transform:translateY(2px)}.mobile-drawer-actions-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.mobile-login-pill-btn{color:var(--primary-red);cursor:pointer;background:#fff1f2;border:1.5px solid #fecdd3;border-bottom:3px solid #fda4af;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.mobile-login-pill-btn:active{border-bottom-width:1.5px;transform:translateY(1.5px)}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px 16px;animation:authOverlayFade .2s ease-out;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes authOverlayFade{0%{opacity:0}to{opacity:1}}.auth-modal-card{border:2px solid var(--card-border);background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:450px;max-height:calc(100vh - 48px);margin:auto;padding:36px 32px 28px;animation:authModalPop .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #00000059}@keyframes authModalPop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.auth-modal-close-btn:hover{color:var(--primary-red);background:#fee2e2;border-color:#fecdd3}.auth-modal-header{text-align:center;margin-bottom:24px}.auth-brand-badge{align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.auth-brand-text{letter-spacing:-.5px;font-size:1.5rem}.auth-brand-text,.auth-title{color:var(--text-main);font-weight:900}.auth-title{margin-bottom:6px;font-size:1.35rem}.auth-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.45}.google-auth-btn{color:#1e293b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 16px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex;box-shadow:0 2px 6px #0000000a}.google-auth-btn:hover{background:#f8fafc;border-color:#94a3b8 #94a3b8 #64748b;transform:translateY(-1px)}.google-auth-btn:active{border-bottom-width:2px;transform:translateY(2px)}.google-icon-svg{flex-shrink:0}.auth-divider{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.divider-line{background:#e2e8f0;flex:1;height:1.5px}.divider-text{color:#94a3b8;letter-spacing:.8px;font-size:.72rem;font-weight:800}.auth-form{gap:16px}.auth-field,.auth-form{flex-direction:column;display:flex}.auth-field{gap:6px}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label{color:#334155;font-size:.82rem;font-weight:800}.auth-forgot-link{color:var(--primary-red);font-size:.78rem;font-weight:700;text-decoration:none;transition:color .15s}.auth-forgot-link:hover{text-decoration:underline}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-field-icon{color:#94a3b8;pointer-events:none;font-size:.95rem;position:absolute;left:14px}.auth-input{width:100%;color:var(--text-main);background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;outline:none;padding:12px 40px 12px 42px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s}.auth-input:focus{border-color:var(--primary-red);background:#fff;box-shadow:0 0 0 4px #e11d481a}.auth-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.95rem;position:absolute;right:12px}.auth-password-toggle:hover{color:var(--text-main)}.auth-submit-btn{background:var(--primary-red);border:none;border-bottom:4px solid var(--primary-red-dark);color:#fff;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:14px;font-size:.95rem;font-weight:900;transition:all .15s;display:flex;box-shadow:0 6px 18px #e11d4840}.auth-submit-btn:hover{filter:brightness(1.06)}.auth-submit-btn:active{border-bottom-width:2px;transform:translateY(2px)}.auth-switch-row{justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:.85rem;display:flex}.auth-switch-text{color:var(--text-muted);font-weight:600}.auth-switch-btn{color:var(--primary-red);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.auth-switch-btn:hover{text-decoration:underline}.auth-terms-notice{color:#94a3b8;text-align:center;margin-top:14px;font-size:.72rem;line-height:1.4}.profile-page-container{flex-direction:column;gap:24px;width:100%;max-width:860px;margin:0 auto;padding:24px 20px 48px;display:flex}.profile-page-header{flex-direction:column;gap:6px;display:flex}.profile-breadcrumb{color:#64748b;-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1.5px solid #e4e4e7e6;border-bottom:3.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 18px;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #0000000d}.profile-breadcrumb:hover{background:#fff;border-color:#e11d484d;box-shadow:0 6px 18px #00000014}.breadcrumb-link{color:#64748b;align-items:center;gap:6px;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.breadcrumb-link:hover{color:var(--primary-red);transform:translateY(-1px)}.breadcrumb-separator{color:#94a3b8;opacity:.8;font-size:.65rem}.breadcrumb-current{color:var(--text-main);font-weight:800}.profile-main-title{color:var(--text-main);letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:1.75rem;font-weight:900;display:flex}.profile-main-subtitle{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.profile-feedback-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:700;animation:dropdownFadeIn .2s;display:flex}.profile-feedback-alert.success{color:#166534;background:#f0fdf4;border:1.5px solid #86efac}.profile-feedback-alert.error{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}.profile-hero-card{background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:24px;padding:24px;box-shadow:0 10px 25px -5px #0f172a0a}.profile-hero-inner{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.profile-avatar-wrapper{flex-shrink:0;width:80px;height:80px;position:relative}.profile-hero-avatar{object-fit:cover;border:3px solid #fee2e2;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #e11d481f}.avatar-seal-badge{background:var(--primary-red);color:#fff;width:24px;height:24px;font-family:var(--font-calligraphy,serif);border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.profile-hero-details{flex-direction:column;flex:1;gap:8px;min-width:240px;display:flex}.profile-name-row{align-items:center;gap:12px;display:flex}.profile-hero-name{color:var(--text-main);margin:0;font-size:1.45rem;font-weight:900}.profile-edit-trigger-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.profile-edit-trigger-btn:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.profile-edit-name-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-edit-input{border:2px solid var(--primary-red);border-radius:8px;outline:none;padding:6px 12px;font-family:inherit;font-size:1.1rem;font-weight:800}.profile-save-btn{background:var(--primary-red);color:#fff;padding:6px 14px;font-weight:800}.profile-cancel-btn,.profile-save-btn{cursor:pointer;border:none;border-radius:8px}.profile-cancel-btn{color:#475569;background:#e2e8f0;padding:6px 12px;font-weight:700}.profile-hero-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-meta-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.profile-meta-chip.role-chip{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3;font-weight:800}.profile-hero-logout-btn{color:#dc2626;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #fca5a5;border-bottom:4px solid #f87171;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex}.profile-hero-logout-btn:hover{background:#fef2f2;transform:translateY(-1px)}.profile-hero-logout-btn:active{border-bottom-width:2px;transform:translateY(2px)}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:768px){.profile-stats-grid{grid-template-columns:1fr}}.profile-stat-card{background:#fff;border:2px solid var(--card-border);border-bottom:4.5px solid #cbd5e1;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:transform .15s;display:flex}.profile-stat-card:hover{transform:translateY(-2px)}.profile-stat-card.streak-card{border-bottom-color:#f97316}.profile-stat-card.xp-card{border-bottom-color:#eab308}.profile-stat-card.gems-card{border-bottom-color:#06b6d4}.profile-stat-card.hsk-card{border-bottom-color:var(--primary-red)}.stat-card-icon{flex-shrink:0;font-size:2rem;line-height:1}.stat-card-data{flex-direction:column;display:flex}.stat-card-value{color:var(--text-main);font-size:1.35rem;font-weight:900;line-height:1.2}.stat-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:700}.profile-section-block{flex-direction:column;gap:14px;display:flex}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title-wrapper{align-items:center;gap:8px;display:flex}.section-icon{color:var(--primary-red);font-size:1.1rem}.section-heading{color:#475569;letter-spacing:.8px;margin:0;font-size:.88rem;font-weight:900}.section-tag{color:#64748b;background:#f1f5f9;border-radius:8px;padding:3px 8px;font-size:.75rem;font-weight:800}.profile-roadmap-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:640px){.profile-roadmap-grid{grid-template-columns:1fr}}.roadmap-hsk-card{background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:all .15s;display:flex}.roadmap-hsk-card:hover{border-color:#94a3b8;transform:translateY(-2px)}.roadmap-hsk-card.active{border-color:#fda4af;border-bottom-color:var(--primary-red);background:#fffdfc}.roadmap-card-header{align-items:center;gap:12px;display:flex}.roadmap-level-badge{color:#334155;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.roadmap-hsk-card.active .roadmap-level-badge{background:var(--primary-red);color:#fff;box-shadow:0 2px 8px #e11d4840}.roadmap-level-info{flex:1;min-width:0}.roadmap-level-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:800}.roadmap-level-desc{color:#64748b;margin:0;font-size:.76rem;font-weight:600}.roadmap-status-pill{border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:800}.roadmap-status-pill.current{color:var(--primary-red);background:#ffe4e6}.roadmap-status-pill.completed{color:#15803d;background:#dcfce7}.roadmap-metrics-row{color:#475569;background:#f8fafc;border-radius:10px;align-items:center;gap:16px;padding:8px 10px;font-size:.78rem;font-weight:700;display:flex}.roadmap-metric{align-items:center;gap:6px;display:flex}.roadmap-action-btn{-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.roadmap-action-btn.primary-3d{background:var(--primary-red);color:#fff;border-bottom:3.5px solid #be123c}.roadmap-action-btn.primary-3d:hover{background:#f43f5e}.roadmap-action-btn.secondary-3d{color:#334155;background:#f1f5f9;border-bottom:3.5px solid #cbd5e1}.roadmap-action-btn.secondary-3d:hover{background:#e2e8f0}.profile-badges-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:640px){.profile-badges-grid{grid-template-columns:1fr}}.achievement-badge-card{background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.badge-icon-box{flex-shrink:0;font-size:2rem;line-height:1}.badge-meta{flex:1;min-width:0}.badge-name{color:var(--text-main);margin:0 0 2px;font-size:.92rem;font-weight:800}.badge-desc{color:#64748b;margin:0;font-size:.74rem;font-weight:600;line-height:1.3}.badge-stamp{font-family:var(--font-calligraphy,serif);color:var(--primary-red);background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;padding:2px 6px;font-size:.8rem;font-weight:900}.profile-guest-card{text-align:center;background:#fff;border:2px solid var(--card-border);border-bottom:5px solid #cbd5e1;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:36px 24px;display:flex}.guest-panda-box{width:90px;height:90px;position:relative}.guest-panda-img{object-fit:contain;width:100%;height:100%}.guest-seal-stamp{background:var(--primary-red);color:#fff;width:26px;height:26px;font-family:var(--font-calligraphy,serif);border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:inline-flex;position:absolute;bottom:0;right:0}.guest-content-box{flex-direction:column;align-items:center;gap:8px;max-width:480px;display:flex}.guest-title{color:var(--text-main);margin:0;font-size:1.45rem;font-weight:900}.guest-desc{color:#64748b;margin:0 0 16px;font-size:.92rem;line-height:1.5}.guest-actions-row{align-items:center;gap:14px;display:flex}.guest-login-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-bottom:4px solid #be123c;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:800;display:inline-flex}.guest-login-btn:hover{background:#f43f5e}.guest-signup-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-bottom:4px solid #cbd5e1;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:800;display:inline-flex}.guest-signup-btn:hover{background:#e2e8f0}.foundations-container,.foundations-container.radicals-wide-container{width:100%;max-width:1240px;margin:0 auto;padding:24px 24px 60px}.foundations-breadcrumb,.pricing-breadcrumb{color:#64748b;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;word-break:break-word;background:#ffffffe6;border:1.5px solid #e4e4e7e6;border-bottom:3.5px solid #cbd5e1;border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin-bottom:20px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #0000000d}.foundations-breadcrumb:hover,.pricing-breadcrumb:hover{background:#fff;border-color:#e11d484d;box-shadow:0 6px 18px #00000014}.foundations-breadcrumb a,.pricing-breadcrumb-link{color:#64748b;align-items:center;gap:6px;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.foundations-breadcrumb a:hover,.pricing-breadcrumb-link:hover{color:var(--primary-red);transform:translateY(-1px)}.breadcrumb-separator,.pricing-breadcrumb-sep{color:#94a3b8;opacity:.8;font-size:.65rem}.current-crumb,.pricing-breadcrumb-current{color:var(--text-main);font-weight:800}.foundations-header{margin-bottom:24px}.foundations-header-badge{letter-spacing:1px;color:var(--primary-red);align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;font-weight:900;display:inline-flex}.foundations-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:900;line-height:1.2}.foundations-subtitle{color:var(--text-muted);max-width:680px;font-size:1rem;line-height:1.5}.foundations-tab-nav{border:1px solid var(--card-border);background:#00000008;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;padding:6px;display:grid}.foundations-tab-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:14px;outline:none;padding:12px 18px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:block}.foundations-tab-btn:hover{background:#fff9}.foundations-tab-btn.active{border-color:var(--card-border);border-bottom:3px solid var(--primary-red);background:#fff;box-shadow:0 4px 14px #0000000f}.tab-btn-inner{justify-content:space-between;align-items:center;display:flex}.tab-btn-text{flex-direction:column;display:flex}.tab-btn-label{color:var(--text-main);font-size:.95rem;font-weight:800}.foundations-tab-btn.active .tab-btn-label{color:var(--primary-red)}.tab-btn-zh{color:var(--text-muted);font-size:.8rem}.foundations-tab-btn.active .tab-btn-zh{color:var(--primary-red)}.coming-soon-hero-card{border:2px solid rgba(var(--primary-rgb),.15);box-shadow:0 8px 24px rgba(var(--primary-rgb),.05);background:linear-gradient(135deg,#fff,#fff5f7);border-radius:24px;margin-bottom:24px;padding:32px 28px;position:relative;overflow:hidden}.coming-soon-hero-card:after{content:"印";font-family:var(--font-han-nom-kai);color:rgba(var(--primary-rgb),.03);pointer-events:none;font-size:140px;font-weight:900;position:absolute;bottom:-25px;right:-15px}.cs-hero-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cs-badge-pill{color:var(--primary-red-dark);background:#fff1f2;border:1px solid #fecdd3;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.cs-pulse-dot{background:var(--primary-red);border-radius:50%;width:8px;height:8px;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #e11d48b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #e11d4800}to{transform:scale(.95);box-shadow:0 0 #e11d4800}}.cs-badge-divider{opacity:.4}.cs-badge-highlight{color:var(--primary-red);font-weight:900}.cs-hero-title{color:var(--text-main);margin-bottom:6px;font-size:1.7rem;font-weight:900}.cs-hero-tagline{color:var(--primary-red-dark);margin-bottom:10px;font-size:1.05rem;font-weight:700}.cs-hero-desc{color:var(--text-muted);max-width:720px;margin-bottom:24px;font-size:.95rem;line-height:1.6}.cs-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cs-stat-box{border:1px solid var(--card-border);background:#fff;border-radius:16px;gap:14px;padding:16px;box-shadow:0 2px 8px #00000005}.cs-stat-box,.cs-stat-box i{align-items:center;display:flex}.cs-stat-box i{color:var(--primary-red);background:#fff1f2;border-radius:12px;justify-content:center;width:44px;height:44px;font-size:1.5rem}.cs-stat-value{color:var(--text-main);font-size:1.2rem;font-weight:900;line-height:1.1}.cs-stat-label{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:700}.preview-showcase-card{border:2px solid var(--card-border);background:#fff;border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 4px 16px #00000008}.preview-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.preview-card-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:4px;font-size:1.2rem;font-weight:800;display:flex}.preview-card-title i{color:var(--primary-red)}.preview-card-sub{color:var(--text-muted);font-size:.88rem}.preview-pill{color:#4338ca;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:800}.radical-pills-row{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.radical-pill-btn{border:2px solid var(--card-border);cursor:pointer;background:#faf9f6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:10px 14px;transition:all .15s;display:flex}.radical-pill-btn:hover{background:#f4f4f5;border-color:#d4d4d8;transform:translateY(-2px)}.radical-pill-btn.selected{border-color:var(--primary-red);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15);background:#fff1f2}.radical-pill-char{color:var(--text-main);font-size:1.4rem;font-weight:900;line-height:1}.radical-pill-btn.selected .radical-pill-char{color:var(--primary-red)}.radical-pill-pinyin{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:700}.radical-spotlight-box{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex}.spotlight-char-box{flex-direction:column;align-items:center;min-width:100px;display:flex}.tianzige-grid{background-color:#fff;background-image:linear-gradient(90deg,#0000 49%,#e11d4833 50%,#0000 51%),linear-gradient(#0000 49%,#e11d4833 50%,#0000 51%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #e11d48;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 4px 12px #e11d4814}.spotlight-char{color:var(--primary-red);font-size:2.5rem;font-weight:900}.spotlight-pinyin{color:var(--text-main);margin-top:6px;font-size:.95rem;font-weight:800}.spotlight-strokes{color:var(--text-muted);font-size:.75rem;font-weight:700}.spotlight-info-box{flex:1}.spotlight-name-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.spotlight-name{color:var(--text-main);margin:0;font-size:1.3rem;font-weight:900}.spotlight-meaning-badge{color:#047857;background:#d1fae5;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:700}.spotlight-examples-section{flex-direction:column;gap:8px;display:flex}.spotlight-examples-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.spotlight-examples-chars{gap:8px;display:flex}.example-char-chip{border:1.5px solid var(--card-border);width:38px;height:38px;color:var(--text-main);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 2px 4px #00000005}.pinyin-tones-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tone-card-item{border:2px solid var(--card-border);cursor:pointer;background:#faf9f6;border-radius:18px;padding:16px;transition:all .15s}.tone-card-item:hover{background:#f4f4f5;border-color:#d4d4d8;transform:translateY(-2px)}.tone-card-item.selected{border-color:var(--primary-red);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12);background:#fff1f2}.tone-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tone-badge-num{color:var(--primary-red);background:rgba(var(--primary-rgb),.1);border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:900}.tone-pitch-code{color:var(--text-muted);font-size:.7rem;font-weight:700}.tone-char-pinyin-wrap{align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.tone-pinyin{color:var(--text-main);font-size:1.4rem;font-weight:900}.tone-char{color:var(--primary-red);font-size:1.1rem;font-weight:800}.tone-name{color:var(--text-main);margin-bottom:4px;font-size:.85rem;font-weight:800;line-height:1.2}.tone-desc{color:var(--text-muted);font-size:.75rem}.yong-strokes-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.yong-stroke-card{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:16px;flex-direction:column;padding:14px 16px;display:flex}.yong-stroke-symbol{color:var(--primary-red);margin-bottom:6px;font-size:1.8rem;font-weight:900;line-height:1}.yong-stroke-title{color:var(--text-main);margin-bottom:2px;font-size:.9rem;font-weight:800}.yong-stroke-desc{color:var(--text-muted);font-size:.75rem}.decomposition-example-box{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:18px;padding:20px}.decomp-title-row{color:var(--text-main);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;display:flex}.decomp-title-row i{color:var(--primary-red)}.decomp-equation{border:1px solid var(--card-border);background:#fff;border-radius:14px;justify-content:center;gap:16px;margin-bottom:12px;padding:12px}.decomp-equation,.decomp-unit{align-items:center;display:flex}.decomp-unit{flex-direction:column}.decomp-char{color:var(--text-main);font-size:1.8rem;font-weight:900;line-height:1}.decomp-unit.result .decomp-char{color:var(--primary-red);font-size:2.2rem}.decomp-sub{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:700}.decomp-sub.highlight{color:var(--primary-red);font-weight:800}.decomp-arrow,.decomp-plus{color:var(--text-muted);font-size:1.2rem;font-weight:900}.decomp-explanation{color:var(--text-muted);text-align:center;margin:0;font-size:.85rem}.roadmap-checklist-card{border:2px solid var(--card-border);background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 16px #00000008}.roadmap-header{justify-content:space-between;margin-bottom:20px}.roadmap-header,.roadmap-title{align-items:center;display:flex}.roadmap-title{color:var(--text-main);gap:8px;margin:0;font-size:1.15rem;font-weight:800}.roadmap-title i{color:var(--primary-red)}.roadmap-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:800}.roadmap-list{flex-direction:column;gap:12px;margin-bottom:28px;list-style:none;display:flex}.roadmap-item{color:#3f3f46;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.roadmap-check-circle{color:#059669;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.7rem;display:flex}.coming-soon-cta-box{color:#fff;background:linear-gradient(135deg,#18181b,#27272a);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.cta-box-title{color:#fff;margin-bottom:4px;font-size:1.05rem;font-weight:800}.cta-box-desc{color:#a1a1aa;margin:0;font-size:.85rem}.cta-primary-btn{background:var(--primary-red);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-bottom:4px solid #be123c;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cta-primary-btn:hover{background:#f43f5e;transform:translateY(-1px)}.cta-primary-btn:active{border-bottom-width:2px;transform:translateY(2px)}.cta-secondary-btn{color:#1e293b;white-space:nowrap;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.cta-secondary-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.cta-secondary-btn:active{border-bottom-width:2px;transform:translateY(2px)}.radicals-hero-section{border:2px solid rgba(var(--primary-rgb),.16);box-shadow:0 8px 24px rgba(var(--primary-rgb),.04);background:linear-gradient(135deg,#fff,#fff5f7 60%,#fef2f2);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.radicals-hero-section:after{content:"部";font-family:var(--font-han-nom-kai);color:rgba(var(--primary-rgb),.035);pointer-events:none;z-index:0;font-size:150px;font-weight:900;position:absolute;bottom:-35px;right:-15px}.radicals-hero-main{z-index:1;flex:1;max-width:660px;position:relative}.radicals-hero-main .foundations-header-badge{margin-bottom:6px}.radicals-hero-main .foundations-title{color:var(--text-main);margin-bottom:6px;font-size:1.85rem;font-weight:900;line-height:1.2}.radicals-hero-main .foundations-subtitle{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.55}.radicals-hero-stats-row{z-index:1;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.radicals-stat-item{border:1px solid var(--card-border);background:#fff;border-radius:16px;align-items:center;gap:12px;min-width:140px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000005}.radicals-stat-item i{color:var(--primary-red);background:#fff1f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.radicals-stat-item .stat-number{color:var(--text-main);font-size:1.2rem;font-weight:900;line-height:1.1}.radicals-stat-item .stat-name{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:.72rem;font-weight:700}@media (max-width:1100px){.radicals-hero-section{flex-direction:column;align-items:stretch;gap:20px}.radicals-hero-stats-row{grid-template-columns:repeat(3,1fr);width:100%;display:grid}}@media (max-width:640px){.radicals-hero-stats-row{grid-template-columns:1fr}.radicals-hero-section{padding:20px 18px}}.radicals-modes-nav-bar{border:2px solid var(--card-border);background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;padding:6px;display:grid;box-shadow:0 2px 10px #00000005}.mode-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:800;transition:all .15s;display:flex}.mode-nav-btn:hover{color:var(--text-main);background:#faf9f6}.mode-nav-btn.active{color:var(--primary-red);border-color:rgba(var(--primary-rgb),.2);box-shadow:0 2px 8px rgba(var(--primary-rgb),.08);background:#fff1f2}.radicals-filter-toolbar{border:2px solid var(--card-border);background:#fff;border-radius:20px;flex-direction:column;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex;box-shadow:0 4px 14px #00000005}.search-bar-row{align-items:center;gap:12px;display:flex}.search-input-box{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;left:14px}.radicals-search-input{border:1.5px solid var(--card-border);width:100%;color:var(--text-main);background:#faf9f6;border-radius:14px;outline:none;padding:11px 36px 11px 40px;font-size:.92rem;transition:all .15s}.radicals-search-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:#fff}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;position:absolute;right:12px}.search-clear-btn:hover{color:var(--text-main)}.sort-selector-box{align-items:center;gap:6px;display:flex}.sort-dropdown-select{border:1.5px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#faf9f6;border-radius:14px;outline:none;padding:11px 14px;font-size:.85rem;font-weight:700;transition:border-color .15s}.sort-dropdown-select:focus{border-color:var(--primary-red)}.stroke-filters-container{flex-direction:column;gap:8px;display:flex}.stroke-filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.stroke-pills-scroll-track{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.stroke-pills-scroll-track::-webkit-scrollbar{height:4px}.stroke-pills-scroll-track::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:4px}.stroke-pill-btn{border:1.5px solid var(--card-border);color:var(--text-main);cursor:pointer;white-space:nowrap;background:#faf9f6;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.stroke-pill-btn:hover{background:#f4f4f5;border-color:#d4d4d8}.stroke-pill-btn.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red);box-shadow:0 3px 8px rgba(var(--primary-rgb),.25)}.stroke-pill-count{background:#0000000f;border-radius:6px;padding:1px 5px;font-size:.7rem;font-weight:900}.stroke-pill-btn.active .stroke-pill-count{color:#fff;background:#ffffff40}.position-filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.position-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.position-pills-wrap{flex-wrap:wrap;gap:6px;display:flex}.position-pill-btn{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;background:#faf9f6;border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .15s}.position-pill-btn:hover{color:var(--text-main);background:#f4f4f5}.position-pill-btn.active{color:var(--primary-red);border-color:rgba(var(--primary-rgb),.3);background:#fff1f2;font-weight:800}.filter-results-counter{color:var(--text-muted);border-top:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-top:4px;font-size:.8rem;font-weight:700;display:flex}.reset-all-filters-btn{color:var(--primary-red);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.78rem;font-weight:800;display:inline-flex}.reset-all-filters-btn:hover{text-decoration:underline}.stroke-grouped-sections{flex-direction:column;gap:28px;display:flex}.stroke-group-block{flex-direction:column;gap:14px;display:flex}.stroke-group-header{align-items:center;gap:12px;display:flex}.stroke-group-title-wrap{white-space:nowrap;align-items:center;gap:8px;display:flex}.stroke-group-badge{background:var(--primary-red);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:900;display:inline-flex}.stroke-group-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:900}.stroke-group-divider{background:#e4e4e7;flex:1;height:1.5px}.radicals-cards-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}.radical-card-item-3d{border:2px solid var(--card-border);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 6px #00000005}.radical-card-item-3d,.radical-card-item-3d:hover{color:inherit!important;text-decoration:none!important}.radical-card-item-3d:hover{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 8px 20px rgba(var(--primary-rgb),.08);transform:translateY(-4px)}.radical-card-item-3d *{text-decoration:none!important}.radical-card-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;display:flex}.radical-kangxi-tag{color:#94a3b8;letter-spacing:.5px;font-size:.68rem;font-weight:900}.radical-card-audio-btn{border:1px solid var(--card-border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:#faf9f6;border-radius:6px;justify-content:center;align-items:center;font-size:.65rem;transition:all .15s;display:flex}.radical-card-audio-btn:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.radical-card-glyph-box{margin-bottom:6px}.tianzige-bg-grid{background-color:#faf9f6;background-image:linear-gradient(90deg,#0000 49%,#e11d482e 50%,#0000 51%),linear-gradient(#0000 49%,#e11d482e 50%,#0000 51%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1.5px solid #f43f5e;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.radical-main-char{color:#0f172a;font-size:2.1rem;font-weight:900;line-height:1}.radical-card-item-3d:hover .radical-main-char{color:var(--primary-red)}.radical-card-variants{gap:4px;margin-bottom:4px;display:flex}.card-variant-chip{color:var(--primary-red-dark);background:#fff1f2;border-radius:4px;padding:1px 5px;font-size:.82rem;font-weight:800}.radical-card-info-wrap{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:6px;display:flex}.radical-card-pinyin{color:var(--primary-red);font-size:.76rem;font-weight:800}.radical-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;font-weight:800;line-height:1.2;overflow:hidden}.radical-card-samples{gap:3px;margin-bottom:6px;display:flex}.sample-char-bubble{width:20px;height:20px;color:var(--text-muted);background:#faf9f6;border:1px solid #e4e4e7;border-radius:4px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.radical-card-footer{border-top:1px solid #f4f4f5;justify-content:space-between;align-items:center;width:100%;padding-top:4px;display:flex}.radical-card-stroke-pill{color:var(--text-muted);font-size:.65rem;font-weight:700}.radical-card-action-hint{color:#cbd5e1;font-size:.65rem}.radical-card-item-3d:hover .radical-card-action-hint{color:var(--primary-red)}.radicals-empty-state-card{border:2px dashed var(--card-border);text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.empty-state-seal{color:rgba(var(--primary-rgb),.3);margin-bottom:12px;font-size:3rem}.empty-state-title{color:var(--text-main);margin-bottom:6px;font-size:1.2rem;font-weight:900}.empty-state-desc{color:var(--text-muted);max-width:420px;margin-bottom:16px;font-size:.88rem}.empty-clear-btn{border:1.5px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#faf9f6;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:800;display:inline-flex}.empty-clear-btn:hover{background:#f4f4f5;border-color:#d4d4d8}.radical-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:fadeInModal .2s ease-out;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.radical-detail-modal-card{border:2px solid var(--card-border);background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.radical-modal-header{background:#faf9f6;border-bottom:2px solid #f4f4f5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header-left{align-items:center;gap:12px;display:flex}.modal-kangxi-pill{color:var(--primary-red);background:#fff1f2;border-radius:6px;margin-bottom:2px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.radical-modal-title{color:var(--text-main);margin:0;font-size:1.3rem;font-weight:900}.modal-close-btn{border:1.5px solid var(--card-border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}.modal-close-btn:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.radical-modal-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-weight:700;display:flex}.modal-spinner{border:3px solid #f43f5e;border-top-color:#0000;border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite}.radical-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.radical-overview-row{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:20px;align-items:center;gap:20px;padding:20px;display:flex}.radical-tianzige-box{background:#fff;border:2px solid #e11d48;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 14px #e11d4814}.radical-tianzige-box,.radical-writer-canvas{width:140px;height:140px}.radical-canvas-replay-btn{border:1px solid var(--card-border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex;position:absolute;bottom:6px;right:6px}.radical-canvas-replay-btn:hover{color:var(--primary-red);background:#fff1f2}.radical-primary-meta{flex-direction:column;flex:1;gap:10px;display:flex}.radical-pinyin-row{align-items:center;gap:10px;display:flex}.radical-pinyin-text{color:var(--text-main);font-size:1.6rem;font-weight:900;line-height:1}.radical-audio-pill-btn{color:var(--primary-red);cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.radical-meta-chips-wrap{flex-wrap:wrap;gap:6px;display:flex}.meta-chip{border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.stroke-chip{color:#4338ca;background:#eef2ff}.position-chip{color:#b45309;background:#fef3c7}.count-chip{color:#047857;background:#d1fae5}.radical-variants-row{align-items:center;gap:8px;display:flex}.variants-title{color:var(--text-muted);font-size:.78rem;font-weight:700}.variants-chips{gap:6px;display:flex}.variant-chip{color:var(--primary-red);background:#fff;border:1px solid #fecdd3;border-radius:6px;padding:2px 8px;font-size:1.1rem;font-weight:900}.radical-practice-cta-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:none;border-bottom:3px solid #be123c;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.radical-practice-cta-btn:hover{background:#f43f5e}.radical-practice-cta-btn:active{border-bottom-width:1px;transform:translateY(2px)}.radical-explanations-card{border:1.5px solid var(--card-border);background:#fff;border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.explanation-block{flex-direction:column;gap:6px;display:flex}.explanation-header{align-items:center;gap:8px;display:flex}.explanation-header i{color:var(--primary-red);font-size:.9rem}.explanation-header h4{color:var(--text-main);margin:0;font-size:.9rem;font-weight:800}.explanation-text{color:#334155;margin:0;padding-left:24px;font-size:.88rem;line-height:1.55}.mnemonic-block{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px}.mnemonic-block .explanation-text{color:#92400e;padding-left:0;font-weight:600}.radical-derivatives-section{flex-direction:column;gap:12px;display:flex}.derivatives-header{justify-content:space-between;align-items:center;display:flex}.derivatives-title{color:var(--text-main);align-items:center;gap:8px;margin:0 0 2px;font-size:1.05rem;font-weight:900;display:flex}.derivatives-title i{color:var(--primary-red)}.derivatives-subtitle{color:var(--text-muted);margin:0;font-size:.78rem}.derivative-char-card{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:14px;padding:10px 12px;transition:all .15s}.derivative-char-card:hover{border-color:var(--primary-red);box-shadow:0 4px 12px rgba(var(--primary-rgb),.08);background:#fff;transform:translateY(-2px)}.char-card-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.char-glyph{color:var(--text-main);font-size:1.6rem;font-weight:900;line-height:1}.derivative-char-card:hover .char-glyph{color:var(--primary-red)}.char-audio-btn{font-size:.75rem}.char-hanviet{color:#475569;text-transform:uppercase;font-size:.72rem}.char-meaning{margin-top:2px}.char-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:6px;padding-top:4px;display:flex}.char-strokes{color:var(--text-muted);font-size:.65rem}.char-hsk-pill{color:#4338ca;background:#eef2ff;border-radius:4px;padding:1px 4px;font-size:.62rem;font-weight:800}.derivatives-empty-state{color:var(--text-muted);background:#faf9f6;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:.85rem;display:flex}.radical-flashcards-container{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.flashcards-controls-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.flashcard-filter-group{align-items:center;gap:8px;display:flex}.fc-filter-label{color:var(--text-muted);font-size:.82rem}.fc-stroke-select{outline:none;padding:8px 12px;font-weight:700}.fc-stroke-select,.fc-tool-btn{border:1.5px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#fff;border-radius:12px;font-size:.82rem}.fc-tool-btn{align-items:center;gap:6px;padding:8px 14px;font-weight:800;transition:all .15s;display:inline-flex}.fc-tool-btn:hover{background:#faf9f6;border-color:#d4d4d8}.flashcard-progress-bar-wrap{flex-direction:column;gap:6px;width:100%;max-width:480px;display:flex}.fc-progress-meta{color:var(--text-muted);justify-content:space-between;font-size:.78rem;font-weight:800;display:flex}.fc-progress-track{background:#e4e4e7;width:100%}.flashcard-scene{perspective:1000px;cursor:pointer;width:100%;max-width:480px;height:380px}.flashcard-3d-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.16,1,.3,1);position:relative}.flashcard-3d-card.flipped{transform:rotateY(180deg)}.flashcard-face{border-radius:28px;padding:24px;box-shadow:0 10px 30px #0000000d}.flashcard-front{border-color:rgba(var(--primary-rgb),.2);background:linear-gradient(#fff,#fff5f7)}.fc-card-header,.flashcard-front{justify-content:space-between;align-items:center}.fc-card-header{width:100%;display:flex}.fc-kangxi-badge{color:var(--primary-red);background:#fff1f2;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:900}.fc-stroke-badge{color:var(--text-muted);border:1px solid var(--card-border);background:#faf9f6;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:800}.fc-glyph-box{margin:10px 0}.fc-glyph-box .tianzige-bg-grid{border-radius:20px;width:120px;height:120px}.fc-main-char{color:#0f172a;font-size:4.5rem;line-height:1}.fc-audio-round-btn{border:2px solid var(--card-border);width:44px;height:44px;color:var(--primary-red);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex;box-shadow:0 4px 12px #0000000a}.fc-audio-round-btn:hover{background:#fff1f2;border-color:#fecdd3;transform:scale(1.08)}.fc-flip-hint{color:var(--text-muted);gap:6px;font-weight:700}.flashcard-back{background:#fff;justify-content:space-between}.fc-back-header{border-bottom:1.5px solid #f4f4f5;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.fc-back-char-row{align-items:center;gap:8px;display:flex}.fc-back-mini-char{color:var(--primary-red);font-size:1.6rem;font-weight:900}.fc-back-audio-btn{width:26px;height:26px;color:var(--primary-red);cursor:pointer;background:#fff1f2;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;display:flex}.fc-back-order{color:var(--text-muted);font-size:.75rem;font-weight:700}.fc-back-content{flex-direction:column;flex:1;gap:8px;padding:8px 0;display:flex;overflow-y:auto}.fc-back-variants{align-items:center;gap:8px;display:flex}.fc-sub-label{color:var(--text-muted);font-size:.75rem;font-weight:800}.fc-variant-chips{gap:6px;display:flex}.fc-v-chip{color:var(--primary-red);background:#fff1f2;border-radius:6px;padding:1px 6px;font-size:1rem;font-weight:900}.fc-back-mnemonic{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;gap:8px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1.45;display:flex}.fc-back-mnemonic i{color:#d97706;margin-top:2px}.fc-back-meaning{color:#475569;font-size:.82rem}.fc-back-samples{flex-direction:column;gap:4px;display:flex}.fc-sample-chips{gap:6px;display:flex}.fc-char-pill{color:var(--text-main);border:1.5px solid var(--card-border);cursor:pointer;background:#faf9f6;border-radius:8px;padding:3px 8px;font-size:1rem;font-weight:800;transition:all .15s}.fc-char-pill:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.fc-detail-link-btn{border:1px solid var(--card-border);color:var(--primary-red);cursor:pointer;background:#faf9f6;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.78rem;font-weight:800;transition:all .15s;display:flex;text-decoration:none!important}.fc-detail-link-btn:hover{background:#fff1f2;border-color:#fecdd3;text-decoration:none!important}.flashcards-bottom-actions{align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.fc-nav-btn{width:50px;height:50px;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;justify-content:center;font-size:1.1rem;transition:all .15s}.fc-nav-btn:hover{background:#faf9f6;transform:translateY(-2px)}.fc-nav-btn:active{border-bottom-width:2px;transform:translateY(2px)}.fc-action-btn{border-radius:16px;flex:1;justify-content:center;gap:8px;height:50px;font-size:.95rem;font-weight:800;transition:all .15s}.fc-action-btn.unmastered{color:#fff;background:#10b981;border:none;border-bottom:4px solid #059669}.fc-action-btn.unmastered:hover{background:#34d399}.fc-action-btn.mastered{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-bottom:4px solid #94a3b8}.fc-action-btn:active{border-bottom-width:2px;transform:translateY(2px)}.radical-quiz-modal-card{border:2px solid var(--card-border);background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:620px;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.quiz-active-body{flex-direction:column;gap:20px;padding:24px;display:flex}.quiz-top-bar{align-items:center;gap:14px;display:flex}.quiz-progress-track{background:#e4e4e7;border-radius:9999px;flex:1;height:10px;overflow:hidden}.quiz-progress-fill{background:var(--primary-red);border-radius:9999px;height:100%;transition:width .25s}.quiz-score-indicator{align-items:center;gap:8px;display:flex}.combo-streak-pill{color:#d97706;background:#fef3c7;border-radius:8px;padding:3px 8px;font-size:.75rem;font-weight:900;animation:pulseCombo 1.2s infinite}@keyframes pulseCombo{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.current-score-pill{color:var(--text-main);border:1px solid var(--card-border);background:#faf9f6;border-radius:8px;padding:3px 8px;font-size:.8rem;font-weight:800}.quiz-question-box{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.quiz-prompt-glyph-box .tianzige-bg-grid{border-radius:16px;width:90px;height:90px}.quiz-prompt-char{color:var(--primary-red);font-size:3.2rem;font-weight:900}.quiz-question-text{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:800;line-height:1.4}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-option-btn-3d{color:var(--text-main);cursor:pointer;text-align:left;background:#fff;border:2px solid var(--card-border);border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:10px;padding:16px 14px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex;position:relative}.quiz-option-btn-3d:hover:not(:disabled){background:#faf9f6;border-color:#a1a1aa;transform:translateY(-2px)}.quiz-option-btn-3d:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.quiz-option-btn-3d.correct{color:#065f46;background:#ecfdf5;border-color:#10b981 #10b981 #059669}.quiz-option-btn-3d.incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444 #ef4444 #dc2626}.quiz-option-btn-3d.dimmed{opacity:.5}.opt-glyph-badge{color:var(--primary-red);font-size:1.3rem;font-weight:900}.opt-state-icon{margin-left:auto;font-size:1.1rem}.opt-state-icon.correct{color:#10b981}.opt-state-icon.incorrect{color:#ef4444}.quiz-feedback-box{justify-content:space-between;align-items:center;gap:16px;animation:slideUpModal .2s ease-out}.quiz-feedback-box.correct{background:#ecfdf5;border:1.5px solid #a7f3d0}.quiz-feedback-box.incorrect{background:#fef2f2;border:1.5px solid #fecdd3}.feedback-title{align-items:center;gap:6px;margin-bottom:2px;font-size:.95rem;font-weight:900;display:flex}.quiz-feedback-box.correct .feedback-title{color:#065f46}.quiz-feedback-box.incorrect .feedback-title{color:#991b1b}.feedback-explanation{color:#334155;margin:0;font-size:.82rem}.quiz-continue-btn{background:var(--primary-red);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-bottom:4px solid #be123c;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:800;transition:all .15s;display:inline-flex}.quiz-continue-btn:hover{background:#f43f5e}.quiz-continue-btn:active{border-bottom-width:2px;transform:translateY(2px)}.quiz-completed-card{text-align:center;flex-direction:column;align-items:center;padding:36px 24px;display:flex}.quiz-result-trophy{width:80px;height:80px;box-shadow:0 8px 24px rgba(var(--primary-rgb),.15);background:#fff1f2;border:2px solid #fecdd3;border-radius:24px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.trophy-seal{color:var(--primary-red);font-size:2.5rem;font-weight:900}.quiz-result-heading{color:var(--text-main);margin-bottom:4px;font-size:1.4rem;font-weight:900}.quiz-result-sub{color:var(--text-muted);max-width:380px;margin-bottom:24px;font-size:.88rem}.quiz-stats-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:440px;margin-bottom:28px;display:grid}.quiz-stat-card{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.quiz-stat-card i{margin-bottom:2px;font-size:1.2rem}.quiz-stat-card .stat-val{color:var(--text-main);font-size:1.15rem;font-weight:900}.quiz-stat-card .stat-label{color:var(--text-muted);font-size:.7rem;font-weight:700}.quiz-result-actions{gap:12px;display:flex}.quiz-launch-section-card{border-radius:24px;padding:32px 28px}.seal-stamp-large{background:var(--primary-red);color:#fff;width:60px;height:60px;font-family:var(--font-han-nom-kai);box-shadow:0 4px 14px rgba(var(--primary-rgb),.25);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.quiz-launch-desc{font-size:.88rem}.character-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000073;justify-content:flex-end;animation:fadeInModal .2s ease-out;display:flex;position:fixed;inset:0}.character-sidebar-drawer{background:#fff;width:100%;max-width:380px;height:100%;animation:slideLeftDrawer .25s cubic-bezier(.16,1,.3,1);overflow-y:auto;box-shadow:-10px 0 30px #00000026}@keyframes slideLeftDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:768px){.foundations-tab-nav,.hero-stats-numbers,.radicals-modes-nav-bar{grid-template-columns:1fr}.search-bar-row{flex-direction:column}.radical-overview-row{text-align:center;flex-direction:column}.radical-primary-meta{align-items:center}.quiz-options-grid{grid-template-columns:1fr}.quiz-feedback-box,.quiz-launch-banner{text-align:center;flex-direction:column}}.radical-detail-top-nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.radical-prev-next-controls{align-items:center;gap:8px;display:flex}.radical-nav-arrow-btn{border:1.5px solid var(--card-border);color:var(--text-main);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00000005}.radical-nav-arrow-btn:hover:not(.disabled){color:var(--primary-red);background:#fff1f2;border-color:#fecdd3;transform:translateY(-1px)}.radical-nav-arrow-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.radical-all-radicals-btn{border:1.5px solid var(--card-border);color:var(--text-muted);background:#faf9f6;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.radical-all-radicals-btn:hover{color:var(--text-main);background:#fff}.radical-detail-hero-grid{grid-template-columns:320px 1fr;align-items:stretch;gap:24px;margin-bottom:32px;display:grid}.radical-writer-studio-card{border:2px solid rgba(var(--primary-rgb),.18);box-shadow:0 8px 24px rgba(var(--primary-rgb),.04);background:linear-gradient(135deg,#fff,#fff5f7);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.writer-studio-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.radical-order-badge{letter-spacing:.5px;background:#fff1f2;padding:3px 10px;font-size:.8rem;font-weight:900}.radical-order-badge,.radical-studio-audio-btn{color:var(--primary-red);border:1px solid #fecdd3;border-radius:9999px}.radical-studio-audio-btn{cursor:pointer;background:#fff;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:800;transition:all .15s;display:inline-flex}.radical-studio-audio-btn:hover{background:var(--primary-red);color:#fff}.radical-tianzige-canvas-wrap{border:2px solid var(--primary-red);width:200px;height:200px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.08);background:#fff;border-radius:20px;justify-content:center;align-items:center;display:flex}.radical-studio-action-row{gap:10px;width:100%;display:flex}.studio-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.studio-btn.secondary{border:1.5px solid var(--card-border);color:var(--text-main);background:#fff}.studio-btn.secondary:hover{background:#f4f4f5}.studio-btn.primary{background:var(--primary-red);color:#fff;border:none;border-bottom:3px solid var(--primary-red-dark)}.studio-btn.primary:hover{background:var(--primary-red-hover)}.studio-btn.primary.active{background:#059669;border-bottom-color:#047857}.radical-detail-info-card{border:2px solid var(--card-border);background:#fff;border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex;box-shadow:0 4px 16px #00000005}.radical-primary-title-wrap{align-items:center;gap:16px;display:flex}.radical-huge-char{color:var(--primary-red);background:#fff1f2;border:1.5px solid #fecdd3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:3rem;font-weight:900;line-height:1;display:flex}.radical-main-title{color:var(--text-main);margin-bottom:4px;font-size:1.8rem;font-weight:900;line-height:1.2}.radical-sub-pinyin-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pinyin-tag{color:var(--primary-red);background:#fff5f7;border-radius:6px;padding:2px 10px;font-size:1rem;font-weight:800}.alias-tag{color:var(--text-muted);font-size:.85rem;font-weight:700}.radical-specs-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.spec-chip{border:1px solid var(--card-border);background:#faf9f6;border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.spec-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.spec-val{color:var(--text-main);align-items:center;gap:6px;font-size:.95rem;font-weight:900;display:inline-flex}.spec-val i{color:var(--primary-red);font-size:.85rem}.variants-chip .spec-val{color:var(--primary-red);font-size:1.15rem}.radical-stories-block{flex-direction:column;gap:12px;display:flex}.story-item{border-radius:16px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.story-title{letter-spacing:.3px;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.story-content{color:var(--text-main);margin:0;font-size:.92rem;line-height:1.6}.meaning-box{background:#fff1f2;border:1px solid #fecdd3}.meaning-box .story-title{color:var(--primary-red)}.etymology-box{background:#fffbeb;border:1px solid #fde68a}.etymology-box .story-title{color:#b45309}.mnemonic-box{background:#ecfdf5;border:1px solid #a7f3d0}.mnemonic-box .story-title{color:#047857}.radical-characters-section{border:2px solid var(--card-border);background:#fff;border-radius:24px;margin-bottom:40px;padding:28px;box-shadow:0 4px 16px #00000005}.radical-chars-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-title-wrap{align-items:center;gap:12px;display:flex}.section-title{color:var(--text-main);margin-bottom:2px;font-size:1.35rem;font-weight:900}.section-subtitle{color:var(--text-muted);margin:0;font-size:.88rem}.char-search-wrap{align-items:center;width:260px;display:flex;position:relative}.char-search-wrap i{color:var(--text-muted);font-size:.85rem;position:absolute;left:14px}.char-search-input{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:12px;outline:none;width:100%;padding:8px 36px 8px 38px;font-size:.85rem;font-weight:700;transition:all .15s}.char-search-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08);background:#fff}.char-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;right:10px}.derivative-chars-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.derivative-char-card{border:2px solid var(--card-border);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:16px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #00000005}.derivative-char-card:hover{border-color:rgba(var(--primary-rgb),.35);box-shadow:0 8px 20px rgba(var(--primary-rgb),.08);transform:translateY(-3px)}.char-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.char-strokes-tag{color:var(--text-muted);border:1px solid var(--card-border);background:#faf9f6;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.char-audio-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:.8rem;transition:color .15s}.char-audio-btn:hover{color:var(--primary-red)}.char-glyph-box{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:14px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.char-main-glyph{color:var(--text-main);font-size:2.2rem;font-weight:900;line-height:1}.char-info-box{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.char-pinyin{color:var(--primary-red);font-size:.85rem;font-weight:900}.char-hanviet{color:var(--text-main);font-size:.78rem;font-weight:800}.char-meaning{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:.75rem;overflow:hidden}.char-card-actions{gap:6px;width:100%;margin-top:4px;display:flex}.char-action-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.72rem;font-weight:800;transition:all .15s;display:inline-flex}.char-action-btn.view-btn{border:1px solid var(--card-border);color:var(--text-main);background:#faf9f6}.char-action-btn.view-btn:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.char-action-btn.practice-btn{color:var(--primary-red);background:#fff1f2;border:1px solid #fecdd3}.char-action-btn.practice-btn:hover{background:var(--primary-red);color:#fff}@media (max-width:1024px){.radical-detail-hero-grid{grid-template-columns:1fr}}.pinyin-modes-nav-bar{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px;display:grid}@media (max-width:900px){.pinyin-modes-nav-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.pinyin-modes-nav-bar{grid-template-columns:1fr}}.pinyin-filter-toolbar-card{border:1px solid var(--card-border);background:#fff;border-radius:16px;margin-bottom:28px;padding:20px 24px;box-shadow:0 4px 20px #0000000a}.pinyin-search-input-wrap{width:100%;margin-bottom:16px;position:relative}.pinyin-search-input-wrap .search-icon{color:#94a3b8;font-size:1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pinyin-search-field{border:1.5px solid var(--card-border);width:100%;color:var(--text-main);background:#f8fafc;border-radius:12px;outline:none;padding:12px 42px 12px 46px;font-size:.95rem;font-weight:600;transition:all .2s}.pinyin-search-field:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.pinyin-clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pinyin-clear-search-btn:hover{color:#64748b}.pinyin-dropdowns-row{border-bottom:1px dashed var(--card-border);flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:16px;display:flex}.pinyin-select-group{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.pinyin-select-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:800}.pinyin-select-control{border:1px solid var(--card-border);width:100%;color:var(--text-main);cursor:pointer;background:#f8fafc;border-radius:10px;outline:none;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .15s}.pinyin-select-control:focus{background:#fff;border-color:#0284c7}.pinyin-reset-filters-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:800;transition:all .15s;display:inline-flex}.pinyin-reset-filters-btn:hover{color:#1e293b;background:#e2e8f0}.pinyin-results-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.results-count-text{color:var(--text-muted);font-size:.85rem;font-weight:800}.pinyin-tone-legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.t1{background:#0ea5e9}.legend-dot.t2{background:#10b981}.legend-dot.t3{background:#f59e0b}.legend-dot.t4{background:#ef4444}.pinyin-grouped-sections{flex-direction:column;gap:32px;display:flex}.pinyin-initial-group-block{border:1px solid var(--card-border);background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 2px 12px #00000008}.group-heading-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.group-seal-badge{color:#0369a1;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:900;display:inline-flex}.group-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:900}.group-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.pinyin-syllables-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.pinyin-syllables-grid.flat-view{margin-top:10px}.pinyin-syllable-card{cursor:pointer;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.pinyin-syllable-card:hover{background:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 8px 24px #0284c71f}.syllable-card-header{justify-content:space-between;align-items:center;display:flex}.syllable-name{color:var(--text-main);font-size:1.15rem;font-weight:900}.syllable-info-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9rem;transition:color .15s}.syllable-info-btn:hover{color:#0284c7}.syllable-tones-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tone-pill-btn{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:4px 2px;font-size:.85rem;font-weight:800;transition:all .12s;display:inline-flex;position:relative}.tone-pill-btn.t1{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.tone-pill-btn.t1.playing,.tone-pill-btn.t1:hover{color:#fff;background:#0284c7;border-color:#0284c7}.tone-pill-btn.t2{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.tone-pill-btn.t2.playing,.tone-pill-btn.t2:hover{color:#fff;background:#059669;border-color:#059669}.tone-pill-btn.t3{color:#d97706;background:#fffbeb;border-color:#fde68a}.tone-pill-btn.t3.playing,.tone-pill-btn.t3:hover{color:#fff;background:#d97706;border-color:#d97706}.tone-pill-btn.t4{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tone-pill-btn.t4.playing,.tone-pill-btn.t4:hover{color:#fff;background:#dc2626;border-color:#dc2626}.tone-pill-text{line-height:1}.tone-playing-wave{background:currentColor;border-radius:50%;width:4px;height:4px;animation:pingDot .6s infinite alternate;position:absolute;bottom:2px}@keyframes pingDot{0%{opacity:.5;transform:scale(.6)}to{opacity:1;transform:scale(1.3)}}.syllable-card-footer{color:var(--text-muted);border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:6px;font-size:.72rem;font-weight:700;display:flex}.meta-mouth{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.pinyin-syllable-modal-dialog{max-width:560px!important}.pinyin-modal-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pinyin-modal-title-group{align-items:center;gap:12px;display:flex}.pinyin-modal-title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:900}.pinyin-modal-subtitle{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:700}.pinyin-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:1.2rem;transition:all .15s}.pinyin-modal-close-btn:hover{color:var(--text-main);background:#f1f5f9}.pinyin-modal-hero{border-bottom:1px solid var(--card-border);background:linear-gradient(#f8fafc,#fff);flex-direction:column;align-items:center;padding:24px;display:flex}.pinyin-modal-big-syllable{color:var(--text-main);margin-bottom:12px;font-size:3.5rem;font-weight:900;line-height:1}.pinyin-modal-breakdown-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;display:flex}.breakdown-chip{border:1px solid var(--card-border);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;display:inline-flex}.breakdown-chip .chip-label{color:var(--text-muted);font-weight:600}.breakdown-chip .chip-val{color:var(--text-main);font-weight:800}.breakdown-divider,.breakdown-plus{color:#94a3b8;font-weight:800}.pinyin-play-sequence-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0284c740}.pinyin-play-sequence-btn:hover{background:#0369a1;transform:translateY(-1px)}.pinyin-play-sequence-btn.playing{background:#ef4444;box-shadow:0 4px 12px #ef444440}.pinyin-modal-tones-section{padding:20px 24px}.tones-section-title{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:.92rem;font-weight:800;display:flex}.pinyin-modal-tones-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:500px){.pinyin-modal-tones-grid{grid-template-columns:repeat(2,1fr)}}.pinyin-tone-card-btn{border:1.5px solid var(--card-border);cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .15s;display:flex}.pinyin-tone-card-btn.active-playing,.pinyin-tone-card-btn:hover{transform:translateY(-2px)}.tone-card-btn-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;font-size:.75rem;display:flex}.tone-num-pill{background:#0000000d;border-radius:6px;padding:2px 6px;font-weight:900}.tone-card-btn-pinyin{margin-bottom:4px;font-size:1.25rem;font-weight:900;line-height:1.2}.tone-card-btn-name{font-size:.72rem;font-weight:700}.tone-1-btn{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.tone-1-btn.active-playing,.tone-1-btn:hover{color:#fff;background:#0284c7}.tone-2-btn{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.tone-2-btn.active-playing,.tone-2-btn:hover{color:#fff;background:#059669}.tone-3-btn{color:#d97706;background:#fffbeb;border-color:#fde68a}.tone-3-btn.active-playing,.tone-3-btn:hover{color:#fff;background:#d97706}.tone-4-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tone-4-btn.active-playing,.tone-4-btn:hover{color:#fff;background:#dc2626}.tone-0-btn{color:#475569;background:#f8fafc;border-color:#cbd5e1}.tone-0-btn.active-playing,.tone-0-btn:hover{color:#fff;background:#475569}.pinyin-modal-footer{border-top:1px solid var(--card-border);justify-content:flex-end;padding:14px 24px;display:flex}.pinyin-modal-done-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:800;transition:all .15s}.pinyin-modal-done-btn:hover{background:#e2e8f0}.pinyin-tones-explorer-wrapper{flex-direction:column;gap:32px;display:flex}.tone-pairs-section-card,.tone-sandhi-section-card,.tones-contour-section-card{border:1px solid var(--card-border);background:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 4px 24px #0000000a}.tones-contour-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.tone-contour-card{border:1.5px solid var(--card-border);background:#f8fafc;border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:all .2s;display:flex}.tone-contour-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.tone-contour-top{justify-content:space-between;align-items:center;display:flex}.tone-badge-pill{border:1px solid var(--card-border);background:#fff;border-radius:8px;padding:3px 8px;font-size:.78rem;font-weight:900}.pitch-code-badge{color:var(--text-muted);font-size:.75rem}.tone-pitch-visual-box{background:#0f172a;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.tone-sample-row{justify-content:space-between;align-items:center;display:flex}.sample-char-wrap{align-items:baseline;gap:8px;display:flex}.sample-pinyin{color:var(--text-main);font-size:1.35rem;font-weight:900}.sample-hanzi{color:var(--text-muted);font-size:1.1rem;font-weight:800}.tone-play-audio-btn{border:1px solid var(--card-border);color:#0284c7;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.tone-play-audio-btn:hover{color:#fff;background:#0284c7}.tone-name-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:900}.tone-meaning{color:var(--text-muted);font-size:.8rem}.tone-pitch-desc{color:var(--text-main);margin:0;font-size:.82rem;font-weight:600}.tone-guide-box{color:var(--text-muted);background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:6px;padding:8px 10px;font-size:.76rem;line-height:1.4;display:flex}.tone-guide-box i{color:#f59e0b;margin-top:2px}.tone-pairs-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.tone-pairs-cards-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:20px;display:grid}.tone-pair-card{border:1.5px solid var(--card-border);cursor:pointer;background:#fafafa;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s;display:flex}.tone-pair-card.playing,.tone-pair-card:hover{background:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 8px 20px #0284c71f}.tone-pair-header{justify-content:space-between;align-items:center;display:flex}.tone-pair-code-badge{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:900}.pair-play-btn{border:1px solid var(--card-border);color:#0284c7;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.pair-play-btn:hover{color:#fff;background:#0284c7}.tone-pair-word-row{align-items:baseline;gap:8px;display:flex}.tone-pair-hanzi{color:var(--text-main);font-size:1.35rem;font-weight:900}.tone-pair-pinyin{color:#0284c7;font-size:.95rem;font-weight:800}.tone-pair-meaning{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sandhi-rules-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:20px;display:grid}@media (max-width:640px){.sandhi-rules-grid{grid-template-columns:1fr!important}}.sandhi-rule-card{border:1.5px solid var(--card-border);background:#fafafa;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.sandhi-rule-top{align-items:center;gap:10px;display:flex}.sandhi-formula-badge{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:900}.sandhi-rule-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:900}.sandhi-rule-desc{color:var(--text-main);margin:0;font-size:.85rem;line-height:1.5}.sandhi-examples-box{border:1px solid var(--card-border);background:#fff;border-radius:12px;overflow:hidden}.sandhi-examples-header{color:var(--text-muted);border-bottom:1px solid var(--card-border);background:#f8fafc;font-size:.75rem;font-weight:800}.sandhi-example-row,.sandhi-examples-header{grid-template-columns:2fr 2fr 2fr 3fr 1fr;padding:8px 12px;display:grid}.sandhi-example-row{border-bottom:1px solid #f1f5f9;align-items:center;font-size:.82rem}.sandhi-example-row:last-child{border-bottom:none}.sandhi-audio-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.sandhi-audio-btn:hover{color:#0369a1}.pinyin-guide-wrapper{flex-direction:column;gap:28px;display:flex}.pinyin-guide-subtabs-nav{border:1px solid var(--card-border);background:#fff;border-radius:14px;gap:12px;padding:8px;display:flex}.guide-subtab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:800;transition:all .2s;display:inline-flex}.guide-subtab-btn:hover{color:var(--text-main);background:#f8fafc}.guide-subtab-btn.active{color:#fff;background:#0284c7;box-shadow:0 4px 12px #0284c740}.finals-cards-grid,.initials-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:20px;display:grid}.final-card-item,.initial-card-item{border:1.5px solid var(--card-border);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 2px 12px #00000008}.final-card-header,.initial-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.final-char-ipa-wrap,.initial-char-ipa-wrap{align-items:baseline;gap:8px;display:flex}.final-char,.initial-char{color:var(--text-main);font-size:1.8rem;font-weight:900}.final-ipa,.initial-ipa{color:#0284c7;font-size:.95rem;font-weight:700}.final-badges-row,.initial-badges-row{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge-aspirated{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.badge-aspirated,.badge-unaspirated{padding:2px 6px;font-size:.72rem;font-weight:800}.badge-unaspirated{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.badge-mouth-group,.badge-mouth-shape{color:var(--text-muted);font-size:.72rem;font-weight:700}.vietnamese-approx-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:8px 10px}.approx-label{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.approx-val{color:var(--text-main);font-size:.85rem}.final-guide-text,.initial-guide-text{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.final-samples-row,.initial-samples-row{flex-direction:column;gap:6px;margin-top:4px;display:flex}.samples-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.sample-chips-wrap{flex-wrap:wrap;gap:6px;display:flex}.sample-syl-btn{color:var(--text-main);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;font-weight:800;transition:all .12s;display:inline-flex}.sample-syl-btn.playing,.sample-syl-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.contrastive-drills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-top:20px;display:grid}@media (max-width:640px){.contrastive-drills-grid{grid-template-columns:1fr!important}}.contrastive-card{border:1.5px solid var(--card-border);background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.contrastive-card-header{align-items:center;gap:12px;display:flex}.contrastive-vs-badge{gap:4px}.contrastive-vs-badge,.sound-pill{align-items:center;display:inline-flex}.sound-pill{border-radius:8px;justify-content:center;width:32px;height:32px;font-size:1rem;font-weight:900}.sound-pill.a{color:#0369a1;background:#e0f2fe}.sound-pill.b{color:#b91c1c;background:#fee2e2}.vs-tag{color:#94a3b8;font-size:.72rem;font-weight:900}.contrastive-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:900}.contrastive-diff-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 12px;font-size:.8rem;line-height:1.4}.contrastive-pairs-list{flex-direction:column;gap:10px;display:flex}.contrastive-pair-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.contrast-side{border:1px solid var(--card-border);cursor:pointer;background:#f8fafc;border-radius:12px;flex-direction:column;gap:4px;padding:10px;transition:all .15s;display:flex}.contrast-side.playing,.contrast-side:hover{background:#fff;border-color:#0284c7;transform:scale(1.02)}.contrast-top{justify-content:space-between;align-items:baseline;display:flex}.side-pinyin{color:var(--text-main);font-size:1rem;font-weight:900}.side-hanzi{color:var(--text-muted);font-size:.95rem}.side-meaning{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.contrast-audio-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0}.contrast-divider-icon{color:#cbd5e1;font-size:.85rem}.pinyin-flashcards-wrapper{flex-direction:column;align-items:center;gap:20px;max-width:680px;margin:0 auto;display:flex}.flashcards-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.category-pills-row{flex-wrap:wrap;gap:6px;display:flex}.cat-pill-btn{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:10px;padding:6px 12px;font-size:.8rem;font-weight:800;transition:all .15s}.cat-pill-btn:hover{color:var(--text-main);background:#f8fafc}.cat-pill-btn.active{color:#fff;background:#0284c7;border-color:#0284c7}.flashcard-actions-row{gap:6px;display:flex}.action-icon-btn{border:1px solid var(--card-border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.action-icon-btn:hover{color:var(--text-main);background:#f1f5f9}.flashcards-progress-bar-wrap{width:100%}.progress-info-row{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.82rem;font-weight:800;display:flex}.card-counter{color:var(--text-main)}.mastery-badges{gap:8px;display:flex}.badge-mastered{color:#16a34a}.badge-review{color:#d97706}.progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:#0284c7;border-radius:999px;height:100%;transition:width .3s}.flashcard-3d-scene{perspective:1200px;width:100%;height:360px}.flashcard-3d-box{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.flashcard-3d-box.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border:2px solid var(--card-border);background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px 28px;display:flex;position:absolute;box-shadow:0 10px 30px #0000000f}.flashcard-back{background:linear-gradient(#f8fafc,#fff);transform:rotateY(180deg)}.card-tag-pill{color:#0369a1;background:#e0f2fe;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:800}.card-front-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.card-big-pinyin{color:var(--text-main);text-align:center;font-size:3.8rem;font-weight:900;line-height:1.1}.card-sub-ipa{color:#0284c7;margin-top:8px;font-size:1.1rem;font-weight:700}.card-back-footer,.card-front-footer{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-audio-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .15s;display:inline-flex}.card-audio-btn.playing,.card-audio-btn:hover{color:#fff;background:#0284c7}.flip-hint-text{color:var(--text-muted);font-size:.78rem;font-weight:700}.card-back-content{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.back-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:900}.back-approx-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px}.back-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.45}.back-examples-row{gap:8px;font-size:.82rem;display:flex}.ex-label{color:var(--text-muted);font-weight:800}.ex-text{color:#0284c7;font-weight:800}.flashcards-bottom-controls{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.nav-step-btn{border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.nav-step-btn:hover{background:#f8fafc}.mastery-actions-group{gap:10px;display:flex}.mastery-btn{cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.mastery-btn.need-review{color:#b45309;background:#fffbeb;border-color:#fde68a}.mastery-btn.need-review:hover{color:#fff;background:#d97706}.mastery-btn.mastered{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.mastery-btn.mastered:hover{color:#fff;background:#16a34a}.modal-backdrop-custom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:fadeInModal .2s ease-out;display:flex;position:fixed;inset:0}.modal-content-custom{border:2px solid var(--card-border);background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto;box-shadow:0 20px 50px #0003}.pinyin-quiz-modal-card{max-width:640px;max-height:92vh}.pinyin-quiz-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:540px){.pinyin-quiz-options-grid{grid-template-columns:1fr}}.pinyin-quiz-opt-btn{border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.pinyin-quiz-opt-btn .opt-key-badge{width:32px;min-width:32px;height:32px;color:var(--text-muted);border:1px solid var(--card-border);background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;transition:all .15s;display:flex}.pinyin-quiz-opt-btn .opt-text-wrap{flex-direction:column;flex:1;gap:2px;display:flex}.pinyin-quiz-opt-btn .opt-text{color:var(--text-main);font-size:1.15rem;font-weight:800;line-height:1.3}.pinyin-quiz-opt-btn .opt-sub{color:var(--text-muted);font-size:.78rem;font-weight:600}.pinyin-quiz-opt-btn.correct .opt-key-badge{color:#fff;background:#10b981;border-color:#059669}.pinyin-quiz-opt-btn.incorrect .opt-key-badge{color:#fff;background:#ef4444;border-color:#dc2626}.quiz-question-prompt{flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.quiz-question-prompt .prompt-zh{color:var(--text-main);font-size:1.25rem;font-weight:900}.quiz-question-prompt .prompt-vi{color:var(--text-muted);font-size:.88rem;font-weight:600}.quiz-audio-centerpiece{flex-direction:column;align-items:center;gap:10px;padding:12px 0 6px;display:flex}.quiz-large-play-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 8px 24px #0284c759}.quiz-large-play-btn:hover{background:#0369a1;transform:scale(1.1);box-shadow:0 10px 28px #0284c773}.quiz-large-play-btn:active{transform:scale(.95)}.quiz-large-play-btn.playing{background:#10b981;box-shadow:0 8px 24px #10b98173}.audio-hint-text{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.quiz-launch-section-card{border:2px solid var(--card-border);background:#fff;border-radius:28px;padding:36px 32px;box-shadow:0 4px 24px #0000000a}.quiz-launch-banner{align-items:center;gap:24px;display:flex}.quiz-launch-info{flex:1}.quiz-launch-title{color:var(--text-main);margin-bottom:6px;font-size:1.35rem;font-weight:900}.quiz-launch-desc{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}@media (max-width:640px){.quiz-launch-banner{text-align:center;flex-direction:column;align-items:center}}.pinyin-quiz-pillars-grid{border-top:1px solid var(--card-border);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;padding-top:24px;display:grid}@media (max-width:768px){.pinyin-quiz-pillars-grid{grid-template-columns:1fr}}.quiz-pillar-card{border:1px solid var(--card-border);background:#f8fafc;border-radius:18px;align-items:flex-start;gap:14px;padding:18px 16px;transition:all .2s;display:flex}.quiz-pillar-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.pillar-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.2rem;display:flex}.pillar-text h4{color:var(--text-main);margin:0 0 4px;font-size:.95rem;font-weight:800}.pillar-text p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.component-clue-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.component-clue-badge.badge-sound{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e947}.component-clue-badge.badge-meaning{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b47}.btn-pill-sound.active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.btn-pill-meaning.active{color:#fff!important;background:#d97706!important;border-color:#d97706!important}.component-stroke-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.components-cards-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}@media (max-width:640px){.components-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.component-card-item-3d{border:2px solid var(--card-border);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;min-height:270px;padding:14px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 6px #00000005}.component-card-item-3d,.component-card-item-3d:hover{color:inherit!important;text-decoration:none!important}.component-card-item-3d:hover{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 10px 24px rgba(var(--primary-rgb),.09);transform:translateY(-4px)}.component-card-item-3d *{text-decoration:none!important}.component-card-meaning-line{color:var(--text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;text-align:center;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.text-secondary-title{color:#64748b;margin-left:6px;font-size:1.25rem;font-weight:700}.usage-steps-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:860px){.usage-steps-grid{grid-template-columns:1fr}}.usage-step-card{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:18px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.usage-step-card:hover{border-color:var(--primary-red);box-shadow:0 8px 20px rgba(var(--primary-rgb),.06);background:#fff;transform:translateY(-2px)}.usage-step-badge{width:40px;height:40px;color:var(--primary-red);background:#fff1f2;border:1.5px solid #fecdd3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex;box-shadow:0 2px 8px #e11d4814}.usage-step-content{flex:1}.usage-step-title{color:var(--text-main);margin:0 0 6px;font-size:1.05rem;font-weight:900;line-height:1.3}.usage-step-desc{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.55}.breakdown-formulas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}@media (max-width:640px){.breakdown-formulas-grid{grid-template-columns:1fr}}.breakdown-formula-card{border:1.5px solid var(--card-border);cursor:pointer;background:#faf9f6;border-radius:18px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.breakdown-formula-card:hover{border-color:var(--primary-red);box-shadow:0 8px 20px rgba(var(--primary-rgb),.08);background:#fff;transform:translateY(-2px)}.breakdown-card-main-row{align-items:flex-start;gap:14px;display:flex}.breakdown-char-box{border:1.5px solid var(--card-border);background:#fff;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 2px 6px #00000008}.breakdown-formula-card:hover .breakdown-char-box{border-color:#fecdd3}.breakdown-char{color:var(--text-main);font-size:2.3rem;font-weight:900;line-height:1;transition:color .15s}.breakdown-formula-card:hover .breakdown-char{color:var(--primary-red)}.breakdown-char-audio-btn{width:20px;height:20px;color:var(--primary-red);cursor:pointer;background:#fff1f2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;transition:all .15s;display:flex;position:absolute;bottom:2px;right:2px}.breakdown-char-audio-btn:hover{background:var(--primary-red);color:#fff}.breakdown-info-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.breakdown-pinyin-role-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.breakdown-pinyin{color:var(--primary-red);font-size:1.05rem;font-weight:800}.breakdown-role-pill{color:#4338ca;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.breakdown-role-pill.role-sound{color:#0284c7;background:#e0f2fe}.breakdown-role-pill.role-meaning{color:#b45309;background:#fef3c7}.breakdown-formula-code{color:#0d9488;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:.85rem;font-weight:800;display:inline-flex}.breakdown-meaning{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.82rem;font-weight:600;line-height:1.35;overflow:hidden}.breakdown-card-actions{border-top:1px solid #e2e8f0;gap:8px;margin-top:2px;padding-top:10px;display:flex}.breakdown-action-btn{cursor:pointer;border:1px solid var(--card-border);color:var(--text-main);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:.76rem;font-weight:800;transition:all .15s;display:inline-flex}.breakdown-action-btn.view-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.breakdown-action-btn.practice-btn{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.breakdown-action-btn.practice-btn:hover{background:var(--primary-red);color:#fff}.related-words-flex-wrap{flex-wrap:wrap;gap:12px;display:flex}.related-word-pill-item{border:1.5px solid var(--card-border);cursor:pointer;background:#faf9f6;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.related-word-pill-item:hover{border-color:var(--primary-red);box-shadow:0 6px 16px rgba(var(--primary-rgb),.08);background:#fff;transform:translateY(-2px)}.rw-audio-icon{width:26px;height:26px;color:var(--primary-red);cursor:pointer;background:#fff1f2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;transition:all .15s;display:flex}.related-word-pill-item:hover .rw-audio-icon{background:var(--primary-red);color:#fff}.related-word-main{align-items:baseline;gap:6px;display:flex}.rw-word{color:var(--text-main);font-size:1.15rem;font-weight:900;transition:color .15s}.related-word-pill-item:hover .rw-word,.rw-pinyin{color:var(--primary-red)}.rw-pinyin{font-size:.88rem;font-weight:800}.rw-meaning{color:#475569;border-left:1.5px solid #cbd5e1;padding-left:10px;font-size:.85rem;font-weight:600}.rw-hsk-badge{color:#4338ca;background:#eef2ff;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:800}.component-faqs-list{flex-direction:column;gap:12px;display:flex}.component-faq-item{border:1.5px solid var(--card-border);background:#faf9f6;border-radius:18px;padding:18px 22px;transition:all .2s}.component-faq-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 14px #00000008}.component-faq-question{color:var(--text-main);align-items:center;gap:10px;margin:0 0 8px;font-size:1rem;font-weight:900;display:flex}.component-faq-question i{color:var(--primary-red);font-size:1.05rem}.component-faq-answer{color:#475569;margin:0;padding-left:26px;font-size:.92rem;line-height:1.6}.component-flashcards-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.flashcards-top-toolbar{border:1px solid var(--card-border);background:#fff;border-radius:20px;justify-content:space-between;gap:14px;padding:16px 20px}.fc-filter-pills-row,.flashcards-top-toolbar{flex-wrap:wrap;align-items:center;display:flex}.fc-filter-pills-row{gap:12px}.fc-filter-label{color:var(--text-main);align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:flex}.fc-pills-group{flex-wrap:wrap;gap:8px;display:flex}.fc-filter-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.fc-filter-pill:hover{color:var(--text-main);background:#e2e8f0}.fc-filter-pill.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.fc-quick-actions{gap:8px;display:flex}.fc-action-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.fc-action-btn:hover{color:var(--text-main);background:#f1f5f9}.fc-action-btn.active-audio{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.fc-progress-row{flex-direction:column;gap:8px;display:flex}.fc-counter-text{color:var(--text-main);align-items:center;gap:16px;font-size:.88rem;font-weight:800;display:flex}.fc-badge-mastered{color:#16a34a}.fc-badge-mastered,.fc-badge-review{align-items:center;gap:5px;display:flex}.fc-badge-review{color:#d97706}.fc-progress-track{background:#e2e8f0;border-radius:9999px;height:8px;overflow:hidden}.fc-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:9999px;height:100%;transition:width .3s}.fc-stage-area{perspective:1200px;justify-content:center;margin:10px 0;display:flex}.fc-card-3d{width:100%;max-width:540px;height:380px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.fc-card-3d.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;border:1px solid var(--card-border);background:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;padding:26px 28px;display:flex;position:absolute;inset:0;box-shadow:0 20px 45px #00000012}.fc-face-back{background:linear-gradient(135deg,#faf8f5,#f5efeb);transform:rotateY(180deg)}.fc-card-top-header{justify-content:space-between;align-items:center;display:flex}.fc-audio-btn{width:40px;height:40px;color:var(--primary-red);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.fc-audio-btn:hover{background:var(--primary-red);color:#fff;transform:scale(1.08)}.fc-glyph-box{justify-content:center;align-items:center;display:flex}.fc-tianzige{border-radius:24px;width:170px;height:170px}.fc-main-char{color:var(--primary-red);font-size:6.8rem;font-weight:900}.fc-card-meta-bottom{justify-content:space-between;align-items:center;display:flex}.fc-stroke-pill{color:#475569;background:#f1f5f9;border-radius:9999px;padding:4px 10px;font-size:.8rem;font-weight:700}.fc-flip-hint{color:#94a3b8;align-items:center;gap:5px;font-size:.78rem;display:flex}.fc-back-tag{color:#475569;background:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:800}.fc-back-center-info{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.fc-back-pinyin{color:var(--primary-red);font-size:1.7rem;font-weight:900}.fc-back-name{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:900}.fc-back-meaning{color:#64748b;margin:0;font-size:.95rem}.fc-back-derivatives-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.fc-back-derivatives-label{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:5px;font-size:.75rem;font-weight:800;display:flex}.fc-formula-mini-row{align-items:center;gap:6px;font-size:.82rem;display:flex}.fc-mini-char{color:var(--text-main);font-size:1rem;font-weight:900}.fc-mini-pinyin{color:var(--primary-red);font-weight:700}.fc-mini-code{color:#0284c7;font-weight:700}.fc-mini-mean{color:#64748b}.fc-controls-bar{justify-content:space-between;gap:16px}.fc-controls-bar,.fc-nav-btn{align-items:center;display:flex}.fc-nav-btn{border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#fff;border-radius:16px;gap:8px;padding:14px 22px;font-size:.95rem;font-weight:800;transition:all .2s}.fc-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.fc-action-decision-btns{gap:12px;display:flex}.fc-decision-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.fc-decision-btn.btn-review{color:#b45309;background:#fef3c7}.fc-decision-btn.btn-review:hover{background:#fde68a;transform:translateY(-2px)}.fc-decision-btn.btn-mastered{color:#15803d;background:#dcfce7}.fc-decision-btn.btn-mastered:hover{background:#bbf7d0;transform:translateY(-2px)}.fc-keyboard-hints-row{color:#94a3b8;justify-content:center;gap:20px;margin-top:-6px;font-size:.78rem;display:flex}.fc-keyboard-hints-row kbd{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;margin-right:4px;padding:2px 6px;font-weight:700}.component-quiz-modal-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:28px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;padding:32px 36px;animation:modalPop .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #00000059}.quiz-header-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quiz-header-left{align-items:center;gap:10px;display:flex}.quiz-question-counter{color:var(--text-main);font-size:.95rem;font-weight:800}.quiz-streak-badge{color:#d97706;background:#fef3c7;border-radius:8px;padding:3px 8px;font-size:.8rem;font-weight:900}.quiz-score-badge{color:var(--text-main);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.9rem;font-weight:800;display:flex}.quiz-score-badge i{color:#eab308}.quiz-question-stage{text-align:center;flex-direction:column;align-items:center;gap:16px;margin:18px 0 22px;display:flex}.quiz-char-avatar-box{position:relative}.quiz-tianzige{border-radius:18px;width:90px;height:90px}.quiz-char-glyph{color:var(--primary-red);font-size:3.4rem;font-weight:900}.quiz-audio-speaker-btn{background:var(--primary-red);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 3px 8px #dc262659}.quiz-prompt-heading{color:var(--text-main);max-width:580px;margin:0;font-size:1.18rem;font-weight:800;line-height:1.45}.quiz-options-grid{flex-direction:column;gap:10px;display:flex}.quiz-option-btn{color:var(--text-main);cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:700;transition:all .15s;display:flex}.quiz-option-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.quiz-option-btn.option-correct{color:#15803d!important;background:#dcfce7!important;border-color:#22c55e!important}.quiz-option-btn.option-incorrect{color:#b91c1c!important;background:#fee2e2!important;border-color:#ef4444!important}.quiz-option-btn.option-disabled{opacity:.55;cursor:not-allowed}.opt-indicator{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;display:flex}.opt-text{flex:1}.quiz-feedback-box{border-radius:18px;flex-direction:column;gap:10px;margin-top:18px;padding:16px 20px;animation:fadeIn .2s ease-out;display:flex}.quiz-feedback-box.feedback-correct{background:#f0fdf4;border:1px solid #bbf7d0}.quiz-feedback-box.feedback-wrong{background:#fef2f2;border:1px solid #fecaca}.feedback-status-row{align-items:center;gap:8px;font-size:1rem;font-weight:900;display:flex}.feedback-correct .feedback-status-row{color:#15803d}.feedback-wrong .feedback-status-row{color:#b91c1c}.feedback-explanation-text{color:var(--text-main);margin:0;font-size:.88rem;line-height:1.45}.feedback-action-row{justify-content:flex-end;margin-top:4px;display:flex}.next-q-btn{padding:10px 22px;font-size:.92rem}.quiz-completed-view{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 10px;display:flex}.completed-seal-stamp{background:var(--primary-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.4rem;font-weight:900;display:flex;box-shadow:0 10px 25px #dc262659}.completed-title{color:var(--text-main);margin:0;font-size:1.6rem;font-weight:900}.completed-subtitle{color:#64748b;max-width:480px;margin:0;font-size:.95rem}.completed-stats-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:8px 0 12px;padding:18px;display:grid}.completed-stat-cell{flex-direction:column;gap:4px;display:flex}.c-stat-label{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:700}.c-stat-val{color:var(--text-main);font-size:1.4rem;font-weight:900}.c-stat-val.val-green{color:#16a34a}.c-stat-val.val-gold{color:#d97706}.completed-actions-row{gap:14px;display:flex}.quiz-action-secondary-btn{color:var(--text-main);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:8px;padding:14px 22px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.quiz-action-secondary-btn:hover{background:#e2e8f0}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-scale-up{animation:scaleUp .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards}.vocab-hub-container{flex-direction:column;gap:28px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px 40px;display:flex}.vocab-hero-card{background:linear-gradient(135deg,#fff,#fff1f2 50%,#fef3c7);border:2px solid #fecdd3;border-radius:28px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px #e11d480a}.vocab-hero-watermark{font-family:var(--font-han-nom-kai),serif;color:#8813370a;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:900;line-height:1;position:absolute}.vocab-hero-watermark.watermark-1{font-size:160px;top:8px;right:24px}.vocab-hero-watermark.watermark-2{font-size:120px;bottom:-24px;right:120px}.vocab-hero-content{z-index:10;flex-direction:column;gap:16px;max-width:780px;display:flex;position:relative}.vocab-hero-title{color:#0f172a;letter-spacing:-.5px;font-size:2.25rem;font-weight:900;line-height:1.2}.vocab-hero-subtitle{color:#475569;font-size:1rem;font-weight:500;line-height:1.6}.vocab-stats-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:6px;display:flex}.vocab-stat-pill{background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 2px 6px #00000005}.vocab-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.vocab-stat-icon-wrap.rose{color:#e11d48;background:#ffe4e6}.vocab-stat-icon-wrap.amber{color:#d97706;background:#fef3c7}.vocab-stat-icon-wrap.emerald{color:#059669;background:#d1fae5}.vocab-stat-text-val{color:#0f172a;font-size:.85rem;font-weight:900}.vocab-stat-text-label{color:#64748b;margin-left:4px;font-size:.8rem;font-weight:600}.vocab-search-container{width:100%;max-width:640px;position:relative}.vocab-search-input-box{align-items:center;width:100%;display:flex;position:relative}.vocab-search-icon{color:#94a3b8;pointer-events:none;align-items:center;font-size:1.1rem;display:flex;position:absolute;left:18px}.vocab-search-input{color:#0f172a;background:#fff;border:2px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:18px;outline:none;width:100%;padding:14px 46px 14px 48px;font-size:.95rem;font-weight:600;transition:all .15s;box-shadow:0 4px 12px #00000008}.vocab-search-input:focus{border-color:#e11d48 #e11d48 #be123c;box-shadow:0 0 0 4px #e11d481f}.vocab-search-clear-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;transition:all .15s;display:flex;position:absolute;right:14px}.vocab-search-clear-btn:hover{color:#0f172a;background:#e2e8f0}.vocab-search-dropdown{z-index:150;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:20px;max-height:420px;animation:fadeInDown .15s ease-out;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 36px #0000001f}.vocab-search-dropdown-header{color:#be123c;text-transform:uppercase;letter-spacing:.8px;background:#fff1f2;border-bottom:1px solid #ffe4e6;padding:10px 16px;font-size:.72rem;font-weight:900}.vocab-search-dropdown-header,.vocab-search-item{justify-content:space-between;align-items:center;display:flex}.vocab-search-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 16px;transition:background .12s}.vocab-search-item:last-child{border-bottom:none}.vocab-search-item:hover{background:#fff1f2}.vocab-search-item-left{align-items:center;gap:14px;display:flex}.vocab-search-char-box{width:44px;height:44px;font-size:1.35rem;font-weight:800;font-family:var(--font-han-nom-kai),serif;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.vocab-search-item:hover .vocab-search-char-box{background:#fff;border-color:#fda4af}.vocab-search-item-info{flex-direction:column;gap:2px;display:flex}.vocab-search-meta-row{align-items:center;gap:8px;display:flex}.vocab-search-pinyin{color:#e11d48;font-family:Space Grotesk,monospace;font-size:.9rem;font-weight:800}.vocab-badge-hsk-mini{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:900}.vocab-badge-pos-mini{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:800}.vocab-search-meaning{color:#1e293b;font-size:.85rem;font-weight:600;line-height:1.3}.vocab-audio-quick-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .15s;display:flex}.vocab-audio-quick-btn:hover{color:#e11d48;background:#ffe4e6}.vocab-search-empty{text-align:center;color:#64748b;padding:32px 16px}.vocab-groups-wrapper{flex-direction:column;gap:44px;display:flex}.vocab-group-section{flex-direction:column;gap:18px;display:flex}.vocab-group-header{border-bottom:2px dashed #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.vocab-group-header-left{align-items:center;gap:14px;display:flex}.vocab-group-seal-icon{width:44px;min-width:44px;height:44px;font-family:var(--font-han-nom-kai),serif;color:#fff;border-bottom:3px solid #0003;border-radius:14px;justify-content:center;align-items:center;font-size:1.35rem;font-weight:900;display:flex;box-shadow:0 4px 12px #00000014}.vocab-group-seal-icon.rose{background:#e11d48}.vocab-group-seal-icon.amber{background:#d97706}.vocab-group-seal-icon.blue{background:#2563eb}.vocab-group-seal-icon.purple{background:#7c3aed}.vocab-group-seal-icon.emerald{background:#059669}.vocab-group-title-box{flex-direction:column;gap:3px;display:flex}.vocab-group-title{color:#0f172a;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.3rem;font-weight:900;display:flex}.vocab-group-badge{letter-spacing:.6px;text-transform:uppercase;border-radius:9999px;padding:3px 10px;font-size:.68rem;font-weight:900}.vocab-group-badge.rose{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.vocab-group-badge.amber{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.vocab-group-badge.blue{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.vocab-group-badge.purple{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.vocab-group-badge.emerald{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.vocab-group-desc{color:#64748b;font-size:.85rem;font-weight:500}.vocab-group-count-pill{color:#475569;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:800;display:flex}.vocab-tabs-container{scrollbar-width:none;align-items:center;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.vocab-tabs-container::-webkit-scrollbar{display:none}.vocab-tab-pill{white-space:nowrap;cursor:pointer;color:#334155;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:800;transition:all .15s;display:flex}.vocab-tab-pill:hover{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.vocab-tab-pill.active{color:#fff;background:#e11d48;border:2px solid #be123c;border-bottom-color:#881337;transform:translateY(2px);box-shadow:0 4px 12px #e11d4840}.vocab-categories-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;display:grid}.vocab-category-card{background:#fff;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:24px;flex-direction:column;justify-content:space-between;padding:22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 15px #00000008}.vocab-category-card:hover{border-color:#fb7185 #fb7185 #e11d48;transform:translateY(-4px);box-shadow:0 14px 30px #e11d481a}.vocab-cat-media-box{background:#fff1f24d;border:1px solid #f1f5f9;border-radius:18px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:16px;padding:8px;transition:background .2s;display:flex;position:relative;overflow:hidden}.vocab-category-card:hover .vocab-cat-media-box{background:#fff1f299}.vocab-cat-seal{color:#fff;font-family:var(--font-han-nom-kai),serif;background:#e11d48;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:900;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000001a}.vocab-cat-badges-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.vocab-diff-badge{text-transform:uppercase;letter-spacing:.6px;border:1px solid #0000;border-radius:9999px;padding:3px 10px;font-size:.7rem;font-weight:900}.vocab-diff-badge.easy,.vocab-diff-badge.very-easy{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.vocab-diff-badge.medium{color:#b45309;background:#fffbeb;border-color:#fde68a}.vocab-diff-badge.hard,.vocab-diff-badge.very-hard{color:#be123c;background:#fff1f2;border-color:#fecdd3}.vocab-diff-badge.default{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.vocab-wordcount-chip{color:#475569;background:#f1f5f9;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:800;display:flex}.vocab-cat-name{color:#0f172a;margin-bottom:6px;font-size:1.15rem;font-weight:900;line-height:1.3;transition:color .15s}.vocab-category-card:hover .vocab-cat-name{color:#e11d48}.vocab-cat-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.vocab-cat-actions-box{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:14px;display:flex}.vocab-btn-learn-duo{color:#fff;cursor:pointer;background:#e11d48;border:none;border-bottom:4px solid #9f1239;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:900;text-decoration:none;transition:all .1s;display:flex}.vocab-btn-learn-duo:hover{background:#be123c}.vocab-btn-learn-duo:active{border-bottom-width:0;transform:translateY(3px)}.vocab-btn-quiz-quick{color:#78350f;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.8rem;font-weight:800;transition:all .12s;display:flex}.vocab-btn-quiz-quick:hover{background:#fef3c7;border-color:#fcd34d}.vocab-btn-quiz-quick:active{transform:translateY(1px)}.vocab-cat-detail-hero{background:linear-gradient(135deg,#fff,#fff1f2 50%,#fef3c7);border:2px solid #fecdd3;border-radius:28px;flex-direction:column;gap:20px;padding:28px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #e11d480a}@media (min-width:768px){.vocab-cat-detail-hero{flex-direction:row;justify-content:space-between;align-items:center}}.vocab-cat-detail-main{z-index:10;gap:20px}.vocab-cat-detail-img-box,.vocab-cat-detail-main{align-items:center;display:flex;position:relative}.vocab-cat-detail-img-box{background:#fff;border:2px solid #fecdd3;border-radius:20px;flex-shrink:0;justify-content:center;width:96px;height:96px;overflow:hidden}.vocab-cat-detail-info{flex-direction:column;gap:6px;display:flex}.vocab-cat-detail-title{color:#0f172a;font-size:1.75rem;font-weight:900;line-height:1.2}.vocab-cat-detail-desc{color:#475569;max-width:540px;font-size:.85rem;font-weight:500;line-height:1.5}.vocab-btn-quiz-hero{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-bottom:4px solid #b45309;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:900;transition:all .1s;display:flex}.vocab-btn-quiz-hero:hover{background:#d97706}.vocab-btn-quiz-hero:active{border-bottom-width:0;transform:translateY(3px)}.vocab-view-switcher-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.vocab-view-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:6px;padding:5px;display:flex}.vocab-view-btn{text-transform:uppercase;letter-spacing:.5px;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:900;transition:all .15s;display:flex}.vocab-view-btn.active{color:#fff;background:#e11d48;border-bottom:2px solid #9f1239;box-shadow:0 2px 6px #e11d4833}.vocab-showing-count-text{color:#64748b;font-size:.82rem;font-weight:800}.vocab-list-controls{flex-direction:column;gap:12px;display:flex}@media (min-width:640px){.vocab-list-controls{flex-direction:row;align-items:center}}.vocab-filter-search-box{flex:1;width:100%;position:relative}.vocab-filter-search-box i{color:#94a3b8;font-size:.95rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.vocab-filter-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:12px 16px 12px 44px;font-size:.9rem;font-weight:600;transition:all .15s}.vocab-filter-input:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.vocab-filter-select{color:#1e293b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;outline:none;padding:12px 20px;font-size:.88rem;font-weight:800;transition:border-color .15s}.vocab-filter-select:focus{border-color:#e11d48}.vocab-words-list{flex-direction:column;gap:14px;display:flex}.vocab-word-card{background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:20px;flex-direction:column;gap:12px;padding:18px 22px;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000005}.vocab-word-card:hover{border-color:#fecdd3}.vocab-word-main-row{justify-content:space-between}.vocab-word-left,.vocab-word-main-row{align-items:center;gap:16px;display:flex}.vocab-tianzige-btn{width:52px;height:52px;font-size:1.6rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;color:#0f172a;cursor:pointer;background:#fff1f266;border:2px dashed #fda4af;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.vocab-tianzige-btn:hover{background:#fff;border-color:#e11d48;transform:scale(1.05)}.vocab-word-text-group{flex-direction:column;gap:3px;display:flex}.vocab-word-pinyin-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vocab-word-pinyin{color:#e11d48;font-family:Space Grotesk,monospace;font-size:1.05rem;font-weight:800}.vocab-word-meaning-text{color:#0f172a;font-size:.98rem;font-weight:800}.vocab-word-actions-row{flex-shrink:0;align-items:center;gap:8px;display:flex}.vocab-action-icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;transition:all .15s;display:flex}.vocab-action-icon-btn:hover{color:#e11d48;background:#ffe4e6;border-color:#fda4af}.vocab-btn-expand-examples{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:800;transition:all .15s;display:flex}.vocab-btn-expand-examples.expanded{color:#92400e;background:#fef3c7;border-color:#fde68a}.vocab-examples-drawer{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:14px;animation:fadeInDown .15s ease-out;display:flex}.vocab-example-card{background:#fff1f259;border:1px solid #fecdd399;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.vocab-ex-hanzi{color:#0f172a;font-size:1.05rem;font-weight:800;font-family:var(--font-han-nom-kai),serif}.vocab-ex-pinyin{color:#be123c;font-family:Space Grotesk,monospace;font-size:.8rem}.vocab-ex-trans{color:#334155;margin-top:2px;font-size:.85rem;font-weight:500}.vocab-flashcards-wrapper{flex-direction:column;gap:20px;width:100%;max-width:620px;margin:0 auto;display:flex}.vocab-flashcards-hud{background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.vocab-flashcards-hud-progress{color:#334155;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:.85rem;font-weight:900;display:flex}.vocab-pulse-dot{background:#e11d48;border-radius:50%;width:10px;height:10px;animation:pulse 1.5s infinite}.vocab-progress-track{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:9999px;width:100%;height:10px;padding:2px;overflow:hidden}.vocab-progress-fill{background:linear-gradient(90deg,#e11d48,#f59e0b);border-radius:9999px;height:100%;transition:width .3s}.vocab-flashcard-card{cursor:pointer;width:100%;min-height:380px;transform-style:preserve-3d;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:28px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 16px 36px #00000014}.vocab-flashcard-face{backface-visibility:hidden;text-align:center;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.vocab-flashcard-front{background:linear-gradient(135deg,#fff,#fff1f2 60%,#fef3c7)}.vocab-flashcard-back{background:#fff;transform:rotateY(180deg)}.vocab-flashcard-tianzige{width:130px;height:130px;font-size:3.5rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;color:#0f172a;background:#fff;border:3px dashed #fda4af;border-radius:24px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px 8px #0000000a}.vocab-flashcard-pinyin-big{color:#e11d48;font-family:Space Grotesk,monospace;font-size:1.6rem;font-weight:800}.vocab-flashcard-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:540px){.vocab-flashcard-actions-grid{grid-template-columns:repeat(4,1fr)}}.vocab-btn-flashcard{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:.85rem;font-weight:900;transition:all .1s;display:flex}.vocab-btn-flashcard.prev{color:#1e293b;background:#fff;border:2px solid #cbd5e1;border-bottom:4px solid #94a3b8}.vocab-btn-flashcard.review{color:#fff;background:#f59e0b;border-bottom:4px solid #b45309}.vocab-btn-flashcard.mastered{color:#fff;background:#059669;border-bottom:4px solid #047857}.vocab-btn-flashcard.next{color:#fff;background:#e11d48;border-bottom:4px solid #9f1239}.vocab-btn-flashcard:active:not(:disabled){border-bottom-width:0;transform:translateY(3px)}.vocab-btn-flashcard:disabled{opacity:.4;cursor:not-allowed}.vocab-quiz-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:fadeIn .2s ease-out;display:flex;position:fixed;inset:0}.vocab-quiz-dialog{background:#fff;border:2px solid #cbd5e1;border-bottom:5px solid #94a3b8;border-radius:28px;flex-direction:column;width:100%;max-width:580px;animation:popIn .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0003}.vocab-quiz-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.vocab-quiz-header-top{justify-content:space-between;align-items:center;display:flex}.vocab-quiz-streak-pill{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:900;display:flex}.vocab-quiz-body{flex-direction:column;justify-content:space-between;min-height:380px;padding:28px 24px;display:flex}.vocab-quiz-prompt-box{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;display:flex}.vocab-quiz-prompt-hanzi{font-size:2.4rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;color:#0f172a;letter-spacing:1px}.vocab-quiz-choices-grid{grid-template-columns:1fr;gap:12px;margin:16px 0;display:grid}@media (min-width:520px){.vocab-quiz-choices-grid{grid-template-columns:repeat(2,1fr)}}.vocab-quiz-choice-btn{color:#1e293b;text-align:left;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:18px;justify-content:space-between;align-items:center;padding:16px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .12s;display:flex}.vocab-quiz-choice-btn:hover:not(:disabled){background:#fff1f2;border-color:#fecdd3}.vocab-quiz-choice-btn.selected{color:#be123c;background:#fff1f2;border-color:#e11d48 #e11d48 #be123c;box-shadow:0 0 0 2px #e11d48}.vocab-quiz-choice-btn.correct{color:#065f46;background:#ecfdf5;border-color:#10b981 #10b981 #059669;box-shadow:0 0 0 2px #10b981}.vocab-quiz-choice-btn.incorrect{color:#9f1239;background:#fff1f2;border-color:#e11d48 #e11d48 #9f1239}.vocab-quiz-choice-num{color:#64748b;background:#0000000d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:900;display:flex}.vocab-btn-quiz-check{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:18px;width:100%;padding:14px;font-size:.95rem;font-weight:900;transition:all .1s}.vocab-btn-quiz-check.ready{color:#fff;background:#e11d48;border-bottom:4px solid #9f1239}.vocab-btn-quiz-check.ready:active{border-bottom-width:0;transform:translateY(3px)}.vocab-btn-quiz-check.disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-bottom:4px solid #cbd5e1}.vocab-quiz-feedback-box{border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;animation:slideUp .2s ease-out;display:flex}.vocab-quiz-feedback-box.correct{color:#065f46;background:#d1fae5;border:2px solid #6ee7b7}.vocab-quiz-feedback-box.incorrect{color:#9f1239;background:#ffe4e6;border:2px solid #fda4af}.vocab-detail-dialog{background:#fff;border:2px solid #cbd5e1;border-bottom:5px solid #94a3b8;border-radius:28px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:popIn .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0003}.vocab-detail-header{color:#fff;background:linear-gradient(90deg,#e11d48,#be123c,#9f1239);border-bottom:4px solid #881337;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.vocab-detail-scroll-content{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.vocab-detail-hero-card{background:#fff1f259;border:2px solid #fecdd3;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}@media (min-width:520px){.vocab-detail-hero-card{flex-direction:row;align-items:center}}.vocab-detail-tianzige-lg{width:100px;height:100px;font-size:3rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;color:#0f172a;background:#fff;border:2px dashed #fda4af;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.vocab-detail-hsk-pill{color:#fff;text-transform:uppercase;background:#e11d48;border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:900;position:absolute;top:-8px;right:-8px}.vocab-detail-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:900;display:flex}.vocab-detail-meaning-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.vocab-detail-ex-item{background:#fff1f266;border:1.5px solid #fecdd3b3;border-radius:16px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.vocab-detail-footer{background:#f8fafc;border-top:2px solid #e2e8f0;justify-content:flex-end;padding:14px 24px;display:flex}.vocab-baolingo-wrapper{background-color:var(--bg-rice-paper);width:100vw;height:100vh;max-height:100vh;color:var(--text-main);flex-direction:column;font-family:inherit;display:flex;position:relative;overflow:hidden}.vocab-baolingo-navbar{z-index:40;background:#fff;border-bottom:2px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #00000005}.vocab-navbar-left{align-items:center;gap:16px;display:flex}.vocab-btn-back-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.vocab-btn-back-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.vocab-navbar-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:900}.vocab-navbar-modes-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.vocab-navbar-modes-row::-webkit-scrollbar{display:none}.vocab-nav-mode-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-bottom:3px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:800;transition:all .15s;display:flex}.vocab-nav-mode-pill:hover{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.vocab-nav-mode-pill.active{color:#fff;background:#e11d48;border-color:#be123c;border-bottom:3px solid #881337;transform:translateY(1px);box-shadow:0 4px 12px #e11d4840}.vocab-baolingo-body{flex:1;height:calc(100vh - 65px);min-height:0;display:flex;overflow:hidden}.vocab-baolingo-sidebar{background:#fff;border-right:2px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:14px;width:290px;min-width:270px;max-width:310px;height:100%;padding:20px 16px;transition:width .2s,min-width .2s,padding .2s;display:flex;overflow-y:auto}.vocab-baolingo-sidebar.is-collapsed{width:96px;min-width:96px;max-width:96px;padding:18px 10px}.vocab-sidebar-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vocab-sidebar-heading{color:#64748b;text-transform:uppercase;letter-spacing:.8px;padding:0 4px;font-size:.76rem;font-weight:900}.vocab-sidebar-toggle{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.vocab-sidebar-toggle:hover{color:var(--primary-red);background:#fff1f2;border-color:#fecdd3}.vocab-units-vertical-list{flex-direction:column;gap:10px;display:flex}.vocab-unit-pill-card{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 18px;transition:all .15s;display:flex}.vocab-unit-pill-card.compact{justify-content:center;padding:12px 8px}.vocab-unit-pill-content{flex-direction:column;flex:1;min-width:0;display:flex}.vocab-unit-pill-card:hover{background:#fff1f2;border-color:#fecdd3;transform:translateY(-1px)}.vocab-unit-pill-card.active{color:#fff;background:#e11d48;border-color:#be123c;border-bottom:4px solid #881337;transform:translateY(1px);box-shadow:0 6px 16px #e11d4840}.vocab-unit-pill-title{font-size:.95rem;font-weight:900;line-height:1.2}.vocab-unit-pill-sub{opacity:.85;margin-top:2px;font-size:.75rem;font-weight:700}.vocab-unit-pill-mini{font-size:1rem;font-weight:900;line-height:1;display:none}.vocab-baolingo-sidebar.is-collapsed .vocab-sidebar-heading{display:none}.vocab-baolingo-sidebar.is-collapsed .vocab-unit-pill-content{justify-content:center;align-items:center}.vocab-baolingo-sidebar.is-collapsed .vocab-unit-pill-sub,.vocab-baolingo-sidebar.is-collapsed .vocab-unit-pill-title{display:none}.vocab-baolingo-sidebar.is-collapsed .vocab-unit-pill-mini{display:block}.vocab-unit-pill-card.active .vocab-unit-pill-sub{color:#ffe4e6}.vocab-unit-pill-indicator{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:900;display:flex}.vocab-unit-pill-card.active .vocab-unit-pill-indicator{color:#fff;background:#ffffff40;border-color:#fff6}.vocab-baolingo-workspace{background-color:var(--bg-rice-paper);flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:100%;padding:20px 20px 28px;display:flex;overflow-y:auto}.vocab-progress-header-box{flex-direction:column;gap:8px;width:100%;max-width:780px;margin:0 auto 20px;display:flex}.vocab-progress-header-row{text-transform:uppercase;letter-spacing:.6px;color:#64748b;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:900;display:flex}.vocab-progress-slim-track{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.vocab-progress-slim-fill{background:#e11d48;border-radius:9999px;height:100%;transition:width .3s}.vocab-baolingo-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:28px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:780px;margin:0 auto;padding:36px 40px;display:flex;position:relative;box-shadow:0 10px 30px #00000008}.vocab-card-report-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex;position:absolute;top:22px;left:22px}.vocab-card-report-btn:hover{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.vocab-guess-prompt-title{color:#0f172a;justify-content:center;align-items:center;gap:12px;font-size:1.9rem;font-weight:900;display:flex}.vocab-guess-pos-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:900}.vocab-guess-def-text{color:#e11d48;max-width:580px;font-size:.95rem;font-weight:700;line-height:1.5}.vocab-guess-example-block{color:#1e293b;background:#fff1f259;border:1px solid #fecdd3;border-radius:18px;flex-direction:column;gap:4px;width:100%;max-width:560px;padding:14px 20px;font-size:1.05rem;font-weight:700;display:flex}.vocab-guess-example-hanzi{font-family:var(--font-han-nom-kai),serif;color:#0f172a;font-size:1.35rem}.vocab-guess-example-trans{color:#64748b;font-size:.88rem;font-weight:500}.vocab-guess-box-row{justify-content:center;align-items:center;gap:12px;margin:6px 0;display:flex}.vocab-guess-char-box{color:#e11d48;letter-spacing:4px;font-size:1.4rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;background:#fff1f2;border:2px dashed #fda4af;border-radius:14px;padding:8px 20px}.vocab-btn-hint{color:#b45309;cursor:pointer;background:#fffbeb;border:1.5px solid #fde68a;border-bottom:3px solid #f59e0b;border-radius:9999px;align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.vocab-btn-hint:hover{background:#fef3c7;transform:translateY(-1px)}.vocab-btn-hint:active{border-bottom-width:1px;transform:translateY(2px)}.vocab-guess-input-field{color:#0f172a;text-align:center;background:#fff;border:2px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:18px;outline:none;width:100%;max-width:480px;padding:14px 20px;font-size:1.1rem;font-weight:800;transition:all .15s}.vocab-guess-input-field:focus{border-color:#e11d48 #e11d48 #be123c;box-shadow:0 0 0 3px #e11d4826}.vocab-guess-buttons-row{gap:16px;width:100%;max-width:480px;margin-top:6px}.vocab-btn-action-dunno,.vocab-guess-buttons-row{justify-content:center;align-items:center;display:flex}.vocab-btn-action-dunno{color:#be123c;text-transform:uppercase;cursor:pointer;background:#fff1f2;border:2px solid #fda4af;border-bottom:4px solid #f43f5e;border-radius:18px;flex:1;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:900;transition:all .12s}.vocab-btn-action-dunno:hover{background:#ffe4e6}.vocab-btn-action-dunno:active{border-bottom-width:1px;transform:translateY(3px)}.vocab-btn-action-check{color:#fff;text-transform:uppercase;cursor:pointer;background:#10b981;border:none;border-bottom:4px solid #047857;border-radius:18px;flex:1.2;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:900;transition:all .12s;display:flex}.vocab-btn-action-check:hover{background:#059669}.vocab-btn-action-check:active{border-bottom-width:1px;transform:translateY(3px)}.vocab-btn-action-check:disabled{opacity:.5;cursor:not-allowed;transform:none}.vocab-workspace-bottom-footer{text-align:center;color:#64748b;padding-top:18px;font-size:.82rem;font-weight:600}.vocab-guess-feedback-banner{text-align:left;border-radius:20px;align-items:center;gap:16px;width:100%;max-width:480px;padding:16px 20px;transition:all .2s;display:flex}.vocab-guess-feedback-banner.correct{color:#065f46;background:#ecfdf5;border:2px solid #10b981;border-bottom:4px solid #059669}.vocab-guess-feedback-banner.incorrect{color:#9f1239;background:#fff1f2;border:2px solid #fda4af;border-bottom:4px solid #e11d48}.vocab-guess-feedback-hanzi{font-family:var(--font-han-nom-kai),serif;color:#0f172a;font-size:1.6rem;font-weight:900}.vocab-guess-feedback-pinyin{color:#e11d48;margin-left:6px;font-size:1rem;font-weight:800}.vocab-guess-feedback-meaning{color:#475569;margin-top:2px;font-size:.88rem;font-weight:600}.vocab-guess-feedback-audio-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-bottom:3px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;font-size:1rem;transition:all .12s;display:flex;box-shadow:0 2px 8px #00000014}.vocab-guess-feedback-audio-btn:hover{color:#e11d48;transform:translateY(-1px)}.vocab-guess-feedback-audio-btn:active{border-bottom-width:1px;transform:translateY(2px)}.vocab-stroke-header-title{color:#e11d48;text-transform:uppercase;letter-spacing:.5px;font-size:1.1rem;font-weight:900}.vocab-stroke-main-hanzi{font-family:var(--font-han-nom-kai),serif;color:#0f172a;font-size:3.6rem;font-weight:900;line-height:1}.vocab-stroke-tianzige-row{flex-wrap:wrap;justify-content:center;gap:14px;margin:12px 0;display:flex}.vocab-stroke-tianzige-card{color:#0f172a;width:76px;height:76px;font-family:var(--font-han-nom-kai),serif;cursor:pointer;background-color:#fff;background-image:linear-gradient(#e11d481f 1px,#0000 0),linear-gradient(90deg,#e11d481f 1px,#0000 0);background-position:50%;background-repeat:repeat;background-size:38px 38px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #fda4af;border-bottom:4px solid #e11d48;border-radius:18px;justify-content:center;align-items:center;font-size:2.2rem;font-weight:900;transition:all .15s;display:flex}.vocab-stroke-tianzige-card:hover{background-color:#fff1f2;transform:translateY(-2px)}.vocab-stroke-tianzige-card:active{border-bottom-width:1px;transform:translateY(2px)}.vocab-quiz-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:580px;margin-top:10px;display:grid}.vocab-quiz-option-btn{color:#0f172a;cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:18px;align-items:center;gap:12px;padding:16px 20px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex}.vocab-quiz-option-btn:hover{background:#fff1f2;border-color:#fecdd3}.vocab-quiz-option-btn.selected{background:#e11d4814;border-color:#e11d48 #e11d48 #be123c}.vocab-quiz-option-btn.correct{color:#065f46;background:#ecfdf5;border-color:#10b981 #10b981 #059669}.vocab-quiz-option-btn.incorrect{color:#9f1239;background:#fff1f2;border-color:#fda4af #fda4af #e11d48}.vocab-quiz-opt-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:900;display:flex}.vocab-quiz-option-btn.correct .vocab-quiz-opt-badge{color:#047857;background:#d1fae5;border-color:#6ee7b7}.vocab-quiz-option-btn.incorrect .vocab-quiz-opt-badge{color:#be123c;background:#ffe4e6;border-color:#fecdd3}.vocab-rev-quiz-option-btn{color:#0f172a;font-family:var(--font-han-nom-kai),serif;cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:20px;padding:20px;font-size:2rem;font-weight:900;transition:all .15s}.vocab-rev-quiz-option-btn:hover{background:#fff1f2;border-color:#fecdd3;transform:translateY(-1px)}.vocab-rev-quiz-option-btn.selected{background:#e11d4814;border-color:#e11d48 #e11d48 #be123c}.vocab-rev-quiz-option-btn.correct{color:#065f46;background:#ecfdf5;border-color:#10b981 #10b981 #059669}.vocab-rev-quiz-option-btn.incorrect{color:#9f1239;background:#fff1f2;border-color:#fda4af #fda4af #e11d48}.vocab-repeat-main-hanzi{font-family:var(--font-han-nom-kai),serif;color:#0f172a;font-size:3.6rem;font-weight:900;line-height:1}.vocab-btn-action-blue{color:#fff;text-transform:uppercase;cursor:pointer;background:#2563eb;border:none;border-bottom:4px solid #1d4ed8;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:900;transition:all .12s;display:flex}.vocab-btn-action-blue:hover{background:#1d4ed8}.vocab-btn-action-blue:active{border-bottom-width:1px;transform:translateY(3px)}.vocab-btn-action-red{color:#fff;text-transform:uppercase;cursor:pointer;background:#e11d48;border:none;border-bottom:4px solid #be123c;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:900;transition:all .12s;display:flex}.vocab-btn-action-red:hover{background:#be123c}.vocab-btn-action-red:active{border-bottom-width:1px;transform:translateY(3px)}.vocab-shadowing-wrapper{flex-direction:column;gap:20px;width:100%;max-width:680px;margin:0 auto;display:flex}.vocab-shadowing-header-row{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;display:flex}.vocab-shadowing-counter-chip{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:800}.vocab-shadowing-hero-box{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.vocab-shadowing-pinyin-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.vocab-shadowing-pinyin{color:#e11d48;font-size:1.35rem;font-weight:800}.vocab-shadowing-meaning{color:#334155;margin-top:2px;font-size:1.15rem;font-weight:700}.vocab-shadowing-alert-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.vocab-shadowing-dual-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}@media (max-width:640px){.vocab-shadowing-dual-grid{grid-template-columns:1fr}}.vocab-shadowing-action-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:180px;padding:16px;transition:all .2s;display:flex}.vocab-shadowing-action-card.playing{background:#fff1f2;border-color:#fda4af;box-shadow:0 4px 16px #e11d4814}.vocab-shadowing-action-card.user-card.recording{background:#fef2f2;border-color:#f87171;box-shadow:0 4px 20px #ef444426}.vocab-shadowing-action-card.user-card.recorded{background:#f0fdf4;border-color:#a7f3d0}.vocab-shadowing-card-tag{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;align-items:center;gap:8px;font-size:.82rem;font-weight:900;display:flex}.vocab-shadowing-card-hint{color:#64748b;margin:6px 0 12px;font-size:.82rem;font-weight:500;line-height:1.4}.vocab-shadowing-play-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-bottom:4px solid #be123c;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 18px;font-size:.92rem;font-weight:900;transition:all .12s;display:flex}.vocab-shadowing-play-btn:hover:not(:disabled){background:#be123c}.vocab-shadowing-play-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.vocab-shadowing-play-btn.active{background:#be123c}.vocab-soundwave-anim{align-items:center;gap:3px;height:16px;display:inline-flex}.vocab-soundwave-anim span{background:#fff;border-radius:3px;width:3px;height:100%;animation:soundwave 1s ease-in-out infinite}.vocab-soundwave-anim span:first-child{animation-delay:0s}.vocab-soundwave-anim span:nth-child(2){animation-delay:.2s}.vocab-soundwave-anim span:nth-child(3){animation-delay:.4s}.vocab-soundwave-anim span:nth-child(4){animation-delay:.6s}@keyframes soundwave{0%,to{height:4px}50%{height:16px}}.vocab-shadowing-initial-box{flex-direction:column;flex:1;justify-content:space-between;display:flex}.vocab-shadowing-mic-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-bottom:4px solid #1d4ed8;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 18px;font-size:.92rem;font-weight:900;transition:all .12s;display:flex}.vocab-shadowing-mic-btn:hover:not(:disabled){background:#1d4ed8}.vocab-shadowing-mic-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.vocab-mic-icon-circle{justify-content:center;align-items:center;display:flex}.vocab-shadowing-rec-live-box{flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 0;display:flex}.vocab-rec-pulsing-badge{color:#dc2626;letter-spacing:.5px;background:#fee2e2;border-radius:9999px;align-items:center;gap:8px;padding:4px 14px;font-size:.8rem;font-weight:900;display:inline-flex}.vocab-rec-dot-pulse{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:recPulse 1.2s infinite;box-shadow:0 0 #dc2626b3}@keyframes recPulse{0%{transform:scale(.95);box-shadow:0 0 #dc2626b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #dc262600}to{transform:scale(.95);box-shadow:0 0 #dc262600}}.vocab-rec-wave-bars{justify-content:center;align-items:center;gap:5px;height:24px;display:flex}.rec-bar{background:#ef4444;border-radius:4px;width:4px;height:100%;animation:recWave .9s ease-in-out infinite alternate}.rec-bar:first-child{height:8px;animation-delay:.1s}.rec-bar:nth-child(2){height:16px;animation-delay:.3s}.rec-bar:nth-child(3){height:22px;animation-delay:.5s}.rec-bar:nth-child(4){height:12px;animation-delay:.2s}.rec-bar:nth-child(5){height:24px;animation-delay:.6s}.rec-bar:nth-child(6){height:14px;animation-delay:.4s}.rec-bar:nth-child(7){height:9px;animation-delay:.15s}@keyframes recWave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.vocab-btn-stop-rec{color:#fff;cursor:pointer;background:#dc2626;border:none;border-bottom:3px solid #991b1b;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:900;transition:all .12s;display:flex}.vocab-btn-stop-rec:hover{background:#b91c1c}.vocab-btn-stop-rec:active{border-bottom-width:1px;transform:translateY(2px)}.vocab-shadowing-recorded-box{flex-direction:column;flex:1;justify-content:space-between;gap:12px;display:flex}.vocab-recorded-status-badge{color:#065f46;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;font-weight:800;display:flex}.vocab-recorded-btns-row{align-items:center;gap:10px;display:flex}.vocab-btn-play-user{color:#fff;cursor:pointer;background:#059669;border:none;border-bottom:4px solid #047857;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.88rem;font-weight:900;transition:all .12s;display:flex}.vocab-btn-play-user:hover:not(:disabled){background:#047857}.vocab-btn-play-user:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.vocab-btn-play-user.active{background:#047857}.vocab-btn-rerecord{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:.85rem;font-weight:800;transition:all .12s;display:flex}.vocab-btn-rerecord:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.vocab-btn-rerecord:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.vocab-shadowing-compare-banner{width:100%}.vocab-btn-compare-both{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-bottom:4px solid #3730a3;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:.95rem;font-weight:900;transition:all .15s;display:flex;box-shadow:0 4px 14px #4f46e540}.vocab-btn-compare-both:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.vocab-btn-compare-both:active:not(:disabled){border-bottom-width:1px;transform:translateY(3px)}.vocab-btn-compare-both.comparing{background:#3730a3;animation:comparePulse 1.5s infinite}@keyframes comparePulse{0%,to{opacity:1}50%{opacity:.8}}.vocab-shadowing-footer-row{justify-content:center;align-items:center;width:100%;margin-top:4px;display:flex}.story-reader-content{word-break:break-word;line-height:2.4}.story-reader-content ruby{ruby-position:over;ruby-align:center;vertical-align:bottom;cursor:pointer;border-radius:6px;flex-direction:column-reverse;align-items:center;margin:0 2px;padding:0 2px;transition:background-color .15s;display:inline-flex}.story-reader-content ruby:hover{background-color:#e11d481f}.story-reader-content rt{text-align:center;-webkit-user-select:none;user-select:none;color:#71717a;margin-bottom:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.55em;font-weight:600;line-height:1.1}.pinyin-hidden rt{display:none!important}.pinyin-hover rt{opacity:0;transition:opacity .15s ease-in-out}.pinyin-always rt,.pinyin-hover ruby:hover rt{opacity:1}.tone-colored [data-tone="1"],.tone-colored rt[data-tone="1"],.tone-colored ruby[data-tone="1"],.tone-colored span[data-tone="1"]{color:#e11d48!important}.tone-colored [data-tone="2"],.tone-colored rt[data-tone="2"],.tone-colored ruby[data-tone="2"],.tone-colored span[data-tone="2"]{color:#ea580c!important}.tone-colored [data-tone="3"],.tone-colored rt[data-tone="3"],.tone-colored ruby[data-tone="3"],.tone-colored span[data-tone="3"]{color:#059669!important}.tone-colored [data-tone="4"],.tone-colored rt[data-tone="4"],.tone-colored ruby[data-tone="4"],.tone-colored span[data-tone="4"]{color:#2563eb!important}.tone-colored [data-tone="0"],.tone-colored [data-tone="5"],.tone-colored rt[data-tone="0"],.tone-colored rt[data-tone="5"],.tone-colored ruby[data-tone="0"],.tone-colored ruby[data-tone="5"],.tone-colored span[data-tone="0"],.tone-colored span[data-tone="5"]{color:#71717a!important}.theme-dark .tone-colored [data-tone="1"],.theme-dark .tone-colored rt[data-tone="1"],.theme-dark .tone-colored span[data-tone="1"]{color:#fb7185!important}.theme-dark .tone-colored [data-tone="2"],.theme-dark .tone-colored rt[data-tone="2"],.theme-dark .tone-colored span[data-tone="2"]{color:#fb923c!important}.theme-dark .tone-colored [data-tone="3"],.theme-dark .tone-colored rt[data-tone="3"],.theme-dark .tone-colored span[data-tone="3"]{color:#34d399!important}.theme-dark .tone-colored [data-tone="4"],.theme-dark .tone-colored rt[data-tone="4"],.theme-dark .tone-colored span[data-tone="4"]{color:#60a5fa!important}.theme-dark .tone-colored [data-tone="0"],.theme-dark .tone-colored [data-tone="5"],.theme-dark .tone-colored rt[data-tone="5"],.theme-dark .tone-colored span[data-tone="5"]{color:#a1a1aa!important}.dictation-hub-container{flex-direction:column;gap:28px;width:100%;max-width:1240px;margin:0 auto;padding:24px 24px 60px;display:flex}.dictation-hero-card{background:linear-gradient(135deg,#fff,#fff1f2 50%,#fef3c7);border:2px solid #fecdd3;border-radius:28px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px #e11d480a}.dictation-hero-watermark{font-family:var(--font-han-nom-kai),serif;color:#8813370a;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:900;line-height:1;position:absolute}.dictation-hero-watermark.watermark-1{font-size:160px;top:8px;right:24px}.dictation-hero-watermark.watermark-2{font-size:120px;bottom:-24px;right:120px}.dictation-hero-content{z-index:10;flex-direction:column;gap:16px;max-width:780px;display:flex;position:relative}.dictation-hero-title{color:#0f172a;letter-spacing:-.5px;font-size:2.25rem;font-weight:900;line-height:1.2}.dictation-hero-subtitle{color:#475569;font-size:1rem;font-weight:500;line-height:1.6}.dictation-tabs-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dictation-tab-btn{color:#3f3f46;cursor:pointer;background:#fff;border:2px solid #e4e4e7;border-bottom:4px solid #d4d4d8;border-radius:16px;align-items:center;gap:10px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.dictation-tab-btn:hover{background:#f4f4f5;border-color:#d4d4d8;transform:translateY(-1px)}.dictation-tab-btn:active{border-bottom-width:2px;transform:translateY(2px)}.dictation-tab-btn.active{color:#fff;background:#e11d48;border-color:#e11d48;border-bottom:4px solid #9f1239;box-shadow:0 4px 14px #e11d4840}.dictation-tab-seal{width:22px;height:22px;font-size:.75rem;font-family:var(--font-han-nom-kai),serif;color:#e11d48;background:#e11d481a;border-radius:6px;justify-content:center;align-items:center;font-weight:900;display:flex}.dictation-tab-btn.active .dictation-tab-seal{color:#fff;background:#fff3}.dictation-filter-panel{background:#fffbeb;border:2px solid #fde68a;border-bottom:4px solid #fcd34d;border-radius:20px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.dictation-filter-header{color:#92400e;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.dictation-filter-tags{flex-wrap:wrap;gap:8px;display:flex}.dictation-tag-chip{color:#78350f;cursor:pointer;background:#fff;border:1.5px solid #fde68a;border-bottom:3px solid #fcd34d;border-radius:12px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .15s}.dictation-tag-chip:hover{background:#fef3c7;transform:translateY(-1px)}.dictation-tag-chip.active{color:#fff;background:#d97706;border-color:#d97706 #d97706 #b45309;box-shadow:0 2px 8px #d9770640}.dictation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dictation-search-box{width:100%;max-width:360px;position:relative}.dictation-search-box input{color:#18181b;background:#fff;border:2px solid #e4e4e7;border-bottom:3px solid #d4d4d8;border-radius:16px;outline:none;width:100%;padding:12px 16px 12px 42px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s}.dictation-search-box input:focus{border-color:#e11d48 #e11d48 #be123c;box-shadow:0 0 0 4px #e11d481a}.dictation-search-icon{pointer-events:none;font-size:.95rem;left:16px}.dictation-search-clear,.dictation-search-icon{color:#a1a1aa;position:absolute;top:50%;transform:translateY(-50%)}.dictation-search-clear{cursor:pointer;background:0 0;border:none;font-size:.9rem;right:14px}.dictation-count-label{color:#71717a;font-size:.82rem;font-weight:700}.dictation-topics-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;display:grid}@media (max-width:640px){.dictation-topics-grid{grid-template-columns:1fr!important}}.dictation-topic-card{color:inherit;background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:24px;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dictation-topic-card:hover{border-color:#fecdd3 #fecdd3 #e11d48;transform:translateY(-4px);box-shadow:0 12px 28px #e11d4814}.dictation-topic-card:active{border-bottom-width:2px;transform:translateY(2px)}.dictation-topic-watermark{pointer-events:none;background:#e11d480a;border-radius:50%;width:70px;height:70px;transition:all .2s;position:absolute;top:-10px;right:-10px}.dictation-topic-card:hover .dictation-topic-watermark{background:#e11d4814;transform:scale(1.2)}.dictation-topic-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.dictation-badge-level{text-transform:uppercase;letter-spacing:.3px;border:1.5px solid #0000;border-radius:10px;padding:4px 10px;font-size:.72rem;font-weight:800}.dictation-badge-level.basic{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.dictation-badge-level.intermediate{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.dictation-badge-level.advanced{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.dictation-badge-level.working{color:#92400e;background:#fffbeb;border-color:#fde68a}.dictation-topic-count{color:#71717a;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.dictation-topic-title{color:#18181b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;font-weight:800;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.dictation-topic-card:hover .dictation-topic-title{color:#e11d48}.dictation-topic-desc{color:#71717a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.dictation-topic-tags{flex-wrap:wrap;gap:6px;display:flex}.dictation-tag-pill{color:#52525b;background:#f4f4f5;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.dictation-topic-footer{border-top:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.dictation-audio-indicator{color:#a1a1aa;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.dictation-btn-start{color:#fff;cursor:pointer;background:#18181b;border:none;border-bottom:3px solid #09090b;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.dictation-topic-card:hover .dictation-btn-start{background:#e11d48;border-bottom-color:#be123c;box-shadow:0 4px 12px #e11d4840}.dictation-btn-start:active{border-bottom-width:1px;transform:translateY(2px)}.dictation-studio-shell{background-color:var(--bg-rice-paper);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.dictation-studio-header{z-index:30;background:#fff;border-bottom:2px solid #e4e4e7;padding:14px 24px;position:sticky;top:0;box-shadow:0 2px 10px #00000005}.dictation-studio-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.dictation-back-link{color:#71717a;align-items:center;gap:8px;font-size:.88rem;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.dictation-back-link:hover{color:#18181b}.dictation-progress-container{flex-direction:column;flex:1;gap:4px;max-width:320px;display:flex}.dictation-progress-info{color:#71717a;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.dictation-progress-track{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;height:8px;overflow:hidden}.dictation-progress-fill{background:linear-gradient(90deg,#e11d48,#fb7185);border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.dictation-exercise-badge{color:#3f3f46;background:#f4f4f5;border-radius:12px;padding:6px 12px;font-size:.78rem;font-weight:800}.dictation-studio-main{flex-direction:column;flex:1;justify-content:center;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:28px 20px;display:flex}.dictation-top-controls-bar{box-sizing:border-box;justify-content:space-between;gap:14px;width:100%}.dictation-mode-nav,.dictation-top-controls-bar{flex-wrap:wrap;align-items:center;min-width:0;display:flex}.dictation-mode-nav{gap:8px}.dictation-mode-btn{color:#52525b;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e4e4e7;border-bottom:3px solid #d4d4d8;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.dictation-mode-btn:hover{background:#f4f4f5;transform:translateY(-1px)}.dictation-mode-btn.active{color:#fff;background:#e11d48;border-color:#e11d48 #e11d48 #9f1239;box-shadow:0 4px 12px #e11d4833}.dictation-exercise-switcher-wrapper{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}@media (max-width:640px){.dictation-top-controls-bar{flex-direction:column;align-items:stretch;gap:10px}.dictation-mode-nav{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;display:grid}.dictation-mode-btn{text-align:center;white-space:nowrap;justify-content:center;gap:6px;width:100%;padding:8px 6px;font-size:.73rem}.dictation-exercise-switcher,.dictation-exercise-switcher-wrapper{justify-content:space-between;width:100%}}.dictation-audio-island{background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:28px;flex-direction:column;gap:16px;padding:28px;box-shadow:0 4px 16px #00000008}.dictation-audio-island,.dictation-audio-waves{justify-content:center;align-items:center;display:flex}.dictation-audio-waves{gap:5px;height:32px}.dictation-wave-bar{background:#e4e4e7;border-radius:9999px;width:4px;transition:all .2s}.dictation-wave-bar.active{background:#e11d48;animation:audioPulse 1.2s ease-in-out infinite alternate}@keyframes audioPulse{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.dictation-audio-controls{align-items:center;gap:18px;display:flex}.dictation-btn-ctrl{color:#3f3f46;cursor:pointer;background:#f4f4f5;border:1.5px solid #e4e4e7;border-bottom:3px solid #d4d4d8;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8rem;font-weight:800;transition:all .15s;display:flex}.dictation-btn-ctrl:hover{background:#e4e4e7;transform:translateY(-1px)}.dictation-btn-ctrl:active{border-bottom-width:1px;transform:translateY(2px)}.dictation-btn-play-hero{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e11d48,#be123c);border:none;border-bottom:4px solid #9f1239;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;transition:all .15s;display:flex;box-shadow:0 6px 20px #e11d4859}.dictation-btn-play-hero:hover{transform:scale(1.06);box-shadow:0 8px 24px #e11d4873}.dictation-btn-play-hero:active{border-bottom-width:2px;transform:scale(.96)}.dictation-btn-play-hero.playing{animation:playRingPulse 1.5s infinite}@keyframes playRingPulse{0%{box-shadow:0 0 #e11d4880}70%{box-shadow:0 0 0 14px #e11d4800}to{box-shadow:0 0 #e11d4800}}.dictation-kbd-hint{color:#a1a1aa;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.dictation-kbd-key{background:#f4f4f5;border:1px solid #d4d4d8;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.7rem}.dictation-typing-group{flex-direction:column;gap:14px;display:flex}.dictation-input-wrapper{width:100%;position:relative}.dictation-text-input{color:#18181b;background:#fff;border:2px solid #e4e4e7;border-bottom:4px solid #d4d4d8;border-radius:20px;outline:none;width:100%;padding:16px 24px;font-family:inherit;font-size:1.25rem;font-weight:600;transition:all .15s}.dictation-text-input:focus{border-color:#e11d48 #e11d48 #be123c;box-shadow:0 0 0 4px #e11d481a}.dictation-text-input.correct{color:#065f46;background:#ecfdf5;border-color:#10b981 #10b981 #059669}.dictation-text-input.incorrect{color:#9f1239;background:#fff1f2;border-color:#e11d48 #e11d48 #be123c}.dictation-btn-hint{color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #fde68a;border-bottom:2px solid #fcd34d;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dictation-tone-bar{background:#fff;border:2px solid #e4e4e7;border-bottom:3px solid #d4d4d8;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 14px;display:flex}.dictation-tone-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:.7rem;font-weight:800}.dictation-tone-btn{color:#27272a;width:32px;height:32px;font-family:var(--font-han-nom-kai),serif;cursor:pointer;background:#f4f4f5;border:1px solid #e4e4e7;border-bottom:2px solid #d4d4d8;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;transition:all .15s;display:flex}.dictation-tone-btn:hover{color:#e11d48;background:#ffe4e6;border-color:#fecdd3;transform:translateY(-1px)}.dictation-tone-btn:active{border-bottom-width:1px;transform:translateY(1px)}.dictation-hint-box{color:#78350f;background:#fef3c7;border:2px solid #fde68a;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-size:.88rem;display:flex}.dictation-tile-target{background:#fff;border:2px dashed #d4d4d8;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;min-height:80px;padding:16px;display:flex}.dictation-tile-placeholder{color:#a1a1aa;font-size:.88rem;font-style:italic}.dictation-tile-pool{background:#f4f4f5;border:2px solid #e4e4e7;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px;display:flex}.dictation-tile-chip{color:#18181b;font-family:var(--font-han-nom-kai),serif;cursor:pointer;background:#fff;border:2px solid #e4e4e7;border-bottom:4px solid #d4d4d8;border-radius:14px;padding:10px 18px;font-size:1.25rem;font-weight:800;transition:all .15s}.dictation-tile-chip:hover{border-color:#fda4af;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.dictation-tile-chip:active{border-bottom-width:2px;transform:translateY(2px)}.dictation-tile-chip.selected{color:#fff;background:#e11d48;border-color:#e11d48 #e11d48 #9f1239;box-shadow:0 4px 12px #e11d4840}.dictation-shadowing-card{text-align:center;background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:28px;flex-direction:column;align-items:center;gap:20px;padding:32px;display:flex}.dictation-shadow-pinyin{color:#71717a;font-family:monospace;font-size:1rem;font-weight:600}.dictation-shadow-hanzi{font-size:2.2rem;font-family:var(--font-han-nom-kai),serif;color:#18181b;font-weight:900}.dictation-btn-mic{color:#fff;cursor:pointer;background:#18181b;border:none;border-bottom:4px solid #09090b;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.6rem;transition:all .15s;display:flex}.dictation-btn-mic.recording{background:#e11d48;border-bottom-color:#9f1239;animation:micPulse 1.2s infinite}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px #e11d4880}}.dictation-feedback-banner{border:2px solid #e4e4e7;border-radius:24px;align-items:flex-start;gap:16px;padding:24px;transition:all .3s;display:flex}.dictation-feedback-banner.correct{color:#065f46;background:#ecfdf5;border-color:#a7f3d0;border-bottom:4px solid #6ee7b7}.dictation-feedback-banner.incorrect{color:#9f1239;background:#fff1f2;border-color:#fecdd3;border-bottom:4px solid #fda4af}.dictation-feedback-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.dictation-feedback-banner.correct .dictation-feedback-icon{color:#fff;background:#10b981}.dictation-feedback-banner.incorrect .dictation-feedback-icon{color:#fff;background:#e11d48}.dictation-feedback-details{background:#ffffffe6;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:6px;margin-top:10px;padding:14px 18px;display:flex}.dictation-feedback-hanzi{font-size:1.25rem;font-family:var(--font-han-nom-kai),serif;color:#18181b;font-weight:800}.dictation-feedback-pinyin{color:#71717a;font-family:monospace;font-size:.85rem}.dictation-feedback-trans{color:#27272a;border-top:1px solid #f4f4f5;padding-top:6px;font-size:.88rem;font-weight:600}.dictation-bottom-bar{z-index:30;background:#fff;border-top:2px solid #e4e4e7;padding:16px 24px;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000008}.dictation-bottom-bar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:800px;margin:0 auto;display:flex}.dictation-btn-replay{color:#3f3f46;cursor:pointer;background:#f4f4f5;border:2px solid #e4e4e7;border-bottom:3px solid #d4d4d8;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:800;transition:all .15s;display:inline-flex}.dictation-btn-replay:hover{background:#e4e4e7}.dictation-btn-action{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:16px;padding:12px 32px;font-family:inherit;font-size:.95rem;font-weight:900;transition:all .15s}.dictation-btn-action.check{color:#fff;background:#e11d48;border-bottom:4px solid #9f1239;box-shadow:0 4px 14px #e11d484d}.dictation-btn-action.check:disabled{color:#a1a1aa;cursor:not-allowed;box-shadow:none;background:#e4e4e7;border-bottom-color:#d4d4d8}.dictation-btn-action.next{color:#fff;background:#10b981;border-bottom:4px solid #059669;align-items:center;gap:8px;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.dictation-btn-action:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.dictation-karaoke-container{flex-direction:column;gap:20px;width:100%;display:flex}.dictation-karaoke-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dictation-tool-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.dictation-tool-btn:hover{color:#0f172a;background:#f1f5f9}.dictation-tool-btn.active{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.dictation-exercise-switcher{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 6px;display:inline-flex}.dictation-exercise-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;transition:all .15s;display:inline-flex}.dictation-exercise-nav-btn:hover:not(:disabled){color:#fff;background:#e11d48;border-color:#be123c}.dictation-exercise-nav-btn:disabled{opacity:.35;cursor:not-allowed}.dictation-exercise-title-badge{color:#1e293b;align-items:center;gap:6px;min-width:0;padding:2px 8px;font-size:.78rem;font-weight:800;display:inline-flex;overflow:hidden}.dictation-exercise-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dictation-exercise-counter{color:#e11d48;flex-shrink:0;font-size:.74rem;font-weight:800}.dictation-sentence-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 0;display:flex}.dictation-sentence-dot{cursor:pointer;background:#e2e8f0;border:none;border-radius:9999px;width:10px;height:10px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.dictation-sentence-dot:hover{background:#fda4af;transform:scale(1.25)}.dictation-sentence-dot.active{background:#e11d48;width:26px;box-shadow:0 2px 6px #e11d4859}.dictation-sentence-dot.completed{background:#fecdd3}.dictation-karaoke-workspace{gap:16px}.dictation-karaoke-lyrics-panel.full-width,.dictation-karaoke-workspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;display:flex}.dictation-karaoke-lyrics-panel.full-width{box-shadow:none;background:0 0;border:none;gap:14px;padding:0}.dictation-karaoke-playlist.full-height{max-height:480px;padding-bottom:20px}.dictation-karaoke-bottom-dock{bottom:20px;left:calc(var(--sidebar-width,260px) + (100vw - var(--sidebar-width,260px)) / 2);width:min(1040px,calc(100vw - var(--sidebar-width,260px) - 36px));z-index:1000;pointer-events:none;box-sizing:border-box;flex-direction:column;align-items:center;transition:left .3s,width .3s;display:flex;position:fixed;transform:translate(-50%)}@media (max-width:1024px){.dictation-karaoke-bottom-dock{width:calc(100vw - 20px);max-width:580px;left:50%;bottom:max(12px,env(safe-area-inset-bottom,12px))}}.dictation-karaoke-bottom-dock>*{pointer-events:auto}.dictation-bottom-progress-rail{z-index:5;background:#fecdd380;border-radius:20px 20px 0 0;height:3.5px;position:absolute;top:0;left:0;right:0;overflow:hidden}.dictation-bottom-progress-rail .dictation-audio-progress-fill{background:linear-gradient(90deg,#e11d48,#be123c);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.dictation-bottom-player-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1.5px solid #fecdd3;border-bottom:3.5px solid #fda4af;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 18px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0000001f,0 2px 10px #e11d4826}.dictation-bottom-spotlight{box-sizing:border-box;flex-direction:column;flex:1;gap:3px;min-width:0;max-width:290px;display:flex}.dictation-bottom-spotlight-status{align-items:center;gap:8px;display:flex}.dictation-bottom-badge{color:#be123c;background:#ffe4e6;border-radius:9999px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:800}.dictation-bottom-countdown{color:#e11d48;white-space:nowrap;font-size:.72rem;font-weight:700}.dictation-bottom-text-group{flex-direction:column;min-width:0;display:flex}.dictation-bottom-hanzi{color:#0f172a;font-size:1.15rem;font-weight:900;font-family:var(--font-han-nom-kai),serif;line-height:1.3}.dictation-bottom-hanzi,.dictation-bottom-pinyin{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dictation-bottom-pinyin{color:#0284c7;font-size:.8rem;font-weight:600;line-height:1.2}.dictation-bottom-controls-col{box-sizing:border-box;flex-direction:column;flex:1.2;align-items:center;gap:6px;min-width:220px;display:flex}.dictation-bottom-buttons{align-items:center;gap:12px;display:flex}.dictation-btn-nav-round.small{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;transition:all .15s;display:inline-flex}.dictation-btn-nav-round.small:hover:not(:disabled){color:#e11d48;background:#f1f5f9;border-color:#fecdd3}.dictation-btn-nav-round.small:disabled{opacity:.35;cursor:not-allowed}.dictation-btn-play-hero.mini{color:#fff;cursor:pointer;background:#e11d48;border:none;border-bottom:3.5px solid #be123c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #e11d4859}.dictation-btn-play-hero.mini:active{border-bottom-width:1px;transform:translateY(2px)}.dictation-bottom-scrubber{flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;max-width:280px;display:flex}.dictation-audio-progress-bar.mini{background:#e2e8f0;border-radius:9999px;width:100%;height:4px;overflow:hidden}.dictation-sentence-dots.mini{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.dictation-sentence-dot.mini{cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .15s}.dictation-sentence-dot.mini.active{background:#e11d48;transform:scale(1.4)}.dictation-sentence-dot.mini.completed{background:#fda4af}.dictation-bottom-actions{box-sizing:border-box;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dictation-bottom-settings{align-items:center;gap:6px;display:flex}.dictation-chip-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.dictation-chip-btn:hover{color:#0f172a;background:#e2e8f0}.dictation-chip-btn.active{color:#fff;background:#e11d48;border-color:#be123c}.dictation-bottom-cta-btn{color:#be123c;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1.5px solid #fecdd3;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dictation-bottom-cta-btn:hover{color:#fff;background:#e11d48;border-color:#be123c;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4840}@media (max-width:768px){.dictation-karaoke-workspace{padding-bottom:92px}.dictation-bottom-player-card{border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:8px 12px 6px;display:grid}.dictation-bottom-scrubber,.dictation-bottom-text-group{display:none!important}.dictation-bottom-spotlight{display:contents}.dictation-bottom-spotlight-status{grid-area:1/1;justify-self:start;align-items:center;gap:6px;display:flex}.dictation-bottom-controls-col{display:contents}.dictation-bottom-buttons{grid-area:2/2;justify-self:center;align-items:center;gap:6px;display:flex}.dictation-btn-nav-round.small{width:32px;height:32px;font-size:.8rem}.dictation-btn-play-hero.mini{width:38px;height:38px;font-size:.95rem}.dictation-bottom-actions{display:contents}.dictation-bottom-settings{grid-area:1/2/auto/4;justify-self:end;align-items:center;gap:4px;display:flex}.dictation-chip-btn{border-radius:8px;gap:4px;padding:3px 7px;font-size:.7rem}.dictation-bottom-cta-btn{border-radius:10px;grid-area:2/3;justify-self:end;padding:5px 12px;font-size:.74rem}}.dictation-karaoke-lyrics-panel{background:#fff;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;box-shadow:0 4px 16px #00000008}.dictation-karaoke-lyrics-header{border-bottom:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.dictation-karaoke-lyrics-title-group{align-items:center;gap:8px;display:flex}.dictation-karaoke-lyrics-title{color:#0f172a;align-items:center;margin:0;font-size:1.05rem;font-weight:900;display:flex}.dictation-karaoke-count-badge{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:800}.dictation-karaoke-playlist{scroll-behavior:smooth;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:12px;max-height:420px;padding:12px 14px;display:flex;overflow-y:auto}.dictation-karaoke-playlist::-webkit-scrollbar{width:5px}.dictation-karaoke-playlist::-webkit-scrollbar-track{background:0 0}.dictation-karaoke-playlist::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.dictation-karaoke-playlist::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dictation-dialogue-row{align-items:flex-start;gap:10px;width:100%;transition:all .2s;display:flex}.dictation-dialogue-row.speaker-a{justify-content:flex-start}.dictation-dialogue-row.speaker-b{flex-direction:row-reverse;justify-content:flex-start}.dictation-dialogue-avatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:.95rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 6px #0000000d}.dictation-dialogue-avatar.speaker-a{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.dictation-dialogue-avatar.speaker-b{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.dictation-dialogue-avatar.active{transform:scale(1.08);box-shadow:0 0 0 3px #e11d4840,0 4px 10px #0000001a}.dictation-dialogue-bubble{cursor:pointer;box-sizing:border-box;word-break:break-word;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;min-width:0;max-width:calc(100% - 46px);padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 2px 8px #00000008}.dictation-dialogue-row.speaker-a .dictation-dialogue-bubble{border-top-left-radius:4px}.dictation-dialogue-row.speaker-b .dictation-dialogue-bubble{background:#f0fdf4;border-color:#d1fae5;border-top-right-radius:4px}.dictation-dialogue-bubble:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.dictation-dialogue-row.speaker-b .dictation-dialogue-bubble:hover{border-color:#a7f3d0}.dictation-dialogue-bubble.active{transform:scale(1.008);background:#fff1f2!important;border-color:#fecdd3!important;box-shadow:0 0 0 2px #e11d48,0 4px 16px #e11d4826!important}.dictation-dialogue-bubble-top{border-bottom:1px dashed #e2e8f0cc;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:4px;display:flex}.dictation-dialogue-bubble.active .dictation-dialogue-bubble-top{border-bottom-color:#fecdd3}.dictation-dialogue-actions{align-items:center;gap:6px;display:flex}.dictation-item-play-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;transition:all .15s;display:flex}.dictation-dialogue-bubble:hover .dictation-item-play-btn{color:#fff;background:#e11d48;border-color:#be123c;transform:scale(1.08)}.dictation-dialogue-bubble.active .dictation-item-play-btn{color:#fff;background:#e11d48;border-color:#be123c;box-shadow:0 2px 6px #e11d4859}.dictation-audio-waves.mini{gap:2px}.dictation-audio-waves.mini .dictation-wave-bar{width:2.5px}.dictation-dialogue-content{flex-direction:column;gap:2px;display:flex}.dictation-dialogue-hanzi{color:#0f172a;font-size:1.25rem;font-weight:800;font-family:var(--font-han-nom-kai),serif;line-height:1.4;transition:color .15s}.dictation-dialogue-bubble.active .dictation-dialogue-hanzi{color:#be123c}.dictation-dialogue-pinyin{color:#0284c7;font-size:.88rem;font-weight:600;font-family:var(--font-inter),sans-serif;line-height:1.3}.dictation-dialogue-translation{color:#475569;border-top:1px dashed #e2e8f0;padding-top:3px;font-size:.82rem;font-weight:500;line-height:1.35}.dictation-dialogue-bubble.active .dictation-dialogue-translation{color:#334155;border-top-color:#fecdd3}@media (max-width:640px){.dictation-karaoke-playlist{gap:10px;max-height:52vh;padding:10px 8px}.dictation-dialogue-row{gap:8px}.dictation-dialogue-avatar{width:32px;height:32px;font-size:.82rem}.dictation-dialogue-bubble{border-radius:14px;max-width:calc(100% - 40px);padding:8px 12px}.dictation-dialogue-hanzi{font-size:1.12rem}.dictation-dialogue-pinyin{font-size:.82rem}.dictation-dialogue-translation{font-size:.78rem}}.dictation-full-audio-banner{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1.5px solid #fecdd3;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:12px 18px;display:flex}.dictation-full-audio-prompt{color:#9f1239;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.dictation-full-audio-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e11d48;border:none;border-bottom:2px solid #9f1239;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.dictation-full-audio-btn:hover{background:#be123c;transform:translateY(-1px)}.dictation-btn-ctrl.active-autoplay{color:#e11d48;background:#ffe4e6;border-color:#fda4af}.story-library-container{flex-direction:column;gap:28px;width:100%;max-width:1240px;margin:0 auto;padding:24px 24px 60px;display:flex}.story-hero-card{background:linear-gradient(135deg,#fff,#fff1f2 50%,#ffe4e6);border:2px solid #fecdd3;border-radius:28px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px #e11d480a}.story-hero-watermark{font-family:var(--font-han-nom-kai),serif;color:#e11d480a;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:900;line-height:1;position:absolute}.story-hero-watermark.watermark-1{font-size:160px;top:8px;right:24px}.story-hero-watermark.watermark-2{font-size:120px;bottom:-24px;right:120px}.story-hero-content{z-index:10;flex-direction:column;gap:16px;max-width:780px;display:flex;position:relative}.story-hero-title{color:#0f172a;letter-spacing:-.5px;font-size:2.25rem;font-weight:900;line-height:1.2}.story-hero-subtitle{color:#475569;font-size:1rem;font-weight:500;line-height:1.6}.story-hero-stats-row{flex-wrap:wrap;align-items:center;gap:12px;padding-top:6px;display:flex}.story-stat-pill{color:#e7e5e4;background:#292524d9;border:1px solid #44403ccc;border-radius:14px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.story-tabs-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.story-tab-btn{color:#44403c;cursor:pointer;background:#fff;border:2px solid #e4e4e7;border-bottom:4px solid #d4d4d8;border-radius:16px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.story-tab-btn:hover{background:#f4f4f5;border-color:#d4d4d8;transform:translateY(-1px)}.story-tab-btn:active{border-bottom-width:2px;transform:translateY(2px)}.story-tab-btn.active{color:#fff;background:#e11d48;border-color:#e11d48;border-bottom:4px solid #be123c;box-shadow:0 4px 14px #e11d4840}.story-tab-seal{width:20px;height:20px;font-size:.72rem;font-family:var(--font-han-nom-kai),serif;color:#e11d48;background:#e11d481a;border-radius:6px;justify-content:center;align-items:center;font-weight:900;display:flex}.story-tab-btn.active .story-tab-seal{color:#fff;background:#fff3}.story-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;display:grid}@media (max-width:640px){.story-grid{grid-template-columns:1fr!important}}.story-card{color:inherit;background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:24px;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.story-card:hover{border-color:#fecdd3 #fecdd3 #e11d48;transform:translateY(-4px);box-shadow:0 12px 28px #e11d4814}.story-card:active{border-bottom-width:2px;transform:translateY(2px)}.story-card-watermark{pointer-events:none;background:#e11d480a;border-radius:50%;width:70px;height:70px;transition:all .2s;position:absolute;top:-10px;right:-10px}.story-card:hover .story-card-watermark{background:#e11d4814;transform:scale(1.2)}.story-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.story-badge-hsk{border:1.5px solid #0000;border-radius:10px;padding:4px 10px;font-size:.72rem;font-weight:800}.story-badge-hsk.level-1,.story-badge-hsk.level-2{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.story-badge-hsk.level-3{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.story-badge-hsk.level-4,.story-badge-hsk.level-5{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.story-badge-hsk.level-6,.story-badge-hsk.level-7{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.story-card-readtime{color:#71717a;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.story-card-title-zh{font-size:1.3rem;font-family:var(--font-han-nom-kai),serif;color:#18181b;font-weight:900;line-height:1.3;transition:color .15s}.story-card:hover .story-card-title-zh{color:#e11d48}.story-card-title-vi{color:#52525b;-webkit-line-clamp:1;margin-top:4px;font-size:.9rem;font-weight:700}.story-card-synopsis,.story-card-title-vi{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-card-synopsis{color:#71717a;-webkit-line-clamp:3;margin-top:8px;font-size:.82rem;font-weight:500;line-height:1.5}.story-card-footer{border-top:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.story-chapter-count{color:#71717a;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.story-btn-read{color:#fff;cursor:pointer;background:#18181b;border:none;border-bottom:3px solid #09090b;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.story-card:hover .story-btn-read{background:#e11d48;border-bottom-color:#be123c;box-shadow:0 4px 12px #e11d4840}.story-btn-read:active{border-bottom-width:1px;transform:translateY(2px)}.story-reader-shell{flex-direction:column;justify-content:space-between;min-height:100vh;transition:background-color .3s,color .3s;display:flex}.story-reader-shell.theme-light{background-color:var(--bg-rice-paper);color:#18181b}.story-reader-shell.theme-sepia{color:#433422;background-color:#fdf6e2}.story-reader-shell.theme-dark{color:#f4f4f5;background-color:#18181b}.story-reader-nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #00000014;padding:12px 20px;position:sticky;top:0}.theme-light .story-reader-nav{background:#ffffffeb;border-bottom-color:#e4e4e7}.theme-sepia .story-reader-nav{background:#f8f1deeb;border-bottom-color:#e2d4b0}.theme-dark .story-reader-nav{background:#27272aeb;border-bottom-color:#27272a}.story-reader-nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:900px;margin:0 auto;display:flex}.story-nav-btn{color:inherit;cursor:pointer;background:#0000000a;border:1px solid #0000000f;border-bottom:2px solid #0000001f;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.theme-dark .story-nav-btn{background:#ffffff14;border-color:#ffffff1a #ffffff1a #fff3}.story-nav-btn:hover{background:#00000014;transform:translateY(-1px)}.story-nav-btn.active{color:#e11d48;background:#e11d4826;border-color:#e11d484d}.story-reader-canvas{flex:1;width:100%;max-width:800px;margin:0 auto;padding:36px 24px}.story-chapter-header-box{text-align:center;border-bottom:1px solid #00000014;margin-bottom:32px;padding-bottom:24px}.theme-dark .story-chapter-header-box{border-bottom-color:#ffffff1a}.story-chapter-badge{color:#e11d48;background:#e11d481f;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.story-chapter-title-zh{margin-bottom:6px;font-size:2rem;font-weight:900}.story-audio-bar{background:#0000000a;border:1px solid #00000014;border-radius:18px;align-items:center;gap:12px;margin-top:18px;padding:8px 18px;display:inline-flex}.theme-dark .story-audio-bar{background:#ffffff0f;border-color:#ffffff1f}.story-btn-audio-play{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .15s;display:flex}.story-btn-audio-play:hover{transform:scale(1.08)}.story-lookup-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.story-lookup-card{background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;animation:modalPop .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 16px 36px #00000026}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.story-lookup-hanzi{font-size:2.2rem;font-family:var(--font-han-nom-kai),serif;color:#18181b;font-weight:900}.story-lookup-pinyin{color:#e11d48;font-family:monospace;font-size:1rem;font-weight:700}.story-lookup-meaning-box{color:#3f3f46;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:14px;padding:12px 16px;font-size:.85rem;line-height:1.5}.story-lookup-actions{align-items:center;gap:10px;display:flex}.story-btn-save-notebook{color:#fff;cursor:pointer;background:#18181b;border:none;border-bottom:3px solid #09090b;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.story-btn-save-notebook.saved{background:#10b981;border-bottom-color:#059669}.story-btn-close-lookup{color:#52525b;cursor:pointer;background:#f4f4f5;border:1px solid #e4e4e7;border-bottom:2px solid #d4d4d8;border-radius:12px;padding:10px 16px;font-size:.82rem;font-weight:700}.dictation-practice-container,.story-reader-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1240px;margin:0 auto;padding:24px 24px 100px;display:flex}.dictation-studio-card,.story-reader-card{box-sizing:border-box;background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #d4d4d8;border-radius:28px;flex-direction:column;gap:24px;width:100%;min-width:0;margin:0 auto 90px;padding:32px;transition:background-color .3s,color .3s;display:flex;position:relative;box-shadow:0 6px 24px #00000008}.story-reader-card.theme-light{color:#18181b;background:#fff;border-color:#e4e4e7 #e4e4e7 #d4d4d8}.story-reader-card.theme-sepia{color:#433422;background:#fdf6e2;border-color:#e2d4b0 #e2d4b0 #d5c498}.story-reader-card.theme-dark{color:#f4f4f5;background:#18181b;border-color:#27272a #27272a #09090b}.dictation-studio-card-header,.story-reader-card-header{border-bottom:2px solid #e4e4e7;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.theme-sepia .story-reader-card-header{border-bottom-color:#e2d4b0}.theme-dark .story-reader-card-header{border-bottom-color:#27272a}@media (max-width:640px){.story-reader-card-header{flex-direction:column;align-items:stretch;gap:12px}.story-reader-header-title{width:100%}.story-reader-header-title-copy{flex:1}.story-reader-header-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-reader-header-actions{justify-content:flex-end;width:100%}.story-reader-header-actions .story-nav-btn{justify-content:center;align-items:center;min-width:42px;height:42px;padding:0!important}.story-reader-header-actions .story-nav-btn span{display:none}}.story-reader-card-footer{border-top:2px solid #e4e4e7;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:24px;display:flex}.theme-sepia .story-reader-card-footer{border-top-color:#e2d4b0}.theme-dark .story-reader-card-footer{border-top-color:#27272a}@media (max-width:640px){.story-reader-card-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding-top:16px;display:grid}.story-reader-footer-placeholder{display:none}.story-reader-footer-count{text-align:center;grid-area:2/1/auto/-1}.story-reader-footer-next,.story-reader-footer-prev{box-sizing:border-box;text-align:center;white-space:normal;justify-content:center;width:100%;min-width:0;padding:10px 8px}.story-reader-footer-placeholder~.story-reader-footer-next{grid-column:1/-1}.notebook-hero-banner{padding:10px!important}}.story-reader-card-main{flex-direction:column;gap:28px;width:100%;display:flex}.story-floating-audio-dock{bottom:20px;left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width)) / 2);width:min(860px,calc(100vw - var(--sidebar-width) - 48px));z-index:1000;pointer-events:none;flex-direction:column;align-items:center;transition:left .3s,width .3s;display:flex;position:fixed;transform:translate(-50%)}@media (max-width:1024px){.story-floating-audio-dock{width:min(860px,100vw - 32px);left:50%}}.story-floating-audio-dock>*{pointer-events:auto}.story-audio-island-card{-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border:1.5px solid #e11d4847;border-radius:9999px;align-items:center;gap:12px;width:100%;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 36px #00000024,0 2px 10px #e11d482e}.theme-sepia .story-audio-island-card{background:#fef3c7f0;border-color:#e11d4859;box-shadow:0 12px 36px #78350f26}.theme-dark .story-audio-island-card{background:#18181beb;border-color:#fb718559;box-shadow:0 12px 40px #00000073,0 2px 12px #e11d4833}.story-audio-mini-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.story-audio-btn-nav{width:34px;height:34px;color:inherit;cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.theme-dark .story-audio-btn-nav{color:#f4f4f5;background:#ffffff14;border-color:#ffffff1f}.story-audio-btn-nav:hover{color:#e11d48;background:#e11d4826;border-color:#e11d48;transform:scale(1.06)}.story-audio-btn-play-mini{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #e11d4866}.story-audio-btn-play-mini:hover{transform:scale(1.08);box-shadow:0 6px 18px #e11d488c}.story-audio-btn-play-mini:active{transform:scale(.95)}.story-audio-mini-scrubber{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.story-audio-time-label{opacity:.75;flex-shrink:0;min-width:34px;font-family:monospace;font-size:.74rem;font-weight:700}.story-audio-slider{appearance:none;background:linear-gradient(to right,#e11d48 0,#e11d48 var(--slider-progress,0),#e2e8f0 var(--slider-progress,0),#e2e8f0 100%);cursor:pointer;border-radius:9999px;outline:none;flex:1;height:6px;transition:background 50ms linear}.theme-dark .story-audio-slider{background:linear-gradient(to right,#e11d48 0,#e11d48 var(--slider-progress,0),#ffffff2e var(--slider-progress,0),#ffffff2e 100%)}.story-audio-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e11d48;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 6px #e11d4866}.story-audio-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 0 4px #e11d4833}.story-audio-slider::-moz-range-thumb{cursor:pointer;background:#e11d48;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #e11d4866}.story-audio-mini-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.story-audio-badge-pill{color:#e11d48;background:#e11d481a;border:1px solid #e11d4833;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.theme-dark .story-audio-badge-pill{color:#fb7185;background:#e11d4826;border-color:#e11d484d}.story-audio-badge-trainer-pause{color:#9f1239;background:#ffe4e6;border:1px solid #f43f5e;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:800;animation:pulseTrainer 1.5s infinite;display:inline-flex}@keyframes pulseTrainer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.04)}}.story-audio-btn-expand{color:#e11d48;cursor:pointer;background:#e11d4814;border:1.5px solid #e11d484d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.82rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.theme-dark .story-audio-btn-expand{color:#fb7185;background:#e11d481f;border-color:#e11d4859}.story-audio-btn-expand:hover{color:#fff;background:#e11d48;transform:scale(1.1)}.story-audio-btn-expand.active{color:#fff;background:#e11d48;transform:rotate(180deg)}@media (max-width:640px){.story-karaoke-paragraph{padding:0!important}.story-floating-audio-dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);min-width:0}.story-audio-island-card{gap:6px;min-width:0;padding:6px 10px}.story-audio-mini-controls{gap:4px}.story-audio-btn-nav{width:30px;height:30px}.story-audio-btn-play-mini{width:38px;height:38px}.story-audio-mini-scrubber{gap:6px}.story-audio-time-label{min-width:26px;font-size:.68rem}.story-audio-slider{min-width:0}.story-audio-mini-right{gap:6px}.story-audio-badge-pill{display:none}.story-audio-btn-expand{width:32px;height:32px}}.story-audio-settings-drawer{-webkit-backdrop-filter:blur(28px);background:#fffffff5;border:1.5px solid #e11d4847;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:540px;margin-bottom:12px;padding:20px;animation:slideUpFade .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 16px 48px #0000002e,0 4px 16px #e11d481f}.theme-sepia .story-audio-settings-drawer{background:#fef3c7f5;border-color:#e11d4859}.theme-dark .story-audio-settings-drawer{background:#18181bf5;border-color:#e11d4859;box-shadow:0 16px 48px #0000008c,0 4px 16px #e11d4826}@keyframes slideUpFade{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.story-audio-settings-header{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.theme-dark .story-audio-settings-header{border-bottom-color:#ffffff1a}.story-audio-settings-title{align-items:center;gap:8px;font-size:.92rem;font-weight:800;display:flex}.story-audio-setting-section{flex-direction:column;gap:8px;display:flex}.story-audio-setting-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.76rem;font-weight:700}.story-voice-selector{background:#0000000a;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:6px;padding:4px;display:flex}.theme-dark .story-voice-selector{background:#ffffff0f;border-color:#ffffff1f}.story-voice-pill-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:800;transition:all .15s;display:inline-flex}.story-voice-pill-btn.active{color:#fff;background:#e11d48;box-shadow:0 2px 8px #e11d4859}.story-mode-cards-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.story-mode-card{cursor:pointer;text-align:left;background:#00000005;border:1.5px solid #00000014;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.theme-dark .story-mode-card{background:#ffffff08;border-color:#ffffff1a}.story-mode-card:hover{background:#e11d480d;border-color:#e11d4880}.story-mode-card.active{background:#e11d481a;border-color:#e11d48;box-shadow:0 2px 10px #e11d4826}.theme-dark .story-mode-card.active{background:#e11d4826;border-color:#fb7185}.story-mode-card-title{align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:flex}.story-mode-card-desc{opacity:.7;font-size:.72rem;line-height:1.35}.story-pause-pills-row{align-items:center;gap:8px;display:flex}.story-pause-pill{color:inherit;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #00000014;border-radius:12px;flex:1;padding:6px 12px;font-size:.8rem;font-weight:800;transition:all .15s}.theme-dark .story-pause-pill{border-color:#ffffff1a}.story-pause-pill:hover{color:#e11d48;border-color:#e11d48}.story-pause-pill.active{color:#fff;background:#e11d48;border-color:#e11d48}.story-setting-bottom-row{border-top:1px solid #00000012;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.theme-dark .story-setting-bottom-row{border-top-color:#ffffff1a}@media (max-width:640px){.story-setting-bottom-row{flex-direction:column;align-items:stretch}.story-setting-bottom-row>.story-nav-btn{justify-content:center;width:100%}}.story-speed-buttons-group{align-items:center;gap:4px;display:flex}.story-speed-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;padding:4px 8px;font-family:monospace;font-size:.75rem;font-weight:700}.theme-dark .story-speed-btn{border-color:#ffffff1f}.story-speed-btn.active{color:#fff;background:#e11d48;border-color:#e11d48}.story-karaoke-paragraph{cursor:pointer;border:1.5px solid #0000;border-radius:16px;margin-bottom:16px;padding:12px 16px;line-height:2.2;transition:all .25s}.story-karaoke-paragraph:hover{background:#00000005}.theme-dark .story-karaoke-paragraph:hover{background:#ffffff08}.story-karaoke-paragraph.active-sentence{background:#e11d4814;border-color:#e11d4859 #e11d4859 #e11d4859 #e11d48;border-left-width:4px;box-shadow:0 4px 16px #e11d4814}.theme-dark .story-karaoke-paragraph.active-sentence{background:#e11d481f;border-color:#e11d4866 #e11d4866 #e11d4866 #fb7185}.karaoke-word{cursor:pointer;border-radius:8px;margin:0 1px;padding:2px 4px;transition:all .15s;display:inline-block}.karaoke-word:hover{background:#0000000d}.theme-dark .karaoke-word:hover{background:#ffffff1a}.karaoke-word.active-word{font-weight:800;transform:translateY(-1px)scale(1.04);box-shadow:0 0 14px #e11d4873;color:#9f1239!important;background:#ffe4e6!important}.karaoke-word.active-word rt{color:#be123c!important;font-weight:900!important}.theme-sepia .karaoke-word.active-word{color:#881337!important;background:#fecdd3!important}.theme-dark .karaoke-word.active-word{box-shadow:0 0 18px #fb718580;color:#ffe4e6!important;background:#e11d4866!important}.theme-dark .karaoke-word.active-word rt{color:#ffe4e6!important}.story-paragraph-translation-box{color:#475569;letter-spacing:normal;background:#e11d480d;border-left:3px solid #e11d48;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;font-family:inherit;font-size:.88rem;font-weight:500;line-height:1.6;transition:all .2s;display:flex}.story-karaoke-paragraph.active-sentence .story-paragraph-translation-box{color:#0f172a;background:#e11d481a;font-weight:600}.theme-sepia .story-paragraph-translation-box{color:#57442f;background:#b453090f;border-left-color:#d97706}.theme-dark .story-paragraph-translation-box{color:#cbd5e1;background:#e11d481f;border-left-color:#fb7185}.theme-dark .story-karaoke-paragraph.active-sentence .story-paragraph-translation-box{color:#f8fafc;background:#e11d4833}.story-translation-single-section{color:inherit;background:#00000006;border:1px solid #0000000f;border-radius:18px;margin-top:14px;padding:22px 24px;font-size:.95rem;line-height:1.75}.theme-sepia .story-translation-single-section{color:#433422;background:#fef3c78c;border-color:#e2d4b0}.theme-dark .story-translation-single-section{color:#f4f4f5;background:#ffffff08;border-color:#ffffff14}.story-translation-para-line{margin:0 0 14px;line-height:1.75}.story-translation-para-line:last-child{margin-bottom:0}@media (max-width:768px){.dictation-hub-container,.dictation-practice-container,.story-library-container,.story-reader-container{box-sizing:border-box;gap:16px;min-width:0;max-width:100%;padding:12px 0 130px}.dictation-hero-card,.dictation-studio-card,.story-hero-card,.story-reader-card{box-sizing:border-box;border-radius:20px;min-width:0;max-width:100%;margin-bottom:24px;padding:16px 12px}.dictation-hero-title,.story-hero-title{font-size:1.65rem}.dictation-hero-subtitle,.story-hero-subtitle{font-size:.88rem}.dictation-hero-watermark,.story-hero-watermark{font-size:110px}.dictation-topics-grid,.story-grid{grid-template-columns:1fr;gap:16px}.dictation-studio-main{padding:20px 14px 48px}.dictation-audio-island{border-radius:22px;padding:20px 16px}.story-reader-canvas{padding:24px 16px 48px}.story-chapter-title-zh{font-size:1.6rem}}.story-floating-settings-btn{z-index:990;color:#e11d48;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1.5px solid #e11d4859;border-right:none;border-radius:16px 0 0 16px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;font-family:inherit;font-size:.72rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-4px 8px 24px #0000001f,0 2px 8px #e11d4826}.story-floating-settings-btn:hover{color:#be123c;background:#fff;border-color:#e11d48;transform:translateY(-50%)translate(-4px);box-shadow:-6px 12px 28px #e11d4840}.story-floating-settings-btn i{font-size:1.15rem;transition:transform .3s}.story-floating-settings-btn:hover i{transform:rotate(60deg)scale(1.1)}.story-floating-settings-btn .floating-btn-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem}.story-settings-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1050;background:#00000073;justify-content:flex-end;animation:storyFadeIn .2s ease-out;display:flex;position:fixed;inset:0}@keyframes storyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes storySlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.story-settings-drawer{background:#fff;border-left:2px solid #e4e4e7;flex-direction:column;width:100%;max-width:400px;height:100%;animation:storySlideInRight .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:-10px 0 36px #00000029}.story-settings-drawer-header{background:#fafafa;border-bottom:1.5px solid #e4e4e7;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.story-settings-drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.story-settings-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.story-settings-section:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.story-settings-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-settings-section-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:800;display:flex}.story-settings-section-desc{color:#64748b;margin:0;font-size:.76rem;line-height:1.4}.story-settings-segmented{background:#e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px;padding:4px;display:grid}.story-settings-seg-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .18s;display:flex}.story-settings-seg-btn:hover{color:#0f172a}.story-settings-seg-btn.active{color:#e11d48;background:#fff;font-weight:800;box-shadow:0 2px 6px #00000014}.story-toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.story-toggle-switch input{opacity:0;width:0;height:0}.story-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;inset:0}.story-toggle-slider,.story-toggle-slider:before{transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute}.story-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;bottom:3px;left:3px;box-shadow:0 1px 4px #0003}.story-toggle-switch input:checked+.story-toggle-slider{background-color:#e11d48}.story-toggle-switch input:checked+.story-toggle-slider:before{transform:translate(20px)}.story-tone-pills-bar{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.story-tone-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.story-tone-pill.tone-1{color:#e11d48;background:#e11d481f}.story-tone-pill.tone-2{color:#ea580c;background:#ea580c1f}.story-tone-pill.tone-3{color:#059669;background:#0596691f}.story-tone-pill.tone-4{color:#2563eb;background:#2563eb1f}.story-tone-pill.tone-5{color:#71717a;background:#71717a1f}.story-theme-cards-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.story-theme-card-btn{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.story-theme-card-btn.theme-opt-light{color:#18181b;background:#fff;border-color:#e4e4e7}.story-theme-card-btn.theme-opt-sepia{color:#433422;background:#fdf6e2;border-color:#e2d4b0}.story-theme-card-btn.theme-opt-dark{color:#f4f4f5;background:#18181b;border-color:#3f3f46}.story-theme-card-btn.active{border-color:#e11d48;transform:translateY(-2px);box-shadow:0 0 0 2px #e11d4859}.story-font-stepper{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;display:flex}.story-font-stepper-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex}.story-font-stepper-btn:hover{color:#e11d48;background:#e2e8f0}.story-font-size-val{color:#0f172a;font-size:.95rem;font-weight:800}.story-font-presets{justify-content:space-between;align-items:center;gap:6px;display:flex}.story-font-preset-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:4px 0;font-size:.74rem;font-weight:700;transition:all .15s}.story-font-preset-chip:hover{background:#f8fafc;border-color:#94a3b8}.story-font-preset-chip.active{color:#be123c;background:#ffe4e6;border-color:#e11d48;font-weight:800}.story-settings-drawer-footer{background:#fafafa;border-top:1.5px solid #e4e4e7;flex-direction:column;gap:8px;padding:16px 24px;display:flex}.duo-btn-3d{letter-spacing:.8px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform 80ms,filter .15s,background-color .15s;display:inline-flex;position:relative}.duo-btn-3d:active{margin-bottom:5px;transform:translateY(5px);border-bottom-width:0!important}.duo-primary-3d{background:var(--primary-red,#e11d48);color:#fff;border-bottom:5px solid var(--primary-red-dark,#be123c);box-shadow:0 4px 14px #e11d4847}.duo-primary-3d:hover{filter:brightness(1.06)}.duo-ink-3d{background:var(--ink-black,#18181b);color:#fff;border-bottom:5px solid var(--ink-black-dark,#09090b);box-shadow:0 4px 14px #18181b40}.duo-ink-3d:hover{filter:brightness(1.15)}.duo-secondary-3d{color:var(--text-main,#18181b);background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #cbd5e1;box-shadow:0 4px 14px #0000000a}.duo-secondary-3d:hover{background:#f4f4f5;border-color:#d4d4d8}.duo-success-3d{background:var(--accent-green,#10b981);color:#fff;border-bottom:5px solid var(--accent-green-dark,#059669);box-shadow:0 4px 14px #10b98140}.duo-success-3d:hover{filter:brightness(1.06)}.landing-page-shell{background-color:var(--bg-rice-paper,#faf9f6);width:100%;min-height:100vh;color:var(--text-main,#18181b);background-image:linear-gradient(#18181b08 1px,#0000 0),linear-gradient(90deg,#18181b08 1px,#0000 0);background-size:32px 32px;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.landing-main-content{flex-direction:column;flex:1;display:flex}.landing-navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1.5px solid #e2e8f0;width:100%;transition:all .2s;position:sticky;top:0}.landing-navbar.scrolled{background:#fffffffa;box-shadow:0 8px 30px #0000000f}.landing-navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto;padding:14px 24px;display:flex}.landing-brand{color:var(--text-main,#0f172a);align-items:center;gap:12px;text-decoration:none;display:flex}.landing-brand-logo-img{object-fit:contain;background:0 0;width:auto;max-width:180px;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.landing-brand:hover .landing-brand-logo-img{transform:scale(1.03)}.landing-brand-logo{object-fit:contain;background:0 0;border-radius:12px;width:44px;height:44px}.landing-brand-text{align-items:center;gap:6px;display:flex}.landing-brand-name{letter-spacing:-.5px;color:var(--text-main,#0f172a);font-size:1.5rem;font-weight:900}.landing-nav-desktop,.landing-nav-link{align-items:center;gap:8px;display:flex}.landing-nav-link{color:var(--text-muted,#475569);border-radius:12px;padding:10px 14px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .15s}.landing-nav-link i{color:#94a3b8;font-size:.95rem;transition:color .15s}.landing-nav-link:hover{background:#fff1f2}.landing-nav-link:hover,.landing-nav-link:hover i{color:var(--primary-red,#e11d48)}.nav-tag-hsk3{background:var(--primary-red,#e11d48);color:#fff;border-radius:6px;margin-left:2px;padding:1px 6px;font-size:.68rem;font-weight:900}.landing-nav-right{align-items:center;gap:12px;display:flex}.landing-guest-actions{align-items:center;gap:10px;display:flex}.landing-header-login-btn{color:var(--text-main,#18181b);cursor:pointer;background:#fff;border:1.5px solid #e4e4e7;border-bottom:3.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.88rem;font-weight:800;transition:all .1s;display:inline-flex}.landing-header-login-btn:hover{color:var(--primary-red,#e11d48);background:#f4f4f5;border-color:#d4d4d8}.landing-header-login-btn:active{border-bottom-width:1.5px;transform:translateY(2.5px)}.landing-mobile-toggle{cursor:pointer;width:40px;height:40px;color:var(--text-main,#0f172a);background:0 0;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:none}.landing-mobile-drawer{background:#fff;border-bottom:2px solid #e2e8f0;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.drawer-links-list{flex-direction:column;gap:6px;display:flex}.drawer-link{color:var(--text-main,#0f172a);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.drawer-link:hover{color:var(--primary-red,#e11d48);background:#fff1f2}.drawer-footer-actions{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding-top:12px;display:flex}.drawer-login-btn,.drawer-start-btn{width:100%}.landing-hero-section{padding:60px 24px 80px;position:relative}.landing-hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;max-width:1280px;margin:0 auto;display:grid}.hero-content-col{flex-direction:column;gap:20px;display:flex}.hero-badge-pill{color:var(--primary-red,#e11d48);background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.hero-main-title{letter-spacing:-1px;color:var(--ink-black,#18181b);font-size:3.2rem;font-weight:900;line-height:1.15}.hero-title-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e11d48,#18181b);-webkit-background-clip:text;align-items:center;gap:8px;display:inline-flex;position:relative}.hero-seal-stamp{-webkit-text-fill-color:#fff;background:var(--primary-red,#e11d48);vertical-align:middle;border-radius:6px;padding:2px 7px;font-size:.85rem;font-weight:900}.hero-subtitle-desc{color:var(--text-muted,#71717a);max-width:600px;font-size:1.12rem;line-height:1.6}.hsk3-tiers-preview-bar{background:#fff;border:1.5px solid #e4e4e7;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;padding:10px 18px;display:flex;box-shadow:0 4px 16px #00000008}.tier-preview-pill{align-items:center;gap:8px;display:flex}.tier-tag{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:900}.tag-primary-red{color:#e11d48;background:#fff1f2}.tag-gold{color:#d97706;background:#fef3c7}.tier-levels{color:var(--text-main,#18181b);font-size:.82rem;font-weight:800}.tier-words{color:var(--text-muted,#71717a);font-size:.78rem;font-weight:600}.tier-preview-divider{color:#d4d4d8;font-weight:800}.hero-action-buttons{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.hero-welcome-card{background:#fff;border:2px solid #e4e4e7;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex;box-shadow:0 10px 25px #0000000a}.welcome-card-left{align-items:center;gap:14px;display:flex}.welcome-avatar{object-fit:cover;border:2px solid var(--primary-red,#e11d48);border-radius:50%;width:48px;height:48px}.welcome-name{color:var(--text-main,#18181b);margin-bottom:4px;font-size:1rem;font-weight:800}.welcome-meta{align-items:center;gap:8px;display:flex}.welcome-pill{border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:800}.hsk-pill{color:#e11d48;background:#fff1f2}.streak-pill{color:#b45309;background:#fef3c7}.xp-pill{color:#6d28d9;background:#ede9fe}.welcome-action-btn{padding:12px 20px;font-size:.85rem}.hero-social-proof{gap:16px;margin-top:10px}.avatar-stack,.hero-social-proof{align-items:center;display:flex}.stacked-avatar{object-fit:cover;background:#f1f5f9;border:2.5px solid #fff;border-radius:50%;width:38px;height:38px;margin-left:-10px}.stacked-avatar:first-child{margin-left:0}.stars-row{color:#f59e0b;align-items:center;gap:4px;font-size:.85rem;display:flex}.stars-score{color:var(--text-main,#18181b);margin-left:4px;font-weight:900}.proof-text{color:var(--text-muted,#71717a);margin-top:2px;font-size:.85rem}.hanzi-demo-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 20px 40px #0000000f}.hanzi-demo-header{justify-content:space-between;align-items:center;display:flex}.demo-tag-pill{color:var(--text-main,#0f172a);align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.demo-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:pulse-live 2s infinite;box-shadow:0 0 0 3px #10b98133}@keyframes pulse-live{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.demo-rating-pill{color:#059669;background:#ecfdf5;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:800;display:flex}.tianzige-viewport-wrapper{grid-template-columns:200px 1fr;align-items:center;gap:20px;display:grid}.tianzige-box{background:#fffdf9;border:2px solid #e11d48;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #e11d480a}.tianzige-grid-cross-h{border-top:1px dashed #e11d4859;height:1px;position:absolute;top:50%;left:0;right:0}.tianzige-grid-cross-v{border-left:1px dashed #e11d4859;width:1px;position:absolute;top:0;bottom:0;left:50%}.tianzige-grid-diagonal-1{transform:rotate(45deg)}.tianzige-grid-diagonal-1,.tianzige-grid-diagonal-2{border-top:1px dashed #e11d482e;width:141%;height:1px;position:absolute;top:50%;left:-20%}.tianzige-grid-diagonal-2{transform:rotate(-45deg)}.tianzige-char-canvas{z-index:5;position:relative}.hanzi-glyph-render{font-family:var(--font-han-nom-kai),"LXGW WenKai",serif;color:#18181b;-webkit-user-select:none;user-select:none;font-size:130px;line-height:1;transition:all .3s}.tianzige-step-badge{color:#fff;z-index:10;background:#000000a6;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:8px;left:8px}.hanzi-meta-panel{flex-direction:column;gap:12px;display:flex}.meta-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.5px;font-size:.72rem;font-weight:800}.meta-pinyin-row{justify-content:space-between;align-items:center;display:flex}.meta-pinyin-display{color:var(--text-main,#0f172a);align-items:center;gap:8px;font-size:1.25rem;font-weight:900;display:flex}.tone-badge{border-radius:6px;padding:2px 6px;font-size:.74rem;font-weight:800}.tone-3{color:#dc2626;background:#fee2e2}.pinyin-audio-btn{width:38px;height:38px;color:var(--primary,#06b6d4);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pinyin-audio-btn:hover{background:#e0f2fe;border-color:#bae6fd}.meta-meaning-display{color:var(--text-main,#0f172a);font-size:.95rem;font-weight:700}.meta-stroke-name{color:#0369a1;font-size:.85rem;font-weight:700}.demo-replay-btn-3d{color:var(--text-main,#0f172a);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:800;transition:transform 80ms;display:flex}.demo-replay-btn-3d:active{border-bottom-width:1.5px;transform:translateY(3px)}.hanzi-radicals-strip{border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.radicals-title{color:var(--text-muted,#475569);font-size:.82rem;font-weight:800}.radicals-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.radical-chip{border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:800;transition:transform .2s,box-shadow .2s}.radical-chip.active-radical{transform:scale(1.08);box-shadow:0 0 0 2px}.radical-female{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.radical-child{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.radical-total{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.radical-equals,.radical-plus{color:#94a3b8;font-size:.85rem;font-weight:800}.landing-stats-section{padding:0 24px 80px}.landing-stats-container{max-width:1280px;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-tactile-card{background:#fff;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:20px;flex-direction:column;gap:8px;padding:24px;transition:transform .15s;display:flex}.stat-tactile-card:hover{transform:translateY(-4px)}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.stat-number-display{letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:900}.stat-title{color:var(--text-main,#0f172a);font-size:1.05rem;font-weight:800}.stat-desc{color:var(--text-muted,#475569);font-size:.85rem;line-height:1.5}.landing-bento-section{background:#fff;border-top:1.5px solid #e2e8f0;border-bottom:1.5px solid #e2e8f0;padding:80px 24px}.landing-bento-container{max-width:1280px;margin:0 auto}.section-heading-center{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:700px;margin:0 auto 50px;display:flex}.section-badge-pill{color:var(--text-muted,#475569);text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.section-main-title{color:var(--text-main,#0f172a);letter-spacing:-.5px;font-size:2.5rem;font-weight:900}.section-sub-title{color:var(--text-muted,#475569);font-size:1.1rem;line-height:1.6}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px;transition:all .2s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#cbd5e1;box-shadow:0 12px 30px #0000000d}.bento-card-large{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border-color:#a7f3d0;grid-column:span 2;grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.bento-tag{text-transform:uppercase;border-radius:8px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.tag-cyan{color:#0284c7;background:#e0f2fe}.tag-indigo{color:#4f46e5;background:#eef2ff}.tag-emerald{color:#059669;background:#ecfdf5}.tag-amber{color:#d97706;background:#fef3c7}.tag-rose{color:#e11d48;background:#ffe4e6}.bento-title{color:var(--text-main,#0f172a);margin-bottom:10px;font-size:1.45rem;font-weight:900}.bento-desc{color:var(--text-muted,#475569);margin-bottom:20px;font-size:.95rem;line-height:1.6}.bento-btn-mini{border-radius:12px;padding:10px 18px;font-size:.82rem}.bento-visual-snake{padding:20px}.snake-nodes-track{gap:10px}.snake-nodes-track,.track-node{align-items:center;display:flex}.track-node{border-radius:16px;flex-direction:column;justify-content:center;width:50px;height:50px;font-size:.95rem;font-weight:800;position:relative}.track-node.completed{color:#fff;background:#10b981;border-bottom:4px solid #059669}.track-node.active-pulse{color:#fff;background:#06b6d4;border-bottom:4px solid #0891b2;box-shadow:0 0 0 5px #06b6d440}.track-node.locked{color:#94a3b8;background:#e2e8f0;border-bottom:4px solid #cbd5e1}.track-node.chest{color:#fff;background:#f59e0b;border-bottom:4px solid #d97706}.node-caption{white-space:nowrap;color:#64748b;font-size:.65rem;font-weight:800;position:absolute;bottom:-22px}.track-connector{background:#cbd5e1;border-radius:2px;flex:1;height:4px}.bento-visual-ink{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.mini-ink-box{color:#18181b;font-size:2.5rem}.ink-feedback-badge{color:#059669;background:#ecfdf5;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:800}.bento-visual-soundwave{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.soundwave-bars{align-items:center;gap:6px;height:32px;display:flex}.bar{background:#10b981;border-radius:3px;flex:1;animation:wave-anim 1.2s ease-in-out infinite}.bar-1{height:40%;animation-delay:.1s}.bar-2{height:80%;animation-delay:.2s}.bar-3{height:100%;animation-delay:.3s}.bar-4{height:60%;animation-delay:.4s}.bar-5{height:90%;animation-delay:.2s}.bar-6{height:50%;animation-delay:.5s}@keyframes wave-anim{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.industry-pill{color:#047857;font-size:.75rem;font-weight:800}.bento-visual-reader{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;margin-top:16px;padding:14px 16px}.reader-snippet{gap:10px;margin-bottom:8px;font-size:1.3rem;display:flex}.reader-snippet ruby rt{color:#e11d48;font-size:.65rem;font-weight:800}.reader-feature-chip{color:#b45309;font-size:.75rem;font-weight:800}.bento-visual-radicals{gap:8px;margin-top:16px;display:flex}.radical-mini-card{text-align:center;color:var(--text-main,#0f172a);background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:8px 4px;font-size:.8rem;font-weight:800}.bento-visual-arena{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:center;margin-top:16px;padding:12px;display:flex}.arena-avatar-duo{align-items:center;gap:16px;display:flex}.arena-avatar-badge{border:2px solid #e11d48;border-radius:50%;width:44px;height:44px}.arena-vs-text{color:#e11d48;font-size:.9rem;font-weight:900}.landing-curriculum-section{background:var(--bg-light,#f8fafc);padding:80px 24px}.landing-curriculum-container{max-width:1280px;margin:0 auto}.curriculum-tabs-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:36px;display:flex}.level-tab-btn-3d{cursor:pointer;color:var(--text-main,#0f172a);background:#fff;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:16px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all .1s}.level-tab-btn-3d:active{border-bottom-width:1px;transform:translateY(4px)}.level-tab-btn-3d.active{background:var(--primary-red,#e11d48);color:#fff;border-color:var(--primary-red,#e11d48);border-bottom-color:var(--primary-red-dark,#be123c);box-shadow:0 4px 14px #e11d484d}.hsk3-tiers-nav-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.tier-group-btn{cursor:pointer;background:#fff;border:2px solid #e4e4e7;border-bottom:5px solid #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:14px 20px;font-family:inherit;transition:all .12s;display:flex}.tier-group-btn:hover{background:#f4f4f5;border-color:#d4d4d8}.tier-group-btn.active{background:#fff1f2;border-color:#e11d48 #e11d48 #be123c}.tier-group-title{color:var(--text-main,#18181b);align-items:center;gap:8px;margin-bottom:3px;font-size:.96rem;font-weight:900;display:flex}.tier-group-btn.active .tier-group-title{color:#e11d48}.tier-group-meta{color:var(--text-muted,#71717a);font-size:.8rem;font-weight:700}.hsk3-certified-tag{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.hsk3-highlights-box{background:#fff;border:2px solid #e4e4e7;border-radius:24px;margin-top:40px;padding:36px;box-shadow:0 10px 30px #00000008}.hsk3-highlights-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.hsk3-highlights-title{color:var(--text-main,#18181b);font-size:1.35rem;font-weight:900}.hsk3-highlights-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hsk3-feature-col{flex-direction:column;gap:8px;display:flex}.feature-col-num{color:#e11d48;font-family:Space Grotesk,monospace;font-size:1.9rem;font-weight:900}.hsk3-feature-col h4{color:var(--text-main,#18181b);font-size:1.05rem;font-weight:800}.hsk3-feature-col p{color:var(--text-muted,#71717a);font-size:.88rem;line-height:1.6}.curriculum-details-card{background:#fff;border:2px solid #e4e4e7;border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000000a}.details-header-row{border-bottom:1.5px solid #e4e4e7;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:24px}.details-header-row,.details-title-group{flex-wrap:wrap;align-items:center;display:flex}.details-title-group{gap:14px}.level-highlight-pill{color:var(--primary-red,#e11d48);font-size:1.5rem;font-weight:900}.level-category-badge{color:#e11d48;background:#fff1f2;border-radius:10px;padding:6px 14px;font-size:.85rem;font-weight:800}.details-metrics-pills{align-items:center;gap:12px;display:flex}.metric-pill{color:var(--text-main,#18181b);background:#f8fafc;border:1px solid #e4e4e7;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:800;display:flex}.metric-pill i{color:var(--primary-red,#e11d48)}.details-body-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.details-block{margin-bottom:24px}.block-title{color:var(--text-main,#0f172a);align-items:center;gap:10px;margin-bottom:10px;font-size:1.1rem;font-weight:800;display:flex}.block-title i{color:var(--primary,#06b6d4)}.block-text{color:var(--text-muted,#475569);font-size:.95rem;line-height:1.6}.block-list{flex-direction:column;gap:8px;list-style:none;display:flex}.block-list li{color:var(--text-main,#0f172a);align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:flex}.block-list li i{color:#10b981}.sample-lessons-list{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.sample-lesson-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.lesson-number-circle{background:var(--primary,#06b6d4);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.lesson-name{color:var(--text-main,#0f172a);flex:1;font-size:.92rem;font-weight:700}.lesson-arrow{color:#94a3b8;font-size:.8rem}.curriculum-cta-btn{width:100%}.landing-methodology-section{background:#fff;border-top:1.5px solid #e2e8f0;padding:80px 24px}.landing-methodology-container{max-width:1280px;margin:0 auto}.methodology-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.methodology-card{border-radius:24px;flex-direction:column;gap:24px;padding:36px;display:flex;position:relative}.traditional-card{background:#fff1f2;border:2px solid #fecdd3}.deetigo-card,.hango-card{background:#ecfeff;border:2px solid #a5f3fc;box-shadow:0 16px 36px #06b6d414}.methodology-card-header{align-items:center;gap:16px;display:flex}.methodology-badge{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.traditional-badge{color:#e11d48;background:#ffe4e6}.deetigo-badge,.hango-badge{color:#fff;background:#06b6d4}.methodology-card-title{color:var(--text-main,#0f172a);font-size:1.35rem;font-weight:900}.methodology-points-list{flex-direction:column;gap:16px;list-style:none;display:flex}.deetigo-point-item,.hango-point-item,.traditional-point-item{align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.point-icon-cross{color:#e11d48;font-size:1.1rem;font-weight:900}.point-icon-check{color:#059669;font-size:1.1rem;font-weight:900}.traditional-point-item .point-text{color:#475569}.deetigo-point-item .point-text,.hango-point-item .point-text{color:var(--text-main,#0f172a);font-weight:600}.landing-testimonials-section{background:var(--bg-light,#f8fafc);padding:80px 24px}.landing-testimonials-container{max-width:1280px;margin:0 auto}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:#fff;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:20px;flex-direction:column;gap:20px;padding:30px}.testimonial-card,.testimonial-top{justify-content:space-between;display:flex}.testimonial-top{align-items:center}.quote-watermark{color:#e2e8f0;font-size:1.8rem}.testimonial-quote{color:var(--text-muted,#475569);font-size:.96rem;font-style:italic;line-height:1.6}.testimonial-author{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding-top:16px;display:flex}.author-avatar{object-fit:cover;border:2px solid var(--primary,#06b6d4);border-radius:50%;width:48px;height:48px}.author-name{color:var(--text-main,#0f172a);font-size:.95rem;font-weight:800}.author-role{color:#64748b;margin-bottom:2px;font-size:.8rem}.author-hsk-badge{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.landing-faq-section{background:#fff;border-top:1.5px solid #e2e8f0;padding:80px 24px}.landing-faq-container{max-width:860px;margin:0 auto}.faq-accordion-list{flex-direction:column;gap:14px;display:flex}.faq-accordion-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .15s;overflow:hidden}.faq-accordion-item.open{border-color:var(--primary,#06b6d4);background:#fff;box-shadow:0 4px 20px #06b6d414}.faq-question-btn{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-family:inherit;display:flex}.faq-question-text{color:var(--text-main,#0f172a);font-size:1.05rem;font-weight:800}.faq-toggle-icon{width:32px;height:32px;color:var(--text-main,#0f172a);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:transform .2s,background .2s,color .2s;display:flex}.faq-toggle-icon.rotated{background:var(--primary,#06b6d4);color:#fff;transform:rotate(45deg)}.faq-answer-content{color:var(--text-muted,#475569);padding:0 24px 20px;font-size:.95rem;line-height:1.6}.landing-final-cta-section{background:var(--bg-light,#f8fafc);padding:80px 24px 100px}.landing-final-cta-container{max-width:1100px;margin:0 auto}.final-cta-card{text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:32px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a33}.cta-bg-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.glow-1{background:#06b6d440;top:-100px;left:-50px}.glow-1,.glow-2{width:300px;height:300px}.glow-2{background:#6366f140;bottom:-100px;right:-50px}.final-cta-content{z-index:5;flex-direction:column;align-items:center;gap:20px;max-width:720px;margin:0 auto;display:flex;position:relative}.cta-mascot-wrapper{width:80px;height:80px;position:relative}.cta-mascot-img{object-fit:contain;filter:drop-shadow(0 6px 16px #0000001f);background:0 0;border-radius:20px;width:80px;height:80px}.cta-seal-stamp{color:#fff;background:#e11d48;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:900;position:absolute;bottom:-4px;right:-4px}.cta-badge-pill{color:#f8fafc;letter-spacing:.5px;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:800;display:flex}.cta-title{color:#fff;font-size:2.6rem;font-weight:900;line-height:1.2}.cta-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.6}.cta-btn-wrapper{margin-top:10px}.cta-giant-btn{border-radius:18px;padding:16px 36px;font-size:1.05rem}.cta-guarantees-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:10px;display:flex}.guarantee-item{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.guarantee-item i{color:#10b981}.nav-menu-icon{text-align:center;width:16px}.stat-number-group{align-items:baseline;gap:6px;display:flex}.stat-unit-badge{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:800}@media (max-width:1024px){.landing-guest-actions .landing-header-login-btn,.landing-nav-desktop{display:none}.landing-mobile-toggle{display:flex}.landing-hero-container{grid-template-columns:1fr;gap:40px}.hero-main-title{font-size:2.6rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr}.bento-card-large{grid-column:span 1;grid-template-columns:1fr;gap:20px}.hsk3-tiers-nav-row{grid-template-columns:1fr;gap:12px}.hsk3-highlights-grid{grid-template-columns:1fr;gap:20px}.details-body-grid{gap:24px}.details-body-grid,.methodology-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width:640px){.landing-hero-section{padding:40px 16px 60px}.hero-main-title{font-size:2.1rem}.tianzige-viewport-wrapper{grid-template-columns:1fr;justify-items:center}.hsk3-highlights-grid,.hsk3-tiers-nav-row,.stats-grid{grid-template-columns:1fr}.curriculum-details-card{padding:24px 16px}.cta-title{font-size:2rem}.cta-giant-btn{width:100%}.hero-welcome-card{flex-direction:column;align-items:stretch}main.main-content>.dictation-hub-container,main.main-content>.dictation-practice-container,main.main-content>.foundations-container,main.main-content>.legal-page-main,main.main-content>.notebook-container,main.main-content>.pricing-page-container,main.main-content>.profile-page-container,main.main-content>.story-library-container,main.main-content>.story-reader-container,main.main-content>.vocab-hub-container{padding-left:0;padding-right:0}.flashcard-footer{pointer-events:none;z-index:25;background:0 0;border-top:0;padding:0 10px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.flashcard-footer .footer-action-btn,.flashcard-footer .footer-action-btn>div,.flashcard-footer .footer-content{width:100%}.flashcard-footer .footer-action-btn>div,.flashcard-footer .footer-content{align-items:center;justify-content:center!important}.flashcard-footer .footer-action-btn>div{justify-content:space-between!important;gap:12px!important}.flashcard-footer .footer-btn-wide{pointer-events:auto;border-radius:50%;min-width:46px;height:46px;min-height:46px;padding:0;font-size:0;flex:0 0 46px!important;width:46px!important}.flashcard-footer .footer-btn-wide:first-child{transform:translate(-14px,8px)}.flashcard-footer .footer-btn-wide:last-child{transform:translate(14px,8px)}.flashcard-footer .footer-btn-wide span{display:none}.flashcard-footer .footer-btn-wide i{font-size:1rem;margin:0!important}.practice-body.flashcard-practice-body{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:stretch;height:auto;min-height:calc(100dvh - 220px);display:flex;overflow:visible}.flashcard-practice-body .vocab-flashcard-workspace{width:100%;height:auto;max-height:none;margin:0 auto;display:block}.flashcard-practice-body .vocab-flashcard-main-col{max-width:none;height:auto;display:block}.flashcard-practice-body .vocab-interactive-card{flex:none;height:clamp(440px,62vh,540px);min-height:0;display:block}.flashcard-practice-body .flashcard-inner{height:100%;min-height:0}.practice-body .wide-grid[style*=grid-template-columns]{flex-direction:column;width:100%;max-width:none;gap:16px!important;display:flex!important}.practice-body .hanzi-flashcard.wide-card{box-sizing:border-box;border-radius:18px;width:100%;max-width:none;padding:16px 12px}.practice-body .large-tianzige{background-size:64px 64px!important;width:128px!important;height:128px!important}.practice-body .large-tianzige .hanzi-main{font-size:3.8rem!important}.practice-body .quiz-section.wide-quiz{gap:12px;width:100%;max-width:none}.practice-body .quiz-options-grid.single-col-wide{gap:10px;width:100%}.practice-body .quiz-option-card.wide-option-card{box-sizing:border-box;border-radius:14px;width:100%;min-height:56px;padding:12px 14px}}.notfound-main-wrapper{justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:32px 16px 64px;display:flex}.notfound-container{flex-direction:column;gap:28px;width:100%;max-width:880px;margin:0 auto;display:flex}.notfound-hero-card{text-align:center;background:#fff;border:1.5px solid #e4e4e7;border-radius:28px;padding:44px 28px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000000a}.notfound-eyebrow{background:#e11d480f;border:1px solid #e11d4829;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 14px;display:inline-flex}.notfound-eyebrow-text{letter-spacing:1px;color:#e11d48;text-transform:uppercase;font-size:.78rem;font-weight:800}.notfound-visual-stage{flex-wrap:wrap;gap:24px;margin:16px 0 24px}.notfound-tianzige-box,.notfound-visual-stage{justify-content:center;align-items:center;display:flex}.notfound-tianzige-box{background-color:#fff;background-image:linear-gradient(90deg,#0000 49%,#e11d484d 49% 51%,#0000 51%),linear-gradient(#0000 49%,#e11d484d 49% 51%,#0000 51%);border:2.5px solid #e11d48;border-radius:16px;width:110px;height:110px;position:relative;box-shadow:0 8px 24px #e11d4814}.notfound-tianzige-inner{flex-direction:column;justify-content:center;align-items:center;display:flex}.notfound-hanzi{color:#18181b;font-family:Noto Sans SC,serif;font-size:3.4rem;font-weight:900;line-height:1}.notfound-pinyin-sub{color:#e11d48;letter-spacing:.5px;margin-top:2px;font-size:.72rem;font-weight:700}.notfound-big-code{letter-spacing:-3px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#18181b 30%,#52525b);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:5rem;font-weight:900;line-height:1}.notfound-mascot-wrapper{animation:floatMascot 3.5s ease-in-out infinite alternate}@keyframes floatMascot{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(1.5deg)}}.notfound-mascot-img{object-fit:contain;filter:drop-shadow(0 12px 18px #00000014);width:120px;height:120px}.notfound-title{color:#18181b;letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.notfound-description{color:#52525b;max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.6}.notfound-hint-box{color:#71717a;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:14px;align-items:center;gap:10px;max-width:580px;margin-top:20px;padding:10px 18px;font-size:.88rem;display:inline-flex}.notfound-hint-icon{color:#e11d48;font-size:1rem}.notfound-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.notfound-actions,.notfound-btn-3d{justify-content:center;align-items:center}.notfound-btn-3d{letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border-radius:14px;gap:10px;padding:14px 24px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}.notfound-btn-primary{color:#fff;background:#e11d48;border-bottom:5px solid #be123c}.notfound-btn-primary:hover{filter:brightness(1.06)}.notfound-btn-primary:active{border-bottom-width:0;margin-bottom:5px;transform:translateY(5px)}.notfound-btn-secondary{color:#fff;background:#18181b;border-bottom:5px solid #09090b}.notfound-btn-secondary:hover{background:#27272a}.notfound-btn-secondary:active{border-bottom-width:0;margin-bottom:5px;transform:translateY(5px)}.notfound-halls-section{flex-direction:column;gap:14px;display:flex}.notfound-halls-header{align-items:center;gap:8px;display:flex}.notfound-halls-tagline{letter-spacing:1.2px;color:#71717a;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}.notfound-halls-tagline i{color:#e11d48}.notfound-halls-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.notfound-hall-card{background:#fff;border:1.5px solid #e4e4e7;border-radius:18px;align-items:center;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.notfound-hall-card:hover{border-color:#e11d48;transform:translateY(-2px);box-shadow:0 8px 20px -6px #e11d481f}.notfound-hall-top{align-items:center;display:flex;position:relative}.notfound-hall-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:flex}.notfound-hall-seal{color:#fff;background:#e11d48;border-radius:4px;padding:1px 4px;font-family:Noto Sans SC,serif;font-size:.65rem;font-weight:900;line-height:1.2;position:absolute;top:-6px;right:-6px}.notfound-hall-info{flex:1;min-width:0;margin:0 12px}.notfound-hall-title{color:#18181b;margin:0 0 2px;font-size:.95rem;font-weight:800}.notfound-hall-desc,.notfound-hall-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notfound-hall-desc{color:#71717a;margin:0;font-size:.78rem}.notfound-hall-arrow{color:#d4d4d8;flex-shrink:0;font-size:.85rem;transition:color .15s,transform .15s}.notfound-hall-card:hover .notfound-hall-arrow{color:#e11d48;transform:translate(3px)}@media (max-width:640px){.notfound-hero-card{padding:32px 18px}.notfound-big-code{font-size:3.8rem}.notfound-tianzige-box{width:90px;height:90px}.notfound-hanzi{font-size:2.8rem}.notfound-mascot-img{width:90px;height:90px}.notfound-actions{flex-direction:column;width:100%}.notfound-btn-3d{width:100%}.notfound-halls-grid{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}