/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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}}}@layer theme{:root,:host{--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-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--tracking-widest:.1em;--radius-xl:.75rem;--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{*,:after,:before,::backdrop{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}html,:host{-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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.mx-auto{margin-inline:auto}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-full{height:100%}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.rounded-full{border-radius:2147483647px}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#4A4A2A\]{border-color:#4a4a2a}.border-\[\#4A4A2A\]\/10{border-color:oklab(40.0522% -.0155106 .0465592/.1)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.bg-\[\#4A4A2A\]{background-color:#4a4a2a}.bg-\[\#E8CD5C\]{background-color:#e8cd5c}.bg-\[\#FAF9F6\]{background-color:#faf9f6}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#4A4A2A\]{color:#4a4a2a}.text-\[\#8A7A3F\]{color:#8a7a3f}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.ring-\[\#E8CD5C\]{--tw-ring-color:#e8cd5c}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{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,)}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-\[\#4A4A2A\]:hover{border-color:#4a4a2a}.hover\:bg-\[\#4A4A2A\]:hover{background-color:#4a4a2a}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:text-\[\#4A4A2A\]:hover{color:#4a4a2a}.hover\:text-\[\#E8CD5C\]:hover{color:#e8cd5c}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[\#4A4A2A\]:focus{border-color:#4a4a2a}.focus\:ring-1:focus{--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)}.focus\:ring-\[\#4A4A2A\]:focus{--tw-ring-color:#4a4a2a}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=48rem){.md\:w-96{width:calc(var(--spacing) * 96)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{color:#29291f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--paper:#faf9f6;--ink:#29291f;--olive:#4a4a2a;--olive-deep:#35351e;--yellow:#e8cd5c;--muted:#77766c;--line:#e7e5dc;--white:#fff;--bg-primary:#faf9f6;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#8a8a7d;--border-color:#e8e6dd;--accent-olive:#4a4a2a;--accent-gold:#e8cd5c;background:#faf9f6;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#29291f;background:#e8cd5c}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f6f0;border-bottom:1px solid #4a4a2a17;height:78px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1440px;height:100%;margin:auto;padding:0 6.2%;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{object-fit:contain;border-radius:7px;width:32px;height:32px;display:block}.brand-period,.hero-period{color:#c8a92b}.nav-links{color:#656459;align-items:center;gap:clamp(20px,3vw,44px);font-size:12px;font-weight:600;display:flex}.nav-links a,.footer-links a{transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:#a1841b}.nav-actions{align-items:center;gap:20px;display:flex}.login-button{color:#555448;background:0 0;border:0;font-size:12px;font-weight:600}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:0 22px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button span{font-size:17px;line-height:1}.button-yellow{color:#29291f;background:var(--yellow)}.button-yellow:hover{background:#f0d96f}.button-olive{color:#fff;background:var(--olive)}.button-olive:hover{background:var(--olive-deep)}.button-outline{color:var(--olive);background:0 0;border-color:#cfcec1}.button-outline:hover{border-color:var(--olive);background:#f3f1e9}.nav-cta{gap:12px;min-height:40px;padding:0 17px}.mobile-menu{display:none}.section-wrap{max-width:1440px;margin:0 auto;padding-left:8.2%;padding-right:8.2%}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4%;min-height:650px;padding-top:58px;padding-bottom:92px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:14px 0 0;position:relative}.section-eyebrow{color:#777660;letter-spacing:1.9px;text-transform:uppercase;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.section-eyebrow>span{background:#c9ac37;width:20px;height:2px;display:inline-block}.hero h1,.section-heading h1,.section-heading h2,.method-copy h2,.sample-copy h2,.closing-section h2{letter-spacing:-3.8px;margin:26px 0 0;font-family:Manrope,sans-serif;font-weight:800;line-height:.99}.hero h1{max-width:660px;font-size:clamp(48px,5.7vw,78px)}.hero h1>span:first-child{color:var(--olive)}.hero-description{color:#77766c;max-width:470px;margin:24px 0 0;font-size:14px;line-height:1.9}.hero-stats{align-items:center;gap:20px;margin-top:28px;display:flex}.hero-stats>div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800}.hero-stats span{color:#858477;letter-spacing:1px;white-space:nowrap;font-size:8px;font-weight:800}.hero-stats i{background:#dcdacf;width:1px;height:34px}.hero-buttons{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.hero-footnote{color:#858477;align-items:center;gap:13px;margin-top:30px;font-size:10px;line-height:1.6;display:flex}.hero-footnote strong{color:#4c4b3f;font-weight:700}.avatar-stack{padding-left:3px;display:flex}.avatar-stack b{border:2px solid var(--paper);width:27px;height:27px;color:var(--olive);background:#e5dfc5;border-radius:50%;place-items:center;margin-left:-3px;font-family:Noto Sans SC,sans-serif;font-size:11px;display:grid}.avatar-stack b:nth-child(2){background:#d4c9a8}.avatar-stack b:nth-child(3){background:#b7b99b}.book-scene{perspective:1200px;isolation:isolate;justify-content:center;align-items:center;min-height:485px;display:flex;position:relative}.book-scene:before{content:"";z-index:-2;background:radial-gradient(circle,#e8cd5c30,#e8cd5c00 70%);border-radius:50%;width:390px;height:390px;position:absolute}.book-shadow{filter:blur(24px);background:#2f2c1a30;border-radius:50%;width:390px;height:58px;position:absolute;bottom:48px;transform:rotate(-9deg)}.book{width:294px;height:390px;transform-style:preserve-3d;filter:drop-shadow(19px 23px 14px #28251526);transition:transform .5s;position:relative;transform:rotateY(-19deg)rotate(-5deg)}.book:hover{transform:rotateY(-12deg)rotate(-2deg)translateY(-5px)}.book-pages{background:repeating-linear-gradient(0deg,#d5d0bd 0,#f7f2e3 2px,#e4dfd0 3px);border-right:2px solid #c2bca7;width:20px;height:374px;position:absolute;top:8px;right:-15px;transform:skewY(1deg)}.book-spine{color:#e8cd5c;writing-mode:vertical-rl;letter-spacing:2px;background:linear-gradient(90deg,#292b1b,#4a4a2a 70%,#646344);border-radius:2px 0 0 2px;flex-direction:column;justify-content:space-around;align-items:center;width:28px;height:390px;font-size:8px;display:flex;position:absolute;top:0;left:-25px;transform:skewY(-2deg)}.book-cover{color:#f8f3e4;background:linear-gradient(135deg,#57583a,#34351f 68%,#27291a);border:1px solid #ffffff2e;width:100%;height:100%;padding:24px 25px;position:relative;overflow:hidden;box-shadow:inset 4px 0 8px #ffffff12,inset -4px 0 8px #00000029}.book-cover:before{content:"";pointer-events:none;border:1px solid #e8cd5c4d;position:absolute;inset:9px}.cover-topline,.mini-cover-top{letter-spacing:1.6px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.cover-topline span:last-child{color:var(--yellow)}.cover-art{border-top:1px solid #e8cd5c4d;border-bottom:1px solid #e8cd5c4d;justify-content:center;align-items:center;gap:1px;height:148px;display:flex;position:absolute;top:75px;left:22px;right:22px}.cover-character{color:#e8cd5ceb;font-family:Noto Sans SC,serif;line-height:1}.character-one{font-size:94px;transform:rotate(-7deg)}.character-two{align-self:flex-start;margin-top:14px;font-size:64px}.character-three{align-self:flex-end;margin-bottom:12px;font-size:51px}.cover-bottom{flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:26px;left:25px;right:22px}.cover-kicker,.cover-small{letter-spacing:1.6px;color:#d6cfae;font-size:7px}.cover-bottom strong{letter-spacing:-1px;margin-top:11px;font-family:Manrope,sans-serif;font-size:24px;line-height:1.12}.cover-rule{background:var(--yellow);width:38px;height:2px;margin:12px 0 10px}.cover-seal{border:1px solid var(--yellow);width:25px;height:25px;color:var(--yellow);place-items:center;font-family:Noto Sans SC,sans-serif;font-size:14px;display:grid;position:absolute;top:30px;right:25px}.floating-note{background:#ffffffe0;border:1px solid #4a4a2a17;border-radius:5px;align-items:center;gap:10px;padding:13px 17px;display:flex;position:absolute;bottom:65px;right:-4px;box-shadow:0 12px 35px #27271b12}.note-dot{background:#8c9766;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #eef0e4}.floating-note>span:last-child{flex-direction:column;gap:4px;display:flex}.floating-note strong{font-size:10px}.floating-note small{color:#858477;font-size:9px}.hero-bottom-note{color:#969487;letter-spacing:1.3px;justify-content:space-between;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:25px;left:8.2%;right:8.2%}.trust-strip{color:#77766a;letter-spacing:1.5px;background:#f0eee5;justify-content:center;align-items:center;gap:29px;min-height:65px;font-size:8px;font-weight:800;display:flex}.trust-strip i{background:#bca448;border-radius:50%;width:4px;height:4px}.library-section{padding-top:100px;padding-bottom:103px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.section-heading h1,.section-heading h2,.method-copy h2,.sample-copy h2,.closing-section h2{letter-spacing:-2.7px;font-size:clamp(38px,4vw,54px);line-height:1.06}.section-heading h1 em,.section-heading h2 em,.method-copy h2 em,.sample-copy h2 em,.closing-section h2 em{color:#7c7a51;font-family:Georgia,serif;font-weight:400}.section-heading p,.method-copy>p,.sample-copy>p{color:#858477;max-width:460px;margin:15px 0 0;font-size:12px;line-height:1.9}.text-link{color:var(--olive);white-space:nowrap;border-bottom:1px solid #c9c6b7;align-items:center;gap:16px;padding-bottom:7px;font-size:11px;font-weight:700;transition:gap .2s;display:inline-flex}.text-link:hover{gap:22px}.text-link span{font-size:16px}.catalog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:36px 0 26px;padding-bottom:15px;display:flex}.level-tabs{flex-wrap:wrap;gap:5px;display:flex}.level-tab{color:#838173;background:0 0;border:1px solid #0000;border-radius:3px;padding:9px 12px;font-size:10px;font-weight:700;transition:all .2s}.level-tab:hover{color:var(--olive);background:#f0eee5}.level-tab.active{color:#fff;background:var(--olive)}.catalog-search,.dictionary-search{color:#7f7d6f;background:#fff;border:1px solid #e2dfd4;border-radius:4px;align-items:center;gap:9px;padding:0 11px;display:flex}.catalog-search{flex-shrink:0;width:205px;height:37px}.catalog-search>span,.dictionary-search>span{font-size:20px}.catalog-search input,.dictionary-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:10px}.catalog-search kbd{color:#a4a194;font-size:9px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.product-cover{aspect-ratio:1.22;cursor:pointer;border:0;place-items:center;width:100%;padding:28px;display:grid;position:relative;overflow:hidden}.cover-tone-0{background:#e7e5d7}.cover-tone-1{background:#e9e2d3}.cover-tone-2{background:#dfe2d4}.cover-tone-3{background:#e7e0d9}.cover-tone-4{background:#e7e5d7}.cover-tone-5{background:#dedfcf}.mini-cover{color:#f6f1df;text-align:left;background:linear-gradient(140deg,#56583a,#33351f);flex-direction:column;justify-content:space-between;width:49%;height:88%;padding:13px 12px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;transform:rotate(-3deg);box-shadow:8px 10px 15px #28271733}.product-cover:hover .mini-cover{transform:rotate(0)translateY(-4px);box-shadow:12px 16px 20px #28271738}.mini-cover:after{content:"";pointer-events:none;border:1px solid #e8cd5c4d;position:absolute;inset:5px}.mini-cover-top{letter-spacing:.7px;font-size:clamp(5px,.55vw,8px)}.mini-cover-top span:last-child{color:var(--yellow)}.mini-cover-symbol{text-align:center;color:var(--yellow);font-family:Noto Sans SC,serif;font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1}.mini-cover-bottom{letter-spacing:.5px;color:#d8d1ae;flex-direction:column;gap:5px;font-size:clamp(4px,.48vw,7px);display:flex}.mini-cover-bottom strong{color:#fff8df;letter-spacing:-.7px;font-family:Manrope,sans-serif;font-size:clamp(15px,2vw,25px)}.cover-preview-label{color:var(--olive);opacity:0;background:#fffc;border-radius:3px;padding:7px 9px;font-size:9px;font-weight:700;transition:all .2s;position:absolute;bottom:11px;right:11px;transform:translateY(4px)}.product-cover:hover .cover-preview-label,.product-cover:focus-visible .cover-preview-label{opacity:1;transform:translateY(0)}.product-meta{color:#999789;letter-spacing:.9px;justify-content:space-between;gap:8px;margin-top:18px;font-size:8px;font-weight:800;display:flex}.product-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;display:flex}.price{align-items:center;gap:8px;display:flex}.price strong{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:17px}.price del{color:#aaa797;font-size:10px}.round-arrow{width:34px;height:34px;color:var(--olive);background:0 0;border:1px solid #dedbce;border-radius:50%;place-items:center;font-size:16px;transition:all .2s;display:grid}.round-arrow:hover{border-color:var(--olive);color:#fff;background:var(--olive)}.empty-state{text-align:center;color:var(--muted);padding:60px 15px;font-size:13px}.library-footer,.dictionary-footer{border-top:1px solid var(--line);color:#999789;letter-spacing:1.3px;justify-content:space-between;gap:15px;margin-top:36px;padding-top:20px;font-size:8px;font-weight:800;display:flex}.library-footer b{color:#b5a04c;margin-left:6px;font-size:13px}.method-section{background:#eeede4}.method-layout{grid-template-columns:.85fr 1fr;align-items:center;gap:13%;padding-top:95px;padding-bottom:95px;display:grid}.method-copy h2{margin-top:24px}.method-copy>p{max-width:380px;margin-bottom:26px}.method-steps article{border-bottom:1px solid #d9d7ca;grid-template-columns:35px 1fr 45px;align-items:center;gap:18px;padding:23px 0;display:grid}.method-steps article:first-child{border-top:1px solid #d9d7ca}.step-number{color:#999789;font-size:10px;font-weight:800}.method-steps h3{letter-spacing:-.3px;margin:0;font-family:Manrope,sans-serif;font-size:15px}.method-steps p{color:#828173;margin:7px 0 0;font-size:10px;line-height:1.7}.step-symbol{width:42px;height:42px;color:var(--olive);border:1px solid #d5d3c4;place-items:center;font-family:Noto Sans SC,sans-serif;font-size:22px;display:grid}.dictionary-section{padding-top:98px;padding-bottom:100px}.dictionary-count{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.dictionary-count strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:30px}.dictionary-count span{color:#999789;letter-spacing:1px;font-size:8px;font-weight:800}.dictionary-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:32px;padding:13px 0;display:flex}.compact-tabs{flex-shrink:0}.compact-tabs .level-tab{padding:8px 10px}.dictionary-search{width:min(350px,42%);height:40px}.dictionary-search>button{color:#8c8a7c;white-space:nowrap;background:#f0eee6;border:0;border-radius:2px;padding:4px 6px;font-size:9px}.dictionary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.word-card{background:#fff;border:1px solid #e9e6dc;flex-direction:column;min-width:0;min-height:195px;padding:17px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.word-card:hover{border-color:#d2cba9;transform:translateY(-3px);box-shadow:0 10px 25px #2c2b1c0b}.word-card-top{color:#9a9889;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;display:flex}.sound-button{color:#747751;background:0 0;border:1px solid #e6e4db;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.sound-button:hover{background:var(--olive);color:#fff;border-color:var(--olive)}.word-character{color:#303120;margin-top:9px;font-family:Noto Sans SC,sans-serif;font-size:39px;line-height:1.2}.word-pinyin{color:#6281b3;margin-top:5px;font-size:11px;font-weight:700}.word-english{color:#5f5e52;text-transform:capitalize;margin-top:7px;font-size:11px}.word-share{color:#9a9889;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:13px 0 0;font-size:9px;transition:color .2s}.word-share:hover{color:var(--olive)}.dictionary-loading{text-align:center;padding:70px 10px}.dictionary-loading h3{font-family:Manrope,sans-serif;font-size:17px}.dictionary-loading p{color:var(--muted);font-size:11px}.loading-orbit{border:2px solid #dedbce;border-top-color:var(--olive);border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sample-section{background:#e9e5d8;overflow:hidden}.sample-layout{grid-template-columns:1fr .9fr;align-items:center;gap:13%;padding-top:90px;padding-bottom:90px;display:grid}.sample-art{place-items:center;min-height:400px;display:grid;position:relative}.sample-paper{background:#faf9f4;flex-direction:column;width:260px;min-height:340px;padding:24px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:14px 20px 35px #2a271621}.sample-paper>span:first-child{color:#7d7b64;letter-spacing:1.2px;font-size:8px;font-weight:800}.sample-big-char{color:var(--olive);margin-top:14px;font-family:Noto Sans SC,sans-serif;font-size:95px;line-height:1.15}.sample-paper>strong{letter-spacing:-1.1px;font-family:Manrope,sans-serif;font-size:27px;line-height:1.12}.sample-paper-line{background:var(--yellow);width:43px;height:3px;margin-top:17px}.sample-paper>p{color:#77766c;font-size:10px}.sample-page-number{color:#8b897a;letter-spacing:1px;border-top:1px solid #e5e2d7;margin-top:auto;padding-top:12px;font-size:8px}.sample-stamp{width:74px;height:74px;color:var(--olive);text-align:center;border:1px solid #a5a27b;border-radius:50%;place-items:center;font-size:12px;font-weight:800;line-height:1.2;display:grid;position:absolute;top:40px;right:9%;transform:rotate(12deg)}.sample-copy h2{margin-top:23px}.sample-copy>p{max-width:400px;margin-bottom:24px}.sample-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.sample-form label,.checkout-form label{color:#646354;flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}.sample-form input,.checkout-form input{width:100%;height:44px;color:var(--ink);background:#ffffffbf;border:1px solid #d7d3c5;border-radius:3px;outline:none;padding:0 13px;font-size:11px}.sample-form input:focus,.checkout-form input:focus{border-color:#8c8c60}.full-width{width:100%}.sample-form small{color:#8c8978;text-align:center;font-size:9px}.form-message{color:#555234;background:#f6f1d9;border-radius:3px;margin:0;padding:10px 12px;font-size:11px;line-height:1.6}.closing-section{text-align:center;padding-top:93px;padding-bottom:95px}.closing-section .section-eyebrow{justify-content:center}.closing-section h2{margin:23px auto 27px;font-size:clamp(42px,5vw,65px)}.closing-section .button{margin:0 auto}.site-footer{border-top:1px solid var(--line);background:#f3f1e9;padding:36px 8.2% 0}.footer-main{justify-content:space-between;align-items:center;gap:25px;max-width:1220px;margin:0 auto;padding-bottom:32px;display:flex}.footer-main>p{color:#858477;font-size:10px}.footer-links{color:#77766a;flex-wrap:wrap;gap:20px;font-size:10px;display:flex}.footer-bottom{color:#9a9889;letter-spacing:.4px;border-top:1px solid #e2dfd4;justify-content:space-between;gap:15px;max-width:1220px;margin:0 auto;padding:17px 0;font-size:8px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191912c7;place-items:center;padding:24px;animation:.18s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.preview-modal,.checkout-modal{background:var(--paper);width:min(850px,100%);max-height:calc(100vh - 48px);animation:.25s both modal-in;overflow-y:auto;box-shadow:0 25px 100px #00000040}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 24px;display:flex}.modal-label{color:#8d8a78;letter-spacing:1.4px;font-size:9px;font-weight:800}.modal-close{width:34px;height:34px;color:var(--ink);background:0 0;border:1px solid #e1ded3;border-radius:50%;font-size:23px;line-height:1}.preview-content{grid-template-columns:.8fr 1fr;gap:36px;padding:32px;display:grid}.preview-book-mini{color:#f6f1df;background:linear-gradient(140deg,#57583a,#34351f);flex-direction:column;justify-content:space-between;min-height:390px;padding:24px;display:flex;box-shadow:10px 14px 30px #28271729}.preview-book-mini>span,.preview-book-mini>small{letter-spacing:1.3px;font-size:8px;font-weight:700}.preview-book-mini>strong{color:var(--yellow);font-family:Noto Sans SC,sans-serif;font-size:70px;line-height:1.1}.preview-copy{padding:8px 0}.product-level{color:#8e8b78;letter-spacing:1.2px;font-size:9px;font-weight:800}.preview-copy h2,.checkout-modal h2{letter-spacing:-1px;margin:12px 0;font-family:Manrope,sans-serif;font-size:29px;line-height:1.1}.preview-copy>p,.checkout-intro{color:#7c7a6c;font-size:11px;line-height:1.8}.preview-feature{color:#59584b;align-items:center;gap:10px;margin-top:15px;font-size:10px;display:flex}.preview-feature>span{color:#78835a;font-weight:800}.preview-locked{background:#eeece2;align-items:center;gap:12px;margin:24px 0 18px;padding:14px;display:flex}.preview-locked>span{font-size:20px}.preview-locked>div{flex-direction:column;gap:5px;display:flex}.preview-locked strong{font-size:10px}.preview-locked small{color:#858477;font-size:9px;line-height:1.6}.modal-note{color:#989585!important;font-size:9px!important}.checkout-modal{width:min(440px,100%);padding-bottom:24px}.checkout-modal>h2,.checkout-product-row,.checkout-summary,.checkout-form,.checkout-disclaimer,.checkout-modal>.form-message{margin-left:24px;margin-right:24px}.checkout-modal>h2{margin-top:27px;font-size:28px}.checkout-product-row{align-items:center;gap:14px;display:flex}.checkout-product-row .checkout-intro{margin:0}.checkout-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:60px;box-shadow:0 2px 8px #4a4a2a2e}.checkout-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#77766c;justify-content:space-between;gap:15px;padding:16px 0;font-size:11px;display:flex}.checkout-summary strong{color:var(--ink);font-size:15px}.checkout-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.checkout-disclaimer{color:#9a6b2b;font-size:9px;line-height:1.7}.checkout-modal>.form-message{margin-top:15px}button:disabled{cursor:wait;opacity:.65}@media (width>=1500px){.hero{min-height:730px}.hero h1{font-size:82px}.book{transform:scale(1.07)rotateY(-19deg)rotate(-5deg)}}@media (width<=1050px){.nav-inner{gap:15px;padding:0 4%}.nav-links{gap:18px}.section-wrap{padding-left:6%;padding-right:6%}.hero{gap:1%}.hero h1{letter-spacing:-3px;font-size:clamp(47px,6vw,65px)}.book{transform:scale(.87)rotateY(-19deg)rotate(-5deg)}.book-scene{min-height:430px}.floating-note{bottom:45px;right:-12px}.hero-bottom-note{left:6%;right:6%}.method-layout,.sample-layout{gap:7%}.product-grid{gap:28px 17px}.site-footer{padding-left:6%;padding-right:6%}}@media (width<=760px){.site-header{height:66px}.nav-inner{gap:12px;padding:0 20px}.brand{font-size:19px}.brand-mark{width:29px;height:29px}.mobile-menu{border:1px solid var(--line);width:35px;height:35px;color:var(--olive);background:0 0;border-radius:4px;place-items:center;margin-left:auto;font-size:18px;display:grid}.nav-links{border-bottom:1px solid var(--line);background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 17px;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 12px 22px #1e1e140f}.nav-links.nav-open{display:flex}.nav-links a{border-bottom:1px solid #efede5;padding:13px 4px}.nav-actions{gap:8px}.login-button{display:none}.nav-cta{gap:7px;min-height:35px;padding:0 11px;font-size:10px}.section-wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:4px;min-height:0;padding-top:55px;padding-bottom:73px}.hero-copy{padding-top:0}.hero h1{letter-spacing:-3px;margin-top:21px;font-size:clamp(48px,11.5vw,72px)}.hero-description{max-width:520px;font-size:13px}.hero-stats{gap:14px}.hero-stats strong{font-size:20px}.hero-stats span{letter-spacing:.7px;font-size:7px}.hero-buttons{gap:9px}.button{gap:15px;min-height:45px;padding:0 16px}.book-scene{min-height:415px;margin-top:15px}.book{transform:scale(.83)rotateY(-19deg)rotate(-5deg)}.book:hover{transform:scale(.83)rotateY(-12deg)rotate(-2deg)translateY(-5px)}.book-shadow{width:290px;bottom:32px}.floating-note{bottom:38px;right:0}.hero-bottom-note{letter-spacing:.7px;font-size:7px;bottom:19px;left:22px;right:22px}.hero-bottom-note span:nth-child(2){display:none}.trust-strip{letter-spacing:.7px;text-align:center;gap:12px;min-height:59px;padding:0 15px;font-size:7px}.trust-strip span:last-child{display:none}.library-section,.dictionary-section{padding-top:68px;padding-bottom:70px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading h1,.section-heading h2,.method-copy h2,.sample-copy h2{letter-spacing:-2.5px;margin-top:21px;font-size:44px}.section-heading p{font-size:11px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-top:27px}.level-tabs{gap:4px}.level-tab{padding:8px 9px;font-size:9px}.catalog-search{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.product-cover{aspect-ratio:.9;padding:17px}.mini-cover{width:70%;height:90%;padding:10px 8px}.mini-cover-symbol{font-size:clamp(40px,12vw,70px)}.mini-cover-top{letter-spacing:.4px;font-size:5px}.mini-cover-bottom{gap:4px;font-size:4px}.mini-cover-bottom strong{font-size:clamp(14px,4vw,22px)}.cover-preview-label{opacity:1;padding:5px 6px;font-size:7px;bottom:5px;right:5px;transform:none}.product-meta{flex-direction:column;gap:5px;font-size:7px}.price strong{font-size:15px}.price del{font-size:9px}.round-arrow{flex-shrink:0;width:30px;height:30px}.library-footer,.dictionary-footer{letter-spacing:.6px;font-size:7px}.method-layout{grid-template-columns:1fr;gap:38px;padding-top:68px;padding-bottom:70px}.method-copy>p{max-width:500px}.method-steps article{grid-template-columns:27px 1fr 38px;gap:12px}.step-symbol{width:36px;height:36px}.dictionary-count{align-items:flex-start}.dictionary-count strong{font-size:25px}.dictionary-toolbar{flex-direction:column;align-items:stretch;gap:13px}.compact-tabs{justify-content:space-between}.compact-tabs .level-tab{padding:8px}.dictionary-search{width:100%}.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.word-card{min-height:180px;padding:13px}.word-character{font-size:36px}.word-english{line-height:1.4}.sample-layout{grid-template-columns:1fr;gap:15px;padding-top:65px;padding-bottom:65px}.sample-art{min-height:355px}.sample-paper{width:235px;min-height:315px}.sample-stamp{right:8%}.sample-form{max-width:none}.closing-section{padding-top:70px;padding-bottom:75px}.closing-section h2{letter-spacing:-2.6px;font-size:43px}.site-footer{padding:30px 22px 0}.footer-main{flex-direction:column;align-items:flex-start;gap:14px}.footer-main>p{margin:0}.footer-links{gap:15px}.footer-bottom{font-size:7px;line-height:1.6}.preview-content{grid-template-columns:1fr;gap:23px;padding:20px}.preview-book-mini{min-height:220px;padding:18px}.preview-book-mini>strong{font-size:49px}.preview-copy h2{font-size:25px}.modal-backdrop{padding:12px}.preview-modal,.checkout-modal{max-height:calc(100vh - 24px)}}@media (width<=390px){.nav-inner{padding:0 13px}.nav-cta{padding:0 9px;font-size:9px}.brand{gap:7px;font-size:17px}.hero h1{font-size:46px}.hero-stats{gap:9px}.hero-stats strong{font-size:18px}.hero-stats span{font-size:6px}.hero-buttons .button{gap:9px;padding:0 12px;font-size:10px}.product-grid{gap:25px 10px}.product-cover{padding:12px}.compact-tabs .level-tab{padding:7px 6px;font-size:8px}.word-card{padding:10px}.word-character{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.learn-section{border-top:1px solid #4a4a2a14;padding-top:80px;padding-bottom:80px}.learn-heading h2{letter-spacing:-.02em;color:#2a2a1b;margin:18px 0 28px;font-family:Manrope,sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:800}.learn-toolbar{flex-direction:column;gap:14px;display:flex}.learn-tabs{background:#fff;border:1px solid #4a4a2a1f;border-radius:999px;gap:6px;width:fit-content;padding:6px;display:inline-flex}.learn-tab{color:#666;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.learn-tab.active{color:#fff;background:#4a4a2a}.learn-tab:not(.active):hover{color:#4a4a2a}.learn-levels{flex-wrap:wrap;gap:6px;display:flex}.learn-pane{margin-top:28px}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.learn-card{background:#fff;border:1px solid #4a4a2a1a;border-radius:14px;flex-direction:column;gap:8px;padding:22px;transition:box-shadow .2s,transform .2s;display:flex}.learn-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4a4a2a14}.learn-card-locked{background:#faf9f6;border-color:#4a4a2a1f}.learn-card-tag{letter-spacing:.12em;text-transform:uppercase;color:#4a4a2a;background:#e8cd5c;border-radius:999px;width:fit-content;padding:4px 10px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;display:inline-block}.learn-card h3{letter-spacing:-.01em;color:#2a2a1b;margin:4px 0 2px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.learn-card-teaser,.learn-card-meta{color:#6b6a5d;margin:0;font-size:13px;line-height:1.55}.learn-card-meta{color:#908f83;font-size:12px}.learn-card-actions{margin-top:auto;padding-top:14px;display:flex}.premium-lock-btn{color:#4a4a2a;cursor:pointer;background:0 0;border:1px solid #4a4a2a;border-radius:999px;padding:10px 16px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;transition:all .18s}.premium-lock-btn:hover{color:#fff;background:#4a4a2a}.product-try{color:#4a4a2a;cursor:pointer;background:0 0;border:1px solid #4a4a2a33;border-radius:999px;padding:6px 12px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;transition:all .18s}.product-try:hover{background:#4a4a2a0f;border-color:#4a4a2a}.premium-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#1e1e148c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-modal{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:420px;padding:36px;box-shadow:0 30px 80px #00000040}.premium-lock{margin-bottom:10px;font-size:44px}.premium-modal h3{color:#2a2a1b;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.premium-modal p{color:#666;margin:0 0 22px;font-size:15px;line-height:1.55}.premium-actions{flex-direction:column;gap:10px;display:flex}.premium-cancel{color:#888;cursor:pointer;background:0 0;border:0;font-family:Manrope,sans-serif;font-size:13px}.premium-cancel:hover{color:#4a4a2a}.reader-page{z-index:900;background:#faf9f6;animation:.25s readerFade;position:fixed;inset:0;overflow-y:auto}@keyframes readerFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reader-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f6eb;border-bottom:1px solid #4a4a2a14;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:16px 6.2%;display:flex;position:sticky;top:0}.reader-back{color:#4a4a2a;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-6px -10px;padding:6px 10px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;transition:background .15s}.reader-back:hover{background:#4a4a2a0f}.reader-toggle{color:#4a4a2a;cursor:pointer;background:#fff;border:1px solid #4a4a2a33;border-radius:999px;padding:10px 18px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;transition:all .18s}.reader-toggle:hover{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.reader-hero{grid-template-columns:1fr auto;align-items:start;gap:40px;max-width:900px;margin:0 auto;padding:60px 6.2% 40px;display:grid}.reader-hero-copy{flex-direction:column;gap:16px;display:flex}.reader-tags{flex-wrap:wrap;gap:8px;display:flex}.reader-tags span{letter-spacing:.15em;text-transform:uppercase;color:#4a4a2a;background:#e8cd5c;border-radius:999px;padding:6px 14px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.reader-hero-en{letter-spacing:-.02em;color:#2a2a1b;margin:0;font-family:Manrope,sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.15}.reader-hero-zh{color:#1a1a10;margin:0;font-family:Noto Sans SC,PingFang SC,serif;font-size:clamp(22px,2.6vw,32px);font-weight:400}.reader-hero-art{background:linear-gradient(135deg,#4a4a2a 0%,#35351e 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:160px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #4a4a2a40}.reader-hero-art:before{content:"";border:1px solid #e8cd5c59;border-radius:8px;position:absolute;inset:6px}.reader-hero-art span{color:#e8cd5c;z-index:1;font-family:Noto Sans SC,serif;font-size:38px;position:relative}.reader-card-big{max-width:900px;margin:0 auto;padding:0 6.2% 100px}.reader-card-big>.reader-body{background:#fff;border:1px solid #4a4a2a14;border-radius:20px;padding:48px 56px;box-shadow:0 4px 28px #4a4a2a0f}.reader-body{flex-direction:column;gap:28px;display:flex}.reader-line{border-bottom:1px dashed #4a4a2a1f;margin:0;padding:20px 0}.reader-line:last-child{border-bottom:0}.reader-zh-line{color:#1a1a10;letter-spacing:0;flex-wrap:wrap;align-items:flex-end;gap:2px 6px;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,serif;font-size:20px;font-weight:400;line-height:1.9;display:flex}.reader-zh-line ruby{vertical-align:baseline;flex-direction:column;align-items:center;margin:0;display:inline-flex}.reader-zh-line rt{color:#8a7a3f;letter-spacing:.02em;padding-bottom:1px;font-family:Manrope,PingFang SC,sans-serif;font-size:11px;font-weight:500;line-height:1.1}.reader-en{color:#8a8a7d;margin:0;padding-top:12px;font-size:13px;font-style:italic;line-height:1.5;display:block}.reader-ruby{vertical-align:top;margin:0 1px;display:inline-block}.reader-zh-rb,.reader-zh{color:#1a1a10;font-family:Noto Sans SC,PingFang SC,serif;font-size:20px;font-weight:400;line-height:1.8}.reader-py{color:#8a7a3f;letter-spacing:.02em;font-family:Manrope,sans-serif;font-size:12px}.reader-banner{border-radius:0;width:100%;max-width:900px;height:200px;margin:0 auto;position:relative;overflow:hidden}.reader-banner-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:0 6.2%;display:flex;position:absolute;inset:0}.reader-banner-level{color:#fffffff2;letter-spacing:-.02em;text-shadow:0 2px 12px #0000004d;font-family:Manrope,sans-serif;font-size:44px;font-weight:800}.reader-banner-line{color:#ffffffd9;letter-spacing:.2em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:12px;font-weight:600}.reader-banner-hsk-1{background:linear-gradient(135deg,#f59e0b 0%,#d97706 60%,#92400e 100%)}.reader-banner-hsk-2{background:linear-gradient(135deg,#10b981 0%,#059669 60%,#064e3b 100%)}.reader-banner-hsk-3{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 60%,#1e3a8a 100%)}.reader-banner-hsk-4{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 60%,#4c1d95 100%)}.reader-banner-hsk-5{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#7f1d1d 100%)}.reader-banner-hsk-6{background:linear-gradient(135deg,#111827 0%,#1f2937 50%,#000 100%)}.reader-audio-bar{background:#2a2a2a;border-radius:16px;align-items:center;gap:16px;margin-top:20px;padding:16px 20px;display:flex}.reader-play{color:#fff;cursor:pointer;background:#22c55e;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .18s,background .18s;display:flex}.reader-play:hover{background:#16a34a;transform:scale(1.05)}.reader-play svg{margin-left:2px;display:block}.reader-progress-wrap{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.reader-progress-track{cursor:pointer;background:#ffffff26;border-radius:4px;width:100%;height:4px;overflow:hidden}.reader-progress-fill{background:#22c55e;border-radius:4px;height:100%;transition:width .15s linear}.reader-progress-label{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:11px}.reader-rate{color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;flex-shrink:0;padding:8px 14px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;transition:all .18s}.reader-rate:hover{background:#ffffff1a;border-color:#ffffff80}@media (width<=720px){.reader-hero{gap:20px;padding:28px 6.2% 20px}.reader-banner{height:140px}.reader-banner-level{font-size:28px}.reader-card-big>.reader-body{border-radius:16px;padding:24px 16px}.reader-zh-line{gap:1px 4px;font-size:18px;line-height:1.8}.reader-zh-line rt{font-size:10px}.reader-audio-bar{gap:10px;padding:12px 14px}.reader-play{width:40px;height:40px}}.articles-section{background:#faf9f6}.articles-section .section-head{max-width:620px;margin-bottom:32px}.articles-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.articles-counter{color:#6b6b5a;letter-spacing:.02em;font-family:Manrope,sans-serif;font-size:13px;font-weight:600}.articles-counter strong{color:#4a4a2a}.articles-pills{flex-wrap:wrap;gap:8px;display:flex}.articles-pill{color:#4a4a2a;cursor:pointer;letter-spacing:.01em;background:#fff;border:1px solid #4a4a2a26;border-radius:999px;padding:8px 14px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;transition:all .18s}.articles-pill:hover{background:#4a4a2a0a;border-color:#4a4a2a66}.articles-pill.active{color:#e8cd5c;background:#4a4a2a;border-color:#4a4a2a}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.articles-grid{grid-template-columns:1fr}}.article-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #4a4a2a14;border-radius:14px;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.article-card:hover{border-color:#4a4a2a33;transform:translateY(-4px);box-shadow:0 20px 50px #4a4a2a1f}.article-cover{align-items:flex-end;height:150px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.article-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#00000059 100%);position:absolute;inset:0}.article-cover-label{color:#ffffffe6;z-index:1;letter-spacing:-.01em;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;position:relative}.article-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.article-cat{letter-spacing:.15em;text-transform:uppercase;color:#fff;border-radius:999px;align-self:flex-start;padding:4px 10px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.article-title{color:#2a2a1b;letter-spacing:-.01em;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.35}.article-desc{color:#6b6b5a;margin:0;font-family:Source Serif Pro,Georgia,serif;font-size:14px;font-style:italic;line-height:1.55}.article-meta{color:#9a9a8a;letter-spacing:.03em;gap:6px;margin-top:auto;padding-top:10px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;display:flex}.article-reader .reader-topbar-cat{letter-spacing:.18em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.article-hero{padding-top:32px!important}.article-title-en{letter-spacing:-.02em!important;font-family:Manrope,sans-serif!important;font-size:clamp(24px,2.8vw,34px)!important;line-height:1.2!important}.article-meta-row{color:#8a8a7d;letter-spacing:.04em;gap:6px;margin-top:6px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;display:flex}.article-body{gap:0!important}.article-section{border-bottom:1px dashed #4a4a2a1f;padding:28px 0}.article-section:first-child{padding-top:0}.article-section:last-child{border-bottom:0;padding-bottom:0}.article-h{color:#2a2a1b;letter-spacing:-.01em;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;line-height:1.3}.article-p{color:#2a2a20;margin:0;font-family:Source Serif Pro,Georgia,Times New Roman,serif;font-size:16.5px;line-height:1.8}.article-cta{background:#4a4a2a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:28px 32px;display:flex}.article-cta-copy{color:#fff;flex-direction:column;flex:1;gap:6px;min-width:220px;display:flex}.article-cta-copy h3{color:#e8cd5c;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.article-cta-copy p{color:#ffffffb3;margin:0;font-family:Source Serif Pro,Georgia,serif;font-size:14px;line-height:1.55}.article-cta-btn{flex-shrink:0}@media (width<=600px){.article-cta{padding:22px 24px}.article-section{padding:22px 0}.article-h,.article-p{font-size:15px}}.admin-login{background:#faf9f6;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-card{background:#fff;border:1px solid #4a4a2a14;border-radius:20px;flex-direction:column;gap:28px;width:100%;max-width:420px;padding:48px 40px;display:flex;box-shadow:0 30px 80px #4a4a2a26}.admin-login-logo{align-items:center;gap:16px;display:flex}.admin-login-logo h1{color:#2a2a1b;margin:0 0 4px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.admin-login-logo p{color:#8a8a7d;margin:0;font-size:13px}.admin-logo-box{object-fit:contain;border-radius:14px;flex-shrink:0;width:52px;height:52px;display:block}.admin-login-form{flex-direction:column;gap:12px;display:flex}.admin-login-form input{background:#faf9f6;border:1px solid #4a4a2a26;border-radius:10px;outline:none;padding:14px 18px;font-family:inherit;font-size:15px}.admin-login-form input:focus{background:#fff;border-color:#4a4a2a}.admin-login-form button{color:#e8cd5c;cursor:pointer;background:#4a4a2a;border:0;border-radius:10px;padding:14px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;transition:background .18s}.admin-login-form button:hover{background:#35351e}.admin-hint{color:#8a8a7d;text-align:center;margin:0;font-size:12px}.admin-hint code{background:#f4f2ea;border-radius:4px;padding:2px 6px;font-size:12px}.admin-shell{z-index:9999;background:#f7f6f0;grid-template-columns:240px 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.admin-sidebar{color:#fffc;background:#2a2a1b;flex-direction:column;gap:24px;padding:24px 20px;display:flex}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand-name{color:#e8cd5c;letter-spacing:.02em;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.admin-brand-sub{color:#fff6;letter-spacing:.04em;font-size:11px}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-nav-item.active{color:#e8cd5c;background:#4a4a2a}.admin-nav-count{background:#ffffff1a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.admin-sidebar-foot{margin-top:auto}.admin-logout{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:10px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600}.admin-logout:hover{color:#fff;border-color:#ffffff4d}.admin-main{padding:32px 40px;overflow-y:auto}.admin-topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.admin-page-title{color:#2a2a1b;letter-spacing:-.01em;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800}.admin-page-sub{color:#8a8a7d;margin:0;font-size:14px}.admin-create-btn{color:#e8cd5c;cursor:pointer;white-space:nowrap;background:#4a4a2a;border:0;border-radius:10px;padding:11px 20px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;transition:background .18s}.admin-create-btn:hover{background:#35351e}.admin-content{background:#fff;border:1px solid #4a4a2a14;border-radius:14px;overflow:hidden}.admin-table{width:100%}.admin-table-head,.admin-table-row{grid-template-columns:1.5fr 120px 100px 140px 140px;align-items:center;gap:16px;padding:14px 20px;display:grid}.admin-table-head{letter-spacing:.1em;text-transform:uppercase;color:#6b6b5a;background:#f4f2ea;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.admin-table-row{border-bottom:1px solid #4a4a2a0f}.admin-table-row:last-child{border-bottom:0}.admin-table-title{color:#2a2a1b;margin-bottom:2px;font-weight:700}.admin-table-id{color:#8a8a7d;font-family:monospace;font-size:11px}.admin-badge{color:#4a4a2a;letter-spacing:.03em;background:#e8cd5c;border-radius:999px;padding:3px 10px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.admin-row-actions{gap:8px;display:flex}.admin-row-actions button{color:#4a4a2a;cursor:pointer;background:#fff;border:1px solid #4a4a2a26;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.admin-row-actions button:hover{background:#f4f2ea}.admin-row-actions button.danger{color:#b91c1c;border-color:#b91c1c33}.admin-row-actions button.danger:hover{background:#fef2f2}.admin-empty{text-align:center;color:#8a8a7d;padding:40px;font-size:14px}.admin-settings-card{padding:32px}.admin-settings-card h3{color:#2a2a1b;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.admin-settings-card p{color:#8a8a7d;margin:0 0 20px;font-size:14px}.admin-settings-row{border-bottom:1px dashed #4a4a2a1a;gap:20px;padding:12px 0;display:flex}.admin-settings-row:last-child{border-bottom:0}.admin-settings-row label{color:#6b6b5a;flex-shrink:0;width:140px;font-size:13px;font-weight:600}.admin-settings-val{color:#4a4a2a;word-break:break-all;background:#f4f2ea;border-radius:4px;padding:2px 10px;font-size:12px}.admin-modal{z-index:10000;background:#1e1e1499;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal-inner{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;box-shadow:0 40px 100px #00000040}.admin-modal-head{border-bottom:1px solid #4a4a2a14;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.admin-modal-head h3{color:#2a2a1b;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.admin-modal-head button{cursor:pointer;color:#8a8a7d;background:0 0;border:0;font-size:18px}.admin-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.admin-modal-foot{border-top:1px solid #4a4a2a14;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}.admin-cancel-btn{color:#4a4a2a;cursor:pointer;background:#fff;border:1px solid #4a4a2a26;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.admin-save-btn{color:#e8cd5c;cursor:pointer;background:#4a4a2a;border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.admin-form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.admin-form-row label{color:#6b6b5a;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.admin-form-row input,.admin-form-row select,.admin-form-row textarea{resize:vertical;background:#faf9f6;border:1px solid #4a4a2a1f;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.admin-form-row input:focus,.admin-form-row select:focus,.admin-form-row textarea:focus{background:#fff;border-color:#4a4a2a}.admin-check{text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.admin-upload{background:#faf9f6;border:2px dashed #4a4a2a26;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.admin-upload input[type=file]{font-size:12px}.admin-upload-url{color:#4a4a2a;background:#fff;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:11px}.admin-form-section{color:#4a4a2a;letter-spacing:.04em;text-transform:uppercase;margin:18px 0 10px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700}.admin-form-table{border:1px solid #4a4a2a14;border-radius:8px;overflow:hidden}.admin-form-table-head{color:#6b6b5a;letter-spacing:.04em;text-transform:uppercase;background:#f4f2ea;grid-template-columns:1.2fr 1fr 1fr 40px;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:grid}.admin-form-table-row{border-top:1px solid #4a4a2a0f;grid-template-columns:1.2fr 1fr 1fr 40px;align-items:center;gap:8px;padding:8px 14px;display:grid}.admin-form-table-row input{border:1px solid #4a4a2a1a;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.admin-form-table-row .danger-sm{color:#b91c1c;cursor:pointer;background:0 0;border:0;font-size:14px}.admin-add-line{color:#4a4a2a;cursor:pointer;background:0 0;border:1px dashed #4a4a2a40;border-radius:6px;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:600}.admin-add-line:hover{background:#f4f2ea}.admin-form-section-item{background:#faf9f6;border:1px solid #4a4a2a14;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:10px;padding:14px;display:flex}.admin-form-section-h{background:#fff;border:1px solid #4a4a2a1a;border-radius:6px;padding:8px 12px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.admin-form-section-p{resize:vertical;background:#fff;border:1px solid #4a4a2a1a;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px}@media (width<=800px){.admin-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.admin-sidebar{flex-direction:row;gap:14px;padding:14px;overflow-x:auto}.admin-nav{flex-direction:row;gap:4px}.admin-sidebar-foot{display:none}.admin-main{padding:20px}.admin-table-head,.admin-table-row{grid-template-columns:1fr 80px 80px;gap:8px;font-size:12px}.admin-table-head span:nth-child(4),.admin-table-head span:nth-child(5),.admin-table-row>:nth-child(4),.admin-table-row>:nth-child(5){display:none}}.toast{z-index:9999;color:#fff;border-radius:12px;align-items:center;gap:12px;max-width:360px;padding:14px 18px;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;animation:.25s ease-out toastIn,.3s ease-in 2.5s forwards toastOut;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 8px 30px #00000040}.toast-success{background:linear-gradient(135deg,#2f855a,#276749)}.toast-error{background:linear-gradient(135deg,#c53030,#9b2c2c)}.toast-info{background:linear-gradient(135deg,#2b6cb0,#2c5282)}.toast-icon{font-size:18px;font-weight:700}.toast-msg{line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(30px)}}.pricing-section{padding:90px 0}.pricing-head{text-align:center;margin-bottom:52px}.pricing-head h2{color:#4a4a2a;letter-spacing:-.02em;margin:14px 0 10px;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900}.pricing-head p{color:#656459;margin:0;font-size:16px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.pricing-card{background:#fff;border:1.5px solid #4a4a2a1f;border-radius:20px;flex-direction:column;padding:28px 26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #4a4a2a1a}.pricing-card-highlight{background:linear-gradient(#fffbf0 0%,#fff 40%);border:2.5px solid #e8cd5c;box-shadow:0 10px 30px #e8cd5c40}.pricing-badge{color:#4a4a2a;letter-spacing:.08em;text-transform:uppercase;background:#e8cd5c;padding:4px 38px;font-size:11px;font-weight:800;position:absolute;top:16px;right:-30px;transform:rotate(35deg)}.pricing-card-head h3{color:#4a4a2a;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.pricing-card-head p{color:#656459;margin:0;font-size:13px;line-height:1.5}.pricing-price{align-items:baseline;gap:4px;margin:22px 0 18px;display:flex}.pricing-price strong{color:#4a4a2a;letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:44px;font-weight:900;line-height:1}.pricing-card-highlight .pricing-price strong{color:#8a7a3f}.pricing-price span{color:#8a8a7d;font-size:14px;font-weight:600}.pricing-features{flex-direction:column;flex-grow:1;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.pricing-features li{color:#4a4a3f;align-items:flex-start;gap:10px;font-size:14px;display:flex}.pricing-features span{color:#e8cd5c;flex-shrink:0;font-weight:700}.pricing-cta{color:#4a4a2a;cursor:pointer;background:#faf9f6;border:1.5px solid #4a4a2a;border-radius:12px;padding:13px 18px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.pricing-cta:hover{color:#faf9f6;background:#4a4a2a}.pricing-cta-highlight{color:#e8cd5c;background:#4a4a2a;border-color:#4a4a2a}.pricing-cta-highlight:hover{color:#e8cd5c;background:#2a2a1b;border-color:#2a2a1b}.pricing-guarantee{color:#8a8a7d;letter-spacing:.04em;text-transform:uppercase;justify-content:center;gap:36px;margin-top:40px;font-size:12px;font-weight:600;display:flex}@media (width<=1000px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pricing-grid{grid-template-columns:1fr}.pricing-guarantee{flex-direction:column;align-items:center;gap:12px}}.admin-paste-block{background:#faf9f6;border:1px dashed #4a4a2a40;border-radius:12px;margin-bottom:8px;padding:16px}.admin-paste-textarea{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #4a4a2a26;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.admin-paste-textarea:focus{border-color:#8a7a3f;box-shadow:0 0 0 3px #8a7a3f1f}.admin-paste-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.admin-parse-btn{color:#e8cd5c;cursor:pointer;background:#4a4a2a;border:0;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s}.admin-parse-btn:hover{background:#2a2a1b}.admin-paste-hint{color:#8a8a7d;font-size:12px}.admin-password-edit{border-top:1px solid #4a4a2a14;padding-top:18px}.admin-password-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-password-input-row input{border:1px solid #4a4a2a33;border-radius:8px;outline:none;flex:1;min-width:180px;padding:10px 14px;font-family:inherit;font-size:14px}.admin-password-input-row input:focus{border-color:#8a7a3f;box-shadow:0 0 0 3px #8a7a3f26}.admin-password-input-row .admin-save-btn{color:#e8cd5c;cursor:pointer;background:#4a4a2a;border:0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700}.admin-password-input-row .admin-save-btn:hover{background:#2a2a1b}.learn-card-tag{text-transform:uppercase;letter-spacing:.08em;color:#8a8a7d;font-size:10px;font-weight:800}.learn-card .learn-card-free-tag,.learn-card .learn-card-premium-tag{letter-spacing:.06em;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.learn-card-free-tag{color:#276749;background:#2f855a1f}.learn-card-premium-tag{color:#4a4a2a;background:#e8cd5c}.learn-card{position:relative}.pricing-grid-v2{grid-template-columns:1fr!important;gap:24px!important;max-width:1200px!important;margin:0 auto!important;display:grid!important}@media (width>=640px){.pricing-grid-v2{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1024px){.pricing-grid-v2{grid-template-columns:repeat(4,1fr)!important}}.pricing-grid-v2 .pricing-card{height:100%!important;min-height:0!important}.pricing-note{text-align:center!important;color:#656459!important;max-width:800px!important;margin:40px auto 0!important;padding:0 24px!important;font-size:15px!important;line-height:1.6!important}.pricing-guarantee{color:#8a8a7d!important;text-transform:uppercase!important;letter-spacing:.5px!important;flex-wrap:wrap!important;justify-content:center!important;gap:24px!important;margin-top:32px!important;padding:0 24px!important;font-size:13px!important;display:flex!important}.pricing-section{padding-left:24px!important;padding-right:24px!important;overflow-x:hidden!important}.pricing-grid-v2{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.pricing-card-free{background:#faf9f6;border-style:dashed}.pricing-note{text-align:center;color:#656459;background:#e8cd5c24;border-radius:12px;max-width:880px;margin:28px auto 0;padding:14px 20px;font-size:13px;line-height:1.7}.pricing-cta:disabled{opacity:.6;cursor:progress}@media (width<=1000px){.pricing-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pricing-grid-v2{grid-template-columns:1fr}}.success-page{background:#faf9f6;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.success-card{text-align:center;background:#fff;border:1.5px solid #4a4a2a24;border-radius:24px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 20px 60px #4a4a2a1a}.success-icon{color:#276749;background:#2f855a1f;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 22px;font-size:30px;font-weight:800;display:grid}.success-card h1{color:#4a4a2a;letter-spacing:-.02em;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:26px;font-weight:900}.success-card p{color:#656459;margin:0 0 28px;font-size:15px}.polling-dots{animation:1.2s ease-in-out infinite pulseDots;display:inline-block}@keyframes pulseDots{0%,to{opacity:.2}50%{opacity:1}}.success-cta{text-align:center;color:#e8cd5c;cursor:pointer;background:#4a4a2a;border:0;border-radius:12px;width:100%;padding:15px 20px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:background .2s;display:block}.success-cta:hover{background:#2a2a1b}.success-link{color:#8a8a7d;margin-top:18px;font-size:13px;text-decoration:underline;display:inline-block}.admin-res-table{flex-direction:column;display:flex}.admin-res-head,.admin-res-row{grid-template-columns:64px minmax(160px,1.6fr) 110px 90px minmax(130px,1.2fr) 96px 130px;align-items:center;gap:12px;display:grid}.admin-res-head{letter-spacing:.08em;text-transform:uppercase;color:#8a8a7d;border-bottom:1px solid #4a4a2a1a;padding:10px 14px;font-size:11px;font-weight:800}.admin-res-row{border-bottom:1px solid #4a4a2a0f;padding:12px 14px}.admin-res-row:hover{background:#fbfaf6}.admin-res-cover img{object-fit:cover;background:#efede5;border-radius:6px;width:44px;height:58px;display:block;box-shadow:0 2px 8px #4a4a2a2e}.admin-res-title-input,.admin-res-select,.admin-res-price-input{box-sizing:border-box;background:#fff;border:1px solid #4a4a2a26;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.admin-res-title-input:focus,.admin-res-select:focus,.admin-res-price-input:focus{border-color:#8a7a3f;box-shadow:0 0 0 3px #8a7a3f1f}.admin-res-pdf{color:#8a8a7d;word-break:break-all;flex-direction:column;gap:4px;font-size:11px;display:flex}.admin-res-upload{cursor:pointer;color:#4a4a2a;font-size:11px;font-weight:700;text-decoration:underline;display:inline-block}.admin-access-toggle{cursor:pointer;letter-spacing:.04em;border:0;border-radius:20px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:800}.admin-access-toggle.is-free{color:#276749;background:#2f855a24}.admin-access-toggle.is-premium{color:#4a4a2a;background:#e8cd5c}.admin-upload-row{align-items:center;gap:12px;display:flex}.admin-upload-thumb{object-fit:cover;border-radius:6px;width:44px;height:58px;box-shadow:0 2px 8px #4a4a2a2e}.admin-upload-btn{cursor:pointer;color:#4a4a2a;background:#faf9f6;border:1.5px dashed #4a4a2a4d;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.admin-upload-btn:hover{border-color:#8a7a3f}.admin-upload-url{box-sizing:border-box;border:1px solid #4a4a2a26;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:8px 12px;font-family:inherit;font-size:12px}.admin-upload-hint{color:#8a8a7d;word-break:break-all;font-size:11px}@media (width<=900px){.admin-res-head{display:none}.admin-res-row{grid-template-columns:52px 1fr;grid-auto-rows:auto;gap:8px}}.admin-form-row .admin-access-toggle{align-self:flex-start}.success-details{text-align:left;color:#4a4a3f;background:#faf9f6;border:1px solid #4a4a2a1a;border-radius:12px;margin:0 0 22px;padding:16px;font-size:14px;line-height:1.9}.success-details strong{color:#4a4a2a;width:100px;display:inline-block}.success-link-btn{color:#8a7a3f;cursor:pointer;background:0 0;border:0;margin:0 0 22px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:underline;display:inline-block}.success-link-btn:hover{color:#4a4a2a}.learn-tab-count{text-align:center;color:#4a4a2a;background:#e8cd5c40;border-radius:999px;min-width:22px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.5;display:inline-block}.learn-tab.active .learn-tab-count{color:#e8cd5c;background:#4a4a2a}.pricing-faq{max-width:720px;margin:72px auto 0;padding-top:16px}.pricing-faq h3{color:#4a4a2a;text-align:center;margin:10px 0 24px;font-family:Manrope,sans-serif;font-size:26px;font-weight:900}.faq-accordion{flex-direction:column;gap:10px;display:flex}.faq-item{background:#fff;border:1px solid #4a4a2a1f;border-radius:12px;overflow:hidden}.faq-question{cursor:pointer;color:#4a4a2a;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;display:flex}.faq-question:hover{background:#4a4a2a08}.faq-chevron{color:#8a7a3f;flex-shrink:0;font-size:22px;font-weight:300;transition:transform .2s}.faq-answer-wrap{max-height:0;padding:0 20px;transition:max-height .28s,padding .28s;overflow:hidden}.faq-open .faq-answer-wrap{max-height:300px;padding:4px 20px 18px}.faq-answer{color:#5a584d;margin:0;font-size:14.5px;line-height:1.6}.hero-usp{color:#4a4a2a;letter-spacing:-.01em;max-width:480px;margin:0 0 10px;font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:500;line-height:1.55}.mocks-exam-layout{width:100%}.mocks-filter-bar{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;display:flex}.mocks-filter-group{align-items:center;gap:8px;display:flex}.mocks-filter-label{color:#4a4a2a;letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:600}.mocks-filter-btn{border:1px solid #4a4a2a/20;color:#4a4a2a;cursor:pointer;background:#fff;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s}.mocks-filter-btn.active{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.mocks-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.mocks-level-column{border:1px solid #4a4a2a/10;background:#faf9f6;border-radius:12px;padding:16px}.mocks-level-header{color:#4a4a2a;border-bottom:2px solid #4a4a2a/10;margin-bottom:10px;padding-bottom:10px;font-size:15px;font-weight:700}.mocks-papers{flex-direction:column;gap:8px;display:flex}.mocks-paper-btn{border:1px solid #4a4a2a/10;cursor:pointer;text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex}.mocks-paper-btn:hover{border-color:#4a4a2a;box-shadow:0 2px 8px #4a4a2a14}.mocks-paper-btn.premium{opacity:.85}.mocks-paper-btn.premium:hover{opacity:1;background:#fefae0;border-color:#e8cd5c}.mocks-paper-icon{font-size:18px}.mocks-paper-info{flex-direction:column;gap:2px;display:flex}.mocks-paper-name{color:#4a4a2a;font-size:13px;font-weight:600}.mocks-paper-meta{color:#5a584d;font-size:11px}.mocks-empty{color:#888;text-align:center;padding:20px;font-size:13px}.test-runner-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.test-runner{background:#faf9f6;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.test-runner-header{border-bottom:1px solid #4a4a2a/10;background:#fff;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.test-runner-title{color:#4a4a2a;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.test-badge{color:#4a4a2a;background:#e8cd5c;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.test-runner-meta{color:#5a584d;align-items:center;gap:16px;font-size:13px;font-weight:600;display:flex}.test-timer{color:#4a4a2a;font-variant-numeric:tabular-nums}.test-runner-body{flex:1;padding:24px}.test-question{margin-bottom:24px}.test-q-label{color:#8a7a3f;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.test-q-text-big{color:#4a4a2a;font-size:20px;font-weight:600;line-height:1.4}.test-options{flex-direction:column;gap:10px;display:flex}.test-option{border:2px solid #4a4a2a/10;cursor:pointer;color:#4a4a2a;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-family:inherit;font-size:15px;transition:all .15s;display:flex}.test-option:hover{border-color:#4a4a2a/40}.test-option.selected{background:#e8cd5c/15;border-color:#4a4a2a}.test-option-letter{border:2px solid #4a4a2a/30;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.test-option.selected .test-option-letter{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.test-runner-footer{border-top:1px solid #4a4a2a/10;background:#fff;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.test-nav-dots{border-top:1px solid #4a4a2a/10;flex-wrap:wrap;gap:6px;padding:12px 24px;display:flex}.test-dot{border:1px solid #4a4a2a/20;color:#4a4a2a;cursor:pointer;background:#fff;border-radius:50%;width:32px;height:32px;font-family:inherit;font-size:12px;font-weight:700}.test-dot.answered{background:#e8cd5c/30;border-color:#e8cd5c}.test-dot.active{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.test-runner-loading{color:#5a584d;justify-content:center;align-items:center;height:300px;font-size:16px;display:flex}.test-results .test-results-header{border-bottom:1px solid #4a4a2a/10;background:#fff;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.test-results h2{color:#4a4a2a;margin:0;font-size:22px}.test-score{text-align:center;padding:32px 24px}.test-score-number{color:#4a4a2a;font-size:48px;font-weight:900;line-height:1}.test-score-pct{color:#8a7a3f;margin-top:4px;font-size:18px;font-weight:700}.test-score-label{border-radius:999px;margin-top:12px;padding:6px 18px;font-size:14px;font-weight:700;display:inline-block}.test-score-label.passed{color:#4a4a2a;background:#e8cd5c}.test-score-label.failed{color:#991b1b;background:#fca5a5}.test-results-list{flex-direction:column;gap:8px;max-height:200px;padding:0 24px 24px;display:flex;overflow-y:auto}.test-result-item{border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.test-result-item.correct{background:#d1fae5}.test-result-item.incorrect{background:#fee2e2}.test-q-num{width:36px;font-weight:700}.test-q-text{color:#4a4a2a;flex:1}.test-q-answer{color:#5a584d;font-size:11px}.test-results-cta{border-top:1px solid #4a4a2a/10;background:#fff;border-radius:0 0 16px 16px;gap:12px;padding:16px 24px;display:flex}.reader-char{cursor:pointer;border-radius:4px;padding:0 1px;transition:background .1s;display:inline-block}.reader-char:hover{background:#e8cd5c66}.reader-char:focus{outline-offset:-2px;outline:2px solid #e8cd5c}.dict-popup-backdrop{z-index:200;cursor:default;position:fixed;inset:0}.dict-popup{border:1px solid #4a4a2a/15;z-index:201;background:#faf9f6;border-radius:12px;width:240px;padding:16px;position:fixed;box-shadow:0 12px 40px #4a4a2a33}.dict-popup-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.dict-popup-close:hover{background:#4a4a2a/10;color:#4a4a2a}.dict-popup-char{color:#4a4a2a;text-align:center;margin-bottom:4px;font-size:40px;font-weight:900;line-height:1.1}.dict-popup-pinyin{color:#8a7a3f;text-align:center;margin-bottom:6px;font-size:16px;font-weight:600}.dict-popup-en{color:#4a4a2a;text-align:center;margin-bottom:12px;font-size:14px;line-height:1.4}.dict-popup-actions{flex-direction:column;gap:8px;display:flex}.dict-popup-btn{border:1px solid #4a4a2a/20;color:#4a4a2a;cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.dict-popup-btn:hover{background:#faf9f6;border-color:#4a4a2a}.dict-popup-btn.primary{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.dict-popup-btn.primary:hover{background:#3a3a22}.stroke-modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.stroke-modal{text-align:center;background:#faf9f6;border-radius:16px;width:100%;max-width:300px;padding:24px;position:relative;box-shadow:0 20px 60px #0000004d}.stroke-modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:20px;position:absolute;top:12px;right:14px}.stroke-modal-close:hover{background:#4a4a2a/10;color:#4a4a2a}.stroke-modal-char-label{color:#4a4a2a;margin-bottom:12px;font-size:20px;font-weight:700}.stroke-canvas{margin:8px auto;display:inline-block}.stroke-error{color:#888;padding:40px 20px;font-size:14px}.stroke-modal-actions{margin-top:16px}.flashcards-section{padding:80px 24px}.flashcards-empty,.flashcards-all-done{text-align:center;border:1px solid #4a4a2a/10;background:#fff;border-radius:16px;max-width:480px;margin:40px auto;padding:80px 20px}.flashcards-empty-icon,.flashcards-done-icon{margin-bottom:16px;font-size:48px}.flashcards-empty h3,.flashcards-all-done h3{color:#4a4a2a;margin-bottom:8px;font-size:20px}.flashcards-stats-bar{border:1px solid #4a4a2a/10;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:16px;margin:32px 0;padding:20px;display:flex}.fc-stat{text-align:center;min-width:100px}.fc-stat-num{color:#4a4a2a;font-size:24px;font-weight:800;display:block}.fc-stat-label{color:#5a584d;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.flashcards-area{max-width:500px;margin:0 auto}.flashcards-info{color:#5a584d;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.fc-focus-toggle{border:1px solid #4a4a2a/20;cursor:pointer;color:#4a4a2a;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.fc-focus-toggle:hover{color:#fff;background:#4a4a2a}.fc-focus-bar{text-align:center;background:#e8cd5c/20;color:#4a4a2a;border-radius:8px;margin-bottom:12px;padding:8px;font-weight:600}.fc-card{perspective:1000px;cursor:pointer;height:300px}.fc-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.fc-card.flipped .fc-card-inner{transform:rotateY(180deg)}.fc-card-face{backface-visibility:hidden;border:2px solid #4a4a2a/15;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;box-shadow:0 8px 24px #4a4a2a14}.fc-front{background:#faf9f6}.fc-back{background:#e8cd5c/15;gap:12px;transform:rotateY(180deg)}.fc-card-char{color:#4a4a2a;font-size:80px;font-weight:900}.fc-card-hint{color:#888;margin-top:20px;font-size:13px}.fc-card-pinyin{color:#8a7a3f;font-size:24px;font-weight:600}.fc-card-en{color:#4a4a2a;font-size:20px;font-weight:500}.fc-answer-buttons{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.fc-btn{cursor:pointer;border:2px solid;border-radius:10px;padding:14px 8px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;transition:all .15s}.fc-btn small{opacity:.7;margin-top:2px;font-size:10px;font-weight:400;display:block}.fc-again{color:#991b1b;background:#fee2e2;border-color:#ef4444}.fc-again:hover{color:#fff;background:#ef4444}.fc-hard{color:#92400e;background:#fef3c7;border-color:#f59e0b}.fc-hard:hover{color:#fff;background:#f59e0b}.fc-good{color:#065f46;background:#d1fae5;border-color:#10b981}.fc-good:hover{color:#fff;background:#10b981}.fc-easy{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.fc-easy:hover{color:#fff;background:#3b82f6}.fc-flip-hint{text-align:center;color:#888;margin-top:12px;font-size:13px}.dashboard-section{background:#faf9f6;padding:80px 24px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.dashboard-card{border:1px solid #4a4a2a/10;background:#fff;border-radius:16px;padding:24px}.dashboard-card h3{color:#4a4a2a;margin:0 0 16px;font-size:16px;font-weight:700}.hsk-progress-list{flex-direction:column;gap:12px;display:flex}.hsk-progress-row{grid-template-columns:70px 1fr 80px;align-items:center;gap:10px;font-size:13px;display:grid}.hsk-progress-label{color:#4a4a2a;font-weight:600}.hsk-progress-bar-wrap{background:#4a4a2a/10;border-radius:4px;height:8px;overflow:hidden}.hsk-progress-bar{background:linear-gradient(90deg,#4a4a2a,#8a7a3f);border-radius:4px;height:100%;transition:width .4s}.hsk-progress-pct{text-align:right;color:#5a584d;font-variant-numeric:tabular-nums}.dashboard-suggestion{background:#e8cd5c/20;color:#4a4a2a;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600}.quick-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-stat{text-align:center;background:#faf9f6;border-radius:10px;padding:16px 8px}.quick-stat-num{color:#4a4a2a;font-size:22px;font-weight:800;display:block}.quick-stat-label{color:#5a584d;font-size:11px;font-weight:600}.weak-words-list{flex-direction:column;gap:8px;display:flex}.weak-word-item{background:#fef2f2;border-radius:8px;grid-template-columns:40px 80px 1fr 60px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.weak-char{color:#4a4a2a;font-size:18px;font-weight:800}.weak-pinyin{color:#8a7a3f;font-size:12px}.weak-en{color:#4a4a2a}.weak-acc{color:#991b1b;text-align:right;font-size:11px}.lead-magnet-section{background:linear-gradient(135deg,#4a4a2a 0%,#3a3a22 100%);padding:60px 24px}.lead-magnet-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1100px;margin:0 auto;display:grid}.lead-magnet-left{color:#fff}.lead-badge{color:#4a4a2a;letter-spacing:.1em;text-transform:uppercase;background:#e8cd5c;border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.lead-magnet-left h2{color:#fff;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.2}.lead-magnet-left p{color:#d4d2c8;margin-bottom:16px;font-size:15px;line-height:1.6}.lead-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lead-features li{color:#e8e6dc;font-size:14px}.lead-magnet-right{justify-content:center;display:flex}.lead-form{background:#faf9f6;border-radius:16px;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 60px #0000004d}.lead-form-title{color:#4a4a2a;text-align:center;margin-bottom:16px;font-size:18px;font-weight:700}.lead-form input{border:2px solid #4a4a2a/20;box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:15px}.lead-form input:focus{border-color:#4a4a2a;outline:none}.lead-form input:disabled{background:#f0efe8}.lead-form button{color:#fff;cursor:pointer;background:#4a4a2a;border:none;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s}.lead-form button:hover:not(:disabled){background:#3a3a22;transform:translateY(-1px)}.lead-form button:disabled{cursor:not-allowed;background:#8a8a5f}.lead-success{text-align:center;color:#065f46;margin-top:12px;font-size:13px;font-weight:600}.lead-error{text-align:center;color:#991b1b;margin-top:12px;font-size:13px;font-weight:600}.lead-note{text-align:center;color:#888;margin-top:12px;font-size:11px}@media (width<=768px){.lead-magnet-inner{grid-template-columns:1fr;gap:32px}.lead-magnet-left h2{font-size:26px}}.admin-leads-actions{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-leads-count{color:#4a4a2a;font-size:14px;font-weight:600}.nav-toggles{gap:4px;margin-right:8px;display:flex}.nav-toggle-btn{border:1px solid #4a4a2a/20;cursor:pointer;color:#4a4a2a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.nav-toggle-btn:hover{color:#fff;background:#4a4a2a;border-color:#4a4a2a}.dict-sort-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.dict-sort-label{color:#4a4a2a;text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:600}.dict-sort-btn{border:1px solid #4a4a2a/20;color:#4a4a2a;cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.dict-sort-btn.active{color:#fff;background:#4a4a2a;border-color:#4a4a2a}html[data-theme=dark]{--bg-primary:#1a1a14;--bg-secondary:#23231b;--bg-card:#2a2a1f;--text-primary:#f5f4ed;--text-secondary:#b8b5a8;--text-muted:#8a8878;--border-color:#e8cd5c26;--accent-olive:#e8cd5c;--accent-gold:#e8cd5c;--bg:var(--bg-primary);--bg-alt:var(--bg-secondary);--card-bg:var(--bg-card);--text:var(--text-primary);--border:var(--border-color);--accent:var(--accent-gold);--accent-hover:#d4b84a;--olive:var(--accent-olive)}html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] .site-header{border-bottom-color:var(--border);background:#1a1a14e6}html[data-theme=dark] .site-header.scrolled{background:#1a1a14fa}html[data-theme=dark] .nav-links a{color:var(--text)}html[data-theme=dark] .nav-links a:hover{color:var(--accent)}html[data-theme=dark] .mobile-menu{color:var(--text)}html[data-theme=dark] .login-button{background:var(--bg-alt);color:var(--text);border-color:var(--border)}html[data-theme=dark] .section-heading em,html[data-theme=dark] .section-eyebrow{color:var(--accent)}html[data-theme=dark] .section-eyebrow span{background:var(--accent)}html[data-theme=dark] .section-sub{color:var(--text-muted)}html[data-theme=dark] .learn-card,html[data-theme=dark] .dictionary-card,html[data-theme=dark] .article-card,html[data-theme=dark] .mocks-level-column,html[data-theme=dark] .admin-table-row,html[data-theme=dark] .admin-stat-card,html[data-theme=dark] .dashboard-card,html[data-theme=dark] .fc-card,html[data-theme=dark] .flashcards-empty,html[data-theme=dark] .flashcards-all-done,html[data-theme=dark] .flashcards-stats-bar,html[data-theme=dark] .lead-form,html[data-theme=dark] .test-runner,html[data-theme=dark] .mocks-paper-btn,html[data-theme=dark] .hsk-progress-row,html[data-theme=dark] .quick-stat,html[data-theme=dark] .fc-front,html[data-theme=dark] .fc-back,html[data-theme=dark] .dict-popup,html[data-theme=dark] .stroke-modal{background:var(--card-bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] .flashcards-section,html[data-theme=dark] .dashboard-section{background:var(--bg)}html[data-theme=dark] .dict-popup-char,html[data-theme=dark] .dict-popup-en,html[data-theme=dark] .dict-popup-pinyin,html[data-theme=dark] .fc-card-char,html[data-theme=dark] .fc-card-pinyin,html[data-theme=dark] .fc-card-en,html[data-theme=dark] .admin-table-title,html[data-theme=dark] .admin-table-id{color:var(--text)}html[data-theme=dark] .admin-sublink{background:var(--bg-alt);border-color:var(--border)}html[data-theme=dark] .admin-sublink:hover{background:#2e2e24}html[data-theme=dark] .admin-sublink textarea,html[data-theme=dark] .admin-sublink input{background:var(--bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] .nav-toggle-btn{background:var(--bg-alt);color:var(--text);border-color:var(--border)}html[data-theme=dark] .nav-toggle-btn:hover{background:var(--accent);color:#1a1a14}html[data-theme=dark] .dict-sort-btn{background:var(--bg-alt);color:var(--text);border-color:var(--border)}html[data-theme=dark] .dict-sort-btn.active{background:var(--accent);color:#1a1a14;border-color:var(--accent)}html[data-theme=dark] .dict-sort-label,html[data-theme=dark] .hsk-progress-label,html[data-theme=dark] .hsk-progress-pct,html[data-theme=dark] .fc-stat-num,html[data-theme=dark] .fc-stat-label,html[data-theme=dark] .fc-flip-hint{color:var(--text)}html[data-theme=dark] .mocks-paper-btn:hover{background:var(--bg-alt);border-color:var(--accent)}html[data-theme=dark] .hsk-progress-bar-wrap{background:var(--bg-alt)}html[data-theme=dark] .product-header h3,html[data-theme=dark] .product-body h3,html[data-theme=dark] .product-body li,html[data-theme=dark] .hero-copy h1{color:var(--text)}html[data-theme=dark] .reader-body,html[data-theme=dark] .reader-header{background:var(--card-bg)}html[data-theme=dark] .reader-en{color:var(--text-muted)}html[data-theme=dark] .reader-footer-btn{background:var(--bg-alt);color:var(--text);border-color:var(--border)}html[data-theme=dark] .admin-content,html[data-theme=dark] .admin-login{background:var(--bg)}html[data-theme=dark] .admin-login-card,html[data-theme=dark] .admin-main{background:var(--card-bg);border-color:var(--border)}html[data-theme=dark] .admin-nav-item{color:var(--text-muted);background:0 0}html[data-theme=dark] .admin-nav-item.active{background:var(--accent);color:#1a1a14}html[data-theme=dark] .admin-topbar,html[data-theme=dark] .admin-table-head{background:var(--bg-alt);color:var(--text);border-color:var(--border)}html[data-theme=dark] .admin-table-row{border-bottom-color:var(--border)}html[data-theme=dark] .admin-login h1{color:var(--text)}html[data-theme=dark] .admin-login input{background:var(--bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] .admin-login button{background:var(--accent);color:#1a1a14}.traditional-tag{color:#888;vertical-align:super;margin-left:4px;font-size:10px;display:inline-block}@media (width<=768px){.nav-toggles{margin-right:4px}.nav-toggle-btn{width:28px;height:28px;font-size:12px}}.price-free{color:#2f7a3f!important}.price-alt{color:#8a7a3f;margin-top:2px;font-size:11px;font-weight:600;display:block}.product-download{color:#4a4a2a;cursor:pointer;background:0 0;border:1px solid #4a4a2a40;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.product-download:hover{color:#fff;background:#4a4a2a;border-color:#4a4a2a}body.book-reader-open{overflow:hidden}.book-reader{z-index:400;background:#efede6;flex-direction:column;animation:.22s bookReaderIn;display:flex;position:fixed;inset:0}@keyframes bookReaderIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.book-reader-bar{color:#faf9f6;z-index:2;background:#4a4a2a;flex:none;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 2px 14px #0000002e}.book-reader-back{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.book-reader-back:hover{background:#ffffff38}.book-reader-title{flex-direction:column;flex:1;min-width:0;display:flex}.book-reader-title-en{white-space:nowrap;text-overflow:ellipsis;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.book-reader-title-zh{color:#e8cd5c;font-family:Noto Sans SC,sans-serif;font-size:12px}.book-reader-actions{flex:none;align-items:center;gap:10px;display:flex}.book-reader-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800}.book-reader-badge.free{color:#4a4a2a;background:#e8cd5c}.book-reader-badge.owned{color:#e8cd5c;background:#e8cd5c33;border:1px solid #e8cd5c}.book-reader-download{color:#4a4a2a;white-space:nowrap;background:#e8cd5c;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s}.book-reader-download:hover{background:#f2dc7d;transform:translateY(-1px)}.book-reader-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:18px;line-height:1}.book-reader-close:hover{background:#ffffff2e}.book-reader-scroll{flex:1;padding:32px 16px 80px;overflow-y:auto}.book-reader-status{text-align:center;color:#6b6a5c;max-width:800px;margin:80px auto;font-size:15px}.book-reader-status.error{color:#b23a3a}.book-reader-sheet-wrap{max-width:800px;margin:0 auto;position:relative}.book-reader-sheet{color:#24241c;letter-spacing:.01em;background:#fff;border-radius:4px;max-width:800px;margin:0 auto;padding:72px 84px 96px;font-family:Noto Sans SC,DM Sans,sans-serif;font-size:17px;line-height:1.95;box-shadow:0 18px 60px #23231c29}.book-reader-sheet .book-doc-header{text-align:center;border-bottom:1px solid #4a4a2a26;margin-bottom:40px;padding-bottom:32px}.book-reader-sheet .book-doc-kicker{letter-spacing:.28em;color:#8a7a3f;margin-bottom:18px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:block}.book-reader-sheet h1{color:#2f2f20;margin:0 0 10px;font-family:Noto Sans SC,Manrope,sans-serif;font-size:38px;font-weight:700;line-height:1.3}.book-reader-sheet .book-doc-subtitle{color:#8a7a3f;letter-spacing:.04em;margin:0;font-family:Manrope,sans-serif;font-size:15px}.book-reader-sheet .book-doc-lead{color:#4a4a2a;text-align:center;margin:0 0 44px;font-size:19px;font-weight:500}.book-reader-sheet h2{color:#2f2f20;border-left:4px solid #e8cd5c;margin:44px 0 20px;padding-left:14px;font-family:Noto Sans SC,Manrope,sans-serif;font-size:24px;font-weight:700}.book-reader-sheet .book-doc-section{margin-bottom:8px}.book-reader-sheet .book-word-list{margin:0 0 20px;padding:0;list-style:none}.book-reader-sheet .book-word-list li{border-bottom:1px dashed #4a4a2a24;grid-template-columns:130px 150px 1fr;align-items:baseline;gap:18px;padding:12px 0;display:grid}.book-reader-sheet .book-word-cn{color:#24241c;font-size:30px;font-weight:700;line-height:1.3}.book-reader-sheet .book-word-py{color:#8a7a3f;font-family:DM Sans,sans-serif;font-size:15px;font-style:italic}.book-reader-sheet .book-word-en{color:#5c5b4d;font-family:DM Sans,sans-serif;font-size:14px}.book-reader-sheet .book-doc-note{color:#5c5b4d;background:#faf9f6;border-left:3px solid #e8cd5ccc;border-radius:0 6px 6px 0;padding:16px 18px;font-size:15px}.book-reader-sheet p{margin:0 0 18px}.book-reader-sheet.is-preview{max-height:62vh;position:relative;overflow:hidden}.book-reader-sheet.is-preview:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#ffffffd9 45%,#fff 100%);height:200px;position:absolute;bottom:0;left:0;right:0}.book-paywall{z-index:3;max-width:560px;margin:-110px auto 0;position:relative}.book-paywall-card{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf9f6;border:1px solid #4a4a2a24;border-radius:16px;padding:30px 28px 26px;box-shadow:0 20px 50px #23231c38}.book-paywall-lock{margin-bottom:10px;font-size:30px}.book-paywall-card h3{color:#4a4a2a;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:21px}.book-paywall-card p{color:#5c5b4d;margin:0 0 20px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.book-paywall-actions{flex-direction:column;gap:10px;display:flex}.book-buy-online,.book-buy-bundle{cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.book-buy-online{color:#4a4a2a;background:#e8cd5c}.book-buy-online:hover{background:#f2dc7d;transform:translateY(-1px)}.book-buy-bundle{color:#faf9f6;background:#4a4a2a}.book-buy-bundle:hover{background:#3a3a22;transform:translateY(-1px)}.book-paywall-note{color:#8a8a7d;margin-top:14px;font-family:DM Sans,sans-serif;font-size:11px;display:block}@media (width<=820px){.book-reader-sheet{padding:40px 24px 64px;font-size:16px}.book-reader-sheet h1{font-size:27px}.book-reader-sheet .book-word-list li{grid-template-columns:1fr;gap:2px}.book-reader-sheet .book-word-cn{font-size:25px}.book-reader-sheet.is-preview{max-height:52vh}.book-paywall{margin-top:-80px}}@media (width<=560px){.book-reader-bar{flex-wrap:wrap;gap:10px;padding:10px 12px}.book-reader-title{flex-basis:100%;order:3}.book-reader-actions{margin-left:auto}.book-reader-download{padding:8px 12px;font-size:12px}}html[data-theme=dark] .book-reader{background:#17170f}html[data-theme=dark] .book-paywall-card{background:#24241c;border-color:#ffffff1f}html[data-theme=dark] .book-paywall-card h3{color:#f5f5e8}html[data-theme=dark] .book-paywall-card p,html[data-theme=dark] .book-paywall-note{color:#a9a89a}.page-transition{animation:.38s cubic-bezier(.22,.61,.36,1) both pageFadeUp}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}.page-head{padding-top:96px;padding-bottom:8px}.page-head h1{letter-spacing:-.03em;color:var(--ink);margin:18px 0 14px;font-family:Manrope,sans-serif;font-size:clamp(36px,5vw,60px);line-height:1.05}.page-head h1 em{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.page-head p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.7}.page-section{padding-bottom:80px}.nav-link{position:relative}.nav-link-active{color:var(--ink);font-weight:600}.nav-link-active:after{content:"";background:var(--gold);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.user-menu{position:relative}.user-chip{cursor:pointer;background:0 0;border:1px solid #4a4a2a38;align-items:center;gap:7px;display:inline-flex}.user-chip:hover{background:#4a4a2a0f}.user-caret{opacity:.6;font-size:10px}.user-dropdown{z-index:90;background:#fff;border:1px solid #4a4a2a24;border-radius:14px;flex-direction:column;gap:2px;min-width:220px;padding:8px;animation:.2s both pageFadeUp;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #28281424}.user-premium-badge{letter-spacing:.04em;color:#6b5c15;background:#e8cd5c59;border-radius:999px;margin-top:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.user-dropdown button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13.5px}.user-dropdown button:hover{background:#4a4a2a12}.user-dropdown .user-logout{color:#a5372e;border-top:1px solid #4a4a2a1a;border-radius:0 0 9px 9px;margin-top:4px}.auth-page{background:var(--paper);grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px);display:grid}.auth-art{color:#f7f4e6;background:linear-gradient(160deg,#4a4a2a 0%,#3b3b22 55%,#2f2f1b 100%);flex-direction:column;justify-content:center;gap:26px;padding:64px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";background:radial-gradient(circle at 25% 20%,#e8cd5c38,#0000 55%),radial-gradient(circle at 75% 80%,#e8cd5c21,#0000 50%);position:absolute;inset:-30%}.auth-art-char{color:#e8cd5c12;font-family:Noto Sans SC,sans-serif;font-size:420px;line-height:1;position:absolute;bottom:-70px;right:-40px}.auth-art p{letter-spacing:-.03em;font-family:Manrope,sans-serif;font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1.15;position:relative}.auth-art p em{color:var(--gold);font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.auth-art ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.auth-art li{color:#f7f4e6b8;padding-left:22px;font-size:14px;position:relative}.auth-art li:before{content:"✳";color:var(--gold);font-size:12px;position:absolute;top:1px;left:0}.auth-card{flex-direction:column;justify-content:center;width:100%;max-width:560px;margin:0 auto;padding:64px clamp(28px,6vw,96px);display:flex}.auth-card-head h1{letter-spacing:-.03em;color:var(--ink);margin:16px 0 10px;font-family:Manrope,sans-serif;font-size:clamp(30px,3.4vw,42px);line-height:1.08}.auth-card-head p{color:var(--muted);font-size:15px;line-height:1.65}.auth-tabs{background:#4a4a2a12;border-radius:999px;gap:4px;width:fit-content;margin:28px 0 22px;padding:4px;display:inline-flex}.auth-tab{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 22px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .18s,color .18s}.auth-tab.active{color:var(--ink);background:#fff;box-shadow:0 2px 10px #2828141a}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{flex-direction:column;gap:7px;display:flex}.auth-form label>span{letter-spacing:.05em;text-transform:uppercase;color:#8a8a6a;font-size:12px;font-weight:700}.auth-form input{color:var(--ink);background:#fff;border:1px solid #4a4a2a33;border-radius:11px;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:var(--olive);outline:none;box-shadow:0 0 0 3px #e8cd5c52}.auth-error{color:#a5372e;background:#c5303014;border-radius:9px;margin:0;padding:10px 12px;font-size:13px}.auth-form .button{justify-content:center;align-items:center;gap:8px;margin-top:6px;display:inline-flex}.auth-foot{color:var(--muted);margin:22px 0 0;font-size:13.5px}.auth-link{font:inherit;color:var(--olive);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-foot-muted{margin:8px 0 0;font-size:13px}.auth-foot-muted a{color:var(--muted)}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-art{min-height:240px;padding:40px 28px}.auth-art-char{font-size:260px;bottom:-60px;right:-30px}.auth-card{padding:44px 24px 64px}.page-head{padding-top:64px}}.user-menu{align-items:center;display:inline-flex;position:relative}.user-chip{color:#4a4a2a;cursor:pointer;background:#faf9f6;border:1px solid #4a4a2a26;border-radius:999px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #00000005}.user-chip:hover{background:#fff;border-color:#4a4a2a4d;box-shadow:0 4px 12px #4a4a2a14}.user-chip:after{content:"▾";color:#8a7a3f;margin-left:4px;font-size:12px;transition:transform .2s}.user-chip.active:after{transform:rotate(180deg)}.user-dropdown{z-index:100;background:#fff;border:1px solid #4a4a2a1a;border-radius:12px;width:240px;padding:8px;animation:.2s forwards dropdownFade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #4a4a2a1f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-head{border-bottom:1px solid #4a4a2a14;flex-direction:column;gap:2px;margin-bottom:8px;padding:12px;display:flex}.user-dropdown-head strong{color:#4a4a2a;font-size:14px}.user-dropdown-head span{color:#8a8a7d;font-size:12px}.user-badge{color:#4a4a2a;text-transform:uppercase;letter-spacing:.05em;background:#e8cd5c;border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.user-dropdown a,.user-dropdown button{text-align:left;color:#4a4a2a;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s;display:block}.user-dropdown a:hover,.user-dropdown button:hover{background:#faf9f6}.user-dropdown button{color:#a13a3a;margin-top:4px}.game-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);background:#14140c8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.game-modal{background:var(--paper);width:100%;max-width:42rem;color:var(--ink);border-radius:1.5rem;animation:.25s game-modal-in;overflow:hidden;box-shadow:0 24px 80px #00000059}html[data-theme=dark] .game-modal{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}@keyframes game-modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.game-modal-head{justify-content:space-between;align-items:center;padding:20px 28px 0;display:flex}.game-modal-head h3{margin:0;font-family:Instrument Serif,serif;font-size:28px;font-weight:600}.game-modal-close{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:1px solid #29291f26;border-radius:50%;font-size:22px;line-height:1;transition:background .15s,transform .15s}.game-modal-close:hover{background:#29291f14;transform:rotate(90deg)}html[data-theme=dark] .game-modal-close{border-color:var(--border)}html[data-theme=dark] .game-modal-close:hover{background:#ffffff14}.game-modal-body{padding:20px 28px 28px}.game-note{text-align:center;opacity:.7;padding:32px 0}.game-hud{letter-spacing:.04em;text-transform:uppercase;opacity:.85;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.game-hud strong{font-size:16px}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer;perspective:800px;background:0 0;border:none;padding:0;position:relative}.memory-card-inner{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.2,.2,1);display:block;position:absolute;inset:0}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:0}.memory-card-back{color:#e8cd5c;background:linear-gradient(135deg,#4a4a2a,#6b6b40);font-size:26px;font-weight:700;box-shadow:inset 0 0 0 2px #e8cd5c59}.memory-card-front{color:var(--ink);word-break:break-word;background:#fff;border:1px solid #29291f1f;transform:rotateY(180deg);box-shadow:0 4px 14px #29291f14}html[data-theme=dark] .memory-card-front{background:var(--bg-alt);color:var(--text);border-color:var(--border)}.memory-card-front.front-zh{font-family:Noto Sans SC,sans-serif;font-size:26px;font-weight:700}.memory-card-front.front-py{font-size:14px;font-weight:600}.memory-card.matched .memory-card-front{color:#2f6b2f;background:#e6f4e2;border-color:#7fb069}html[data-theme=dark] .memory-card.matched .memory-card-front{color:#b5e0a8;background:#7fb0692e;border-color:#7fb069}.memory-card.matched{cursor:default}.memory-card:not(.matched):hover .memory-card-inner{transform:rotateY(180deg)scale(1.03)}.memory-card:not(.flipped):hover .memory-card-inner{transform:translateY(-3px)}.game-win{text-align:center;padding:24px 0 8px}.game-win-badge{color:#fff;background:#7fb069;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:30px;display:flex}.game-win h3{margin:0 0 8px;font-family:Instrument Serif,serif;font-size:32px}.game-win p{opacity:.8;margin:0 0 20px}.game-win-actions{justify-content:center;gap:12px;display:flex}.game-coming-soon{text-align:center;padding:32px 0 16px}.game-coming-soon p{margin-bottom:20px;font-size:18px}@media (width<=560px){.memory-grid{grid-template-columns:repeat(3,1fr)}.memory-card-front.front-zh{font-size:22px}}.reg-modal{max-width:26rem}.reg-modal .auth-form{padding:10px 28px 28px}.reg-switch{text-align:center;color:var(--muted);font-size:13px}.reg-switch a{color:var(--olive);font-weight:700;text-decoration:underline}html[data-theme=dark] .reg-switch{color:var(--muted)}html[data-theme=dark] .reg-switch a{color:var(--accent)}.reg-exists{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:12px 28px 30px;display:flex}.reg-exists p{color:var(--muted);margin:0;line-height:1.6}.reg-exists .button{min-width:220px}.admin-users-table .admin-table-head,.admin-users-table .admin-table-row{grid-template-columns:1fr 1.6fr 110px 100px 110px}.product-grid{grid-template-columns:repeat(3,minmax(0,380px));justify-content:center;gap:40px;padding:0;display:grid}.product-grid>article{min-width:0}@media (width>=768px) and (width<=1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,380px));gap:24px}}@media (width<=767px){.library-section.section-wrap{padding-left:12px;padding-right:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}}@media (width>=761px) and (width<=990px){.mobile-menu{border:1px solid var(--line);width:35px;height:35px;color:var(--olive);background:0 0;border-radius:4px;place-items:center;margin-left:auto;font-size:18px;display:grid}.nav-links{border-bottom:1px solid var(--line);background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 17px;display:none;position:absolute;top:77px;left:0;right:0;box-shadow:0 12px 22px #1e1e140f}.nav-links.nav-open{display:flex}.nav-links a{border-bottom:1px solid #efede5;padding:13px 4px}.nav-actions{gap:8px}}.admin-preview-thumb{object-fit:cover;background:#f9f9f9;border:1px solid #e8e6dd;border-radius:6px;width:100px;height:130px;display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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}@keyframes pulse{50%{opacity:.5}}
