/*! tailwindcss v4.2.1 | 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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}}:root{--ink:#18332f;--muted:#687b76;--green:#16a16f;--green-dark:#0d7552;--mint:#eaf8f2;--cream:#f8f6ef;--line:#dfe9e5;--white:#fff;--font-ui:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--font-hanzi:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fcfdfa;margin:0;font-weight:400}main{overflow-anchor:none}section[id],span[id]{scroll-margin-top:18px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.offline-status{z-index:260;color:#31584a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fdfaf7;border:1px solid #b7d9ca;border-radius:13px;place-items:center;width:42px;height:42px;padding:6px;animation:.22s ease-out both scale-in;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 42px #103a2c2e}.offline-status>span{color:#fff;background:var(--green);border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:14px;font-weight:850;display:grid}.offline-status p{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.offline-status--preparing>span,.offline-status--restored>span{background:#5783b5}.offline-status--offline,.offline-status--offline-limited{color:#5f4a24;background:#fffae9fa;border-color:#e2c983}.offline-status--offline>span,.offline-status--offline-limited>span{background:#c58b28}.offline-status--error{color:#7f3535;background:#fff6f6fa;border-color:#e3b2b2}.offline-status--error>span{background:#c75b5b}.topbar{z-index:40;background:#fcfdfa;border-bottom:1px solid #dfe9e5b3;justify-content:space-between;align-items:center;max-width:1240px;height:76px;margin:auto;padding:0 32px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:12px 12px 12px 4px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:700;display:grid;box-shadow:0 8px 22px #16a16f33}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-.3px;font-size:18px;line-height:1.15}.brand small{color:#8b9b96;margin-top:3px;font-size:10px}nav{align-self:stretch;gap:34px;display:flex}nav a{color:#61736e;align-items:center;font-size:14px;display:flex;position:relative}nav a:hover,nav .nav-active{color:var(--green-dark)}nav .nav-active:after{content:"";background:var(--green);border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.mobile-menu{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:22px;line-height:1;display:none}.mobile-menu.open{color:#fff;background:var(--green);font-size:30px;font-weight:300}.mobile-menu-backdrop{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translateY(12px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gentle-float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(1.2deg)translateY(-7px)}}.hero{background:radial-gradient(circle at 83% 45%,#d9f5e8 0 18%,#0000 48%),linear-gradient(112deg,#f8fbf7 0%,#f3faf6 100%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:570px;padding:72px max(32px,50vw - 588px);display:grid;position:relative;overflow:hidden}.hero:before{content:"阅读";color:#16a16f09;pointer-events:none;font-size:230px;font-weight:800;position:absolute;top:-70px;right:-8px}.pill{color:#477067;background:#fff;border:1px solid #dfece6;border-radius:99px;align-items:center;gap:9px;padding:8px 13px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 5px 18px #1446360a}.pill i{background:var(--green);border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px #dff5ec}.hero h1{font-family:var(--font-display);letter-spacing:-3px;max-width:650px;margin:25px 0 20px;font-size:clamp(48px,5.5vw,76px);font-weight:750;line-height:1.05}.hero h1 em{color:var(--green);font-style:normal}.hero-copy>*{animation:.55s both rise-in}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}.hero-copy>:nth-child(5){animation-delay:.24s}.hero-copy>p{max-width:570px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.primary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;padding:14px 20px;font-weight:700;transition:all .2s;box-shadow:0 10px 28px #16a16f3d}.primary-button:hover{background:var(--green-dark);transform:translateY(-2px)}.primary-button span{margin-left:18px}.text-button{color:var(--green-dark);border-bottom:1px solid #8ed2b8;padding-bottom:2px;font-size:14px;font-weight:650}.hero-guide{background:#ffffffb8;border:1px solid #d7e9e0;border-radius:13px;max-width:570px;margin-top:14px;padding:15px 17px;box-shadow:0 10px 28px #1a4d3c0d}.hero-guide-top{align-items:center;gap:8px;display:flex}.guide-label{color:#61766e;letter-spacing:.7px;text-transform:uppercase;margin-right:3px;font-size:10px;font-weight:800}.guide-toggle{color:var(--green-dark);background:#f4fbf7;border:1px solid #cfe4da;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.guide-toggle i{background:#bdd9cc;border-radius:99px;width:15px;height:9px;display:block;position:relative}.guide-toggle i:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #1432282e}.hero-guide p{color:#687c74;margin:9px 0 0;font-size:11px;line-height:1.55}.hero-card{width:min(430px,92%);margin-left:auto;animation:5s ease-in-out infinite gentle-float;position:relative;transform:rotate(2deg)}.paper{z-index:2;background:#fff;border-radius:6px 28px 28px;min-height:380px;padding:38px 42px;position:relative;box-shadow:0 30px 70px #14584129}.paper:after{content:"";pointer-events:none;border:1px solid #edf2ef;border-radius:3px 19px 19px;position:absolute;inset:13px}.paper-tab{background:var(--green);color:#fff;border-radius:10px 10px 0 0;margin-left:20px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-block}.paper-head{color:var(--green);letter-spacing:.4px;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.paper-head small{color:#91a09b;font-weight:500}.paper h3{letter-spacing:1px;margin:33px 0 3px;font-size:29px}.paper-pinyin{color:var(--green);margin:0;font-size:13px}.paper-hanzi{letter-spacing:1.5px;color:#2d4540;margin-top:24px;font-size:18px;line-height:2.05}.paper-words{border-top:1px dashed #d8e5e0;gap:38px;margin-top:24px;padding-top:20px;display:flex}.paper-words span{font-size:16px;font-weight:700;display:grid}.paper-words small{color:#8b9b96;margin-top:4px;font-size:11px;font-weight:500}.floating-note{z-index:3;color:#9a7628;background:#fff7cb;padding:12px 16px;font-weight:800;position:absolute;box-shadow:0 10px 25px #50461e1f}.note-one{top:66px;right:-28px;transform:rotate(-7deg)}.note-two{color:#4084a6;background:#e7f5ff;bottom:37px;left:-30px;transform:rotate(-8deg)}.level-section,.library{max-width:1240px;margin:auto;padding:86px 32px}.level-section{position:relative}.section-anchor{position:absolute;top:0;left:0}.section-title{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.eyebrow{color:var(--green);letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:800}.section-title h2{font-family:var(--font-display);letter-spacing:-1px;margin:9px 0 0;font-size:34px;font-weight:700}.section-title>p{color:var(--muted);margin:0 0 4px;font-size:14px}.level-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.level-card{text-align:left;border:1px solid var(--line);min-height:92px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:52px 1fr auto 16px;align-items:center;gap:13px;padding:17px;transition:all .2s;animation:.4s both rise-in;display:grid}.level-card:nth-child(2),.level-card:nth-child(5),.level-card:nth-child(8){animation-delay:50ms}.level-card:nth-child(3),.level-card:nth-child(6),.level-card:nth-child(9){animation-delay:.1s}.level-card:hover,.level-card.selected{border-color:#87d5b8;transform:translateY(-2px);box-shadow:0 12px 30px #19503e14}.level-number{color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:800;display:grid}.level-card>span:nth-child(2){flex-direction:column;display:flex}.level-card strong{font-size:15px}.level-card small,.level-range{color:#8a9a95;margin-top:5px;font-size:11px}.level-card i{color:var(--green);font-style:normal}.level-1{background:#54b995}.level-2{background:#35a9a0}.level-3{background:#398eb9}.level-4{background:#667cc4}.level-5{background:#8b68ba}.level-6{background:#b26197}.level-7{background:#d16a72}.level-8{background:#d9834e}.level-9{background:#b98733}.library{background:var(--cream);max-width:none;padding-left:max(32px,50vw - 588px);padding-right:max(32px,50vw - 588px)}.filters{background:#fff;border:1px solid #e5e9df;border-radius:15px;gap:14px;margin-bottom:28px;padding:18px;display:grid}.search{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;height:44px;padding:0 13px;display:flex}.search span{color:#84958f;font-size:24px;transform:rotate(-15deg)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.level-filter,.category-filter{flex-wrap:wrap;gap:6px;display:flex}.level-filter button,.category-filter button,.toggle{border:1px solid var(--line);color:#62736e;cursor:pointer;background:#fff;border-radius:8px;padding:7px 12px;font-size:12px}.level-filter button.active,.category-filter button.active,.toggle.active{color:#fff;background:var(--green);border-color:var(--green)}.article-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-card{background:#fff;border:1px solid #e6e9e0;border-radius:16px;flex-direction:column;min-height:330px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.45s both rise-in;display:flex}.article-card:nth-child(3n+2){animation-delay:50ms}.article-card:nth-child(3n+3){animation-delay:.1s}.article-card:hover{border-color:#a7d5c2;transform:translateY(-6px);box-shadow:0 19px 42px #3041371f}.article-meta{color:#91a09a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.article-level{color:#fff;border-radius:7px;padding:5px 9px;font-weight:800}.article-category{color:var(--green-dark);margin-top:24px;font-size:11px;font-weight:700}.article-card h3{letter-spacing:.5px;margin:11px 0 3px;font-size:22px}.article-vi{color:#83928d;margin:0;font-size:12px}.excerpt{color:#596b65;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:20px 0;font-size:13px;line-height:1.75;display:-webkit-box;overflow:hidden}.article-card>button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0;font-weight:750}.article-card>button span{margin-left:8px}.article-pagination{background:#fff;border:1px solid #e2e8df;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:16px 18px;display:flex}.article-pagination p{color:#7b8c85;margin:0;font-size:11px}.article-pagination>div{align-items:center;gap:11px;display:flex}.article-pagination span{color:#61746c;font-size:11px}.article-pagination button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #dbe7e1;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.article-pagination button:disabled{color:#acb7b2;cursor:default;background:#f5f7f5}.empty-state{text-align:center;color:var(--muted);padding:70px}.empty-state span{color:#b8d8cc;font-size:50px}.vocab-library{background:linear-gradient(#f7fbf8 0%,#edf7f1 100%);padding:92px max(32px,50vw - 588px)}.vocab-intro{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex}.vocab-intro h2{font-family:var(--font-display);letter-spacing:-1.4px;margin:9px 0 12px;font-size:38px;font-weight:700}.vocab-intro p{max-width:680px;color:var(--muted);margin:0;line-height:1.7}.vocab-total{background:#ffffffb8;border:1px solid #cfe4d9;border-radius:16px;flex-direction:column;min-width:190px;padding:19px 22px;display:flex;box-shadow:0 14px 35px #144e3b0f}.vocab-total strong{color:var(--green-dark);letter-spacing:-.8px;font-size:28px}.vocab-total span{color:#789087;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:11px}.vocab-browser{background:#fff;border:1px solid #dce8e1;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px #19493917}.vocab-toolbar{background:#fbfdfb;border-bottom:1px solid #e6eee9;padding:20px}.vocab-tabs{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.vocab-tabs button{color:#506760;cursor:pointer;background:#fff;border:1px solid #dfe9e4;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:9px 7px;transition:all .2s;display:flex}.vocab-tabs button:hover{border-color:#8dcdb5}.vocab-tabs button.active{color:#fff;border-color:var(--green);background:linear-gradient(135deg,#18a674,#0d7c57);box-shadow:0 8px 20px #16a16f38}.vocab-tabs strong{font-size:13px}.vocab-tabs span{opacity:.78;font-size:10px}.vocab-search{background:#fff;border:1px solid #dfe9e4;border-radius:10px;align-items:center;gap:10px;height:46px;margin-top:14px;padding:0 14px;display:flex}.vocab-search>span{color:#7c9189;font-size:24px;transform:rotate(-15deg)}.vocab-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1}.official-note{color:#49665c;background:#eff9f3;border:1px solid #d8eadf;border-radius:10px;align-items:flex-start;gap:10px;margin:18px 20px;padding:12px 15px;display:flex}.official-note>span{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.official-note p{margin:1px 0 0;font-size:12px;line-height:1.6}.vocab-table-wrap{border:1px solid #e3ebe6;border-radius:12px;min-height:400px;margin:0 20px;overflow-x:auto}.vocab-table{border-collapse:collapse;width:100%;min-width:680px}.vocab-table th{text-align:left;color:#87908d;letter-spacing:.2px;text-transform:none;background:#fafafa;padding:12px 18px;font-size:11px;font-weight:500}.vocab-table td{color:#6f7673;font-family:var(--font-ui);border-top:1px solid #edf0ee;padding:15px 18px;font-size:14px;font-weight:400}.vocab-table tbody tr:hover{background:#f7fcf9}.vocab-table td:first-child{color:#a0aca7;width:60px;font-size:11px}.vocab-table .vocab-hanzi{color:#202522;font-family:var(--font-hanzi);letter-spacing:0;font-size:21px;font-weight:500}.vocab-table .vocab-traditional{color:#59605d;font-family:var(--font-hanzi);font-size:18px;font-weight:400}.vocab-table .vocab-pinyin{color:#303532;font-size:15px;font-weight:400}.pos-pill{color:#536d63;background:#edf4f0;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-block}.vocab-loading{text-align:center;color:#7b8e87;padding:90px 20px}.data-load-state{color:#71837c;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:45px 20px;display:flex}.data-load-state strong{color:#294a3e;font-size:17px}.data-load-state p{max-width:520px;margin:8px 0 16px;font-size:12px;line-height:1.65}.data-load-state button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #8bc8af;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:750}.vocab-pagination{justify-content:space-between;align-items:center;gap:20px;padding:18px 20px 21px;display:flex}.vocab-pagination p{color:#7b8d86;margin:0;font-size:11px}.vocab-pagination>div{align-items:center;gap:10px;display:flex}.vocab-pagination span{color:#60736c;font-size:11px}.vocab-pagination button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #dbe7e1;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.vocab-pagination button:disabled{color:#adb8b4;cursor:default;background:#f6f8f6}.radical-library{background:#fff;padding:92px max(32px,50vw - 588px)}.radical-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;display:flex}.radical-heading h2{font-family:var(--font-display);letter-spacing:-1.3px;margin:9px 0 12px;font-size:38px}.radical-heading p{max-width:660px;color:var(--muted);margin:0;line-height:1.7}.radical-symbols{align-items:end;gap:8px;display:flex}.radical-symbols span{width:54px;height:54px;color:var(--green-dark);font-family:var(--font-hanzi);background:#f1faf5;border:1px solid #dce9e2;border-radius:15px;place-items:center;font-size:27px;font-weight:500;display:grid;transform:rotate(-4deg)}.radical-symbols span:nth-child(2){color:#267d79;background:#eef9f8;transform:translateY(-10px)rotate(3deg)}.radical-symbols span:nth-child(3){color:#9b7830;background:#fff9e9;transform:rotate(5deg)}.radical-controls{background:#f8fbf9;border:1px solid #e1ebe5;border-radius:16px;grid-template-columns:auto 1fr auto;gap:12px;padding:16px;display:grid}.radical-mode{gap:6px;display:flex}.radical-mode button{color:#65776f;cursor:pointer;background:#fff;border:1px solid #dce7e1;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:145px;padding:9px 13px;display:flex}.radical-mode button.active{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 7px 18px #16a16f2e}.radical-mode strong{font-size:12px}.radical-mode span{opacity:.78;font-size:9px}.radical-search{background:#fff;border:1px solid #dce7e1;border-radius:10px;align-items:center;gap:9px;height:48px;padding:0 13px;display:flex}.radical-search>span{color:#809088;font-size:23px;transform:rotate(-15deg)}.radical-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.stroke-filter{color:#829089;background:#fff;border:1px solid #dce7e1;border-radius:10px;align-items:center;gap:8px;min-width:130px;height:48px;padding:0 12px;display:flex}.stroke-filter span{white-space:nowrap;font-size:10px}.stroke-filter select{min-width:64px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:12px}.radical-summary{color:#7c8d86;justify-content:space-between;align-items:center;margin:20px 2px 15px;font-size:11px;display:flex}.radical-summary p{margin:0}.radical-summary>span{align-items:center;gap:7px;display:flex}.radical-summary i{background:var(--green);border-radius:50%;width:7px;height:7px}.radical-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.radical-card{background:#fdfefd;border:1px solid #e2eae5;border-radius:14px;flex-direction:column;min-height:220px;padding:17px;transition:all .2s;display:flex}.radical-card:hover{border-color:#a6d8c4;transform:translateY(-3px);box-shadow:0 13px 28px #1b4b3b14}.radical-card-top{color:#9aa8a2;justify-content:space-between;align-items:center;font-size:9px;display:flex}.stroke-count{color:#71847c;background:#edf4f0;border-radius:99px;padding:4px 7px}.radical-main{align-items:center;gap:14px;margin-top:14px;display:flex}.radical-main>strong{color:#143d30;min-width:55px;font-family:var(--font-hanzi);font-size:43px;font-weight:500;line-height:1}.radical-main>div{flex-direction:column;display:flex}.radical-main b{color:#263b34;font-size:13px}.radical-main span{color:var(--green-dark);margin-top:3px;font-size:12px}.radical-card>p{color:#66766f;min-height:36px;margin:14px 0;font-size:12px;line-height:1.5}.radical-detail{border-top:1px solid #edf1ee;align-items:center;gap:9px;min-height:27px;padding-top:8px;display:flex}.radical-detail span{color:#9aa6a1;min-width:47px;font-size:9px}.radical-detail b{color:#53665e;font-family:var(--font-hanzi);font-size:13px;font-weight:500}.reference-hub{grid-template-columns:repeat(2,1fr);gap:18px;max-width:1240px;margin:auto;padding:72px 32px;display:grid}.reference-card{min-height:174px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(135deg,#f9fdfb,#eef9f3);border:1px solid #dce9e2;border-radius:20px;grid-template-columns:66px 1fr auto;align-items:center;gap:21px;padding:27px;transition:all .2s;display:grid}.reference-card:hover{border-color:#8fd0b7;transform:translateY(-3px);box-shadow:0 18px 42px #1b4b3b1a}.radical-reference{background:linear-gradient(135deg,#fffdf8,#f7f4e9)}.exam-reference{background:linear-gradient(135deg,#f6f4ff,#eff8f5)}.dictionary-reference{background:linear-gradient(135deg,#f2fbf7,#e5f5ee)}.reference-icon{color:#fff;background:var(--green);width:66px;height:66px;font-family:var(--font-hanzi);border-radius:18px;place-items:center;font-size:32px;display:grid;box-shadow:0 10px 24px #16a16f33}.radical-reference .reference-icon{color:#7c6329;background:#f3dfa4;box-shadow:0 10px 24px #7c632921}.exam-reference .reference-icon{background:linear-gradient(135deg,#7357c8,#4c8a79);box-shadow:0 10px 24px #584ca433}.dictionary-reference .reference-icon{color:#fff;background:linear-gradient(135deg,#087b57,#1db680);box-shadow:0 10px 24px #10825b38}.reference-copy{flex-direction:column;min-width:0;display:flex}.reference-copy small{color:var(--green);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.reference-copy strong{font-family:var(--font-display);letter-spacing:-.5px;margin:5px 0 7px;font-size:25px}.reference-copy>span{color:var(--muted);font-size:12px;line-height:1.55}.reference-card>i{color:var(--green-dark);white-space:nowrap;font-size:12px;font-style:normal;font-weight:750}.reference-page{background:#f7faf7;min-height:100vh}.reference-page-header{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfdfaf0;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 max(32px,50vw - 588px);display:grid;position:sticky;top:0}.reference-page-header>button{border:1px solid var(--line);color:var(--green-dark);cursor:pointer;background:#fff;border-radius:9px;justify-self:start;padding:9px 13px;font-size:12px;font-weight:700}.reference-page-header>span{justify-self:end}.mock-exam-library{color:#1d332c;background:#f8faf7;min-height:calc(100vh - 76px);padding-bottom:90px}.mock-exam-hero{background:radial-gradient(circle at 80% 30%,#6f56ca26,#0000 35%),linear-gradient(120deg,#edf9f4,#f4f2fb);justify-content:space-between;align-items:center;gap:50px;min-height:330px;padding:66px max(32px,50vw - 588px);display:flex;position:relative;overflow:hidden}.mock-exam-hero:after{content:"模拟考试";color:#1e5a4509;font-family:var(--font-hanzi);white-space:nowrap;font-size:112px;font-weight:800;position:absolute;bottom:-35px;right:-12px}.mock-exam-hero>div:first-child{z-index:1;position:relative}.mock-exam-hero h1{font-family:var(--font-display);letter-spacing:-2.5px;margin:14px 0 16px;font-size:clamp(42px,5vw,66px);line-height:1.05}.mock-exam-hero h1 em{color:var(--green);font-style:normal}.mock-exam-hero p{color:#64776f;max-width:690px;margin:0;font-size:15px;line-height:1.75}.mock-exam-seal{color:#5d4fa1;z-index:1;background:#ffffffb3;border:1px solid #5b4aa92e;border-radius:38px 38px 38px 12px;flex:none;align-content:center;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:0 25px 60px #36345b1f}.mock-exam-seal strong{font-size:43px;line-height:1}.mock-exam-seal span{color:#8b83ad;letter-spacing:1px;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:750}.mock-exam-seal i{color:#16a16f29;font-family:var(--font-hanzi);font-size:41px;font-style:normal;position:absolute;bottom:6px;right:10px}.exam-level-tabs{background:#fff;border:1px solid #dfe8e3;border-radius:16px;grid-template-columns:repeat(9,1fr);gap:7px;max-width:1176px;margin:36px auto 0;padding:9px;display:grid;box-shadow:0 12px 34px #1a46370f}.exam-level-tabs button{color:#66776f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:48px;font-size:12px;font-weight:750}.exam-level-tabs button:hover{color:var(--green-dark);background:#f0f8f4}.exam-level-tabs button.active{color:#fff;background:linear-gradient(135deg,#18a674,#0b7653);box-shadow:0 8px 20px #16a16f38}.exam-overview{grid-template-columns:1fr 310px;align-items:start;gap:18px;max-width:1176px;margin:18px auto 0;display:grid}.exam-overview-main,.exam-principles{background:#fff;border:1px solid #dfe7e2;border-radius:20px;box-shadow:0 18px 48px #1f423612}.exam-overview-main{padding:32px}.exam-title-line{align-items:center;gap:17px;display:flex}.exam-level-badge{color:#fff;border-radius:17px;flex:none;place-items:center;width:68px;height:68px;font-size:15px;font-weight:850;display:grid}.exam-title-line h2{font-family:var(--font-display);letter-spacing:-.7px;margin:6px 0 0;font-size:30px}.exam-facts{border:1px solid #e2e9e5;border-radius:13px;grid-template-columns:repeat(4,1fr);margin:27px 0 20px;display:grid;overflow:hidden}.exam-facts span{color:#85938e;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #e7ece9;flex-direction:column;justify-content:center;min-height:66px;padding:13px;font-size:9px;display:flex}.exam-facts span:last-child{border-right:0}.exam-facts strong{color:#28483d;letter-spacing:0;text-transform:none;margin-bottom:3px;font-size:20px}.exam-structure{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.exam-structure>div{background:#fafcfb;border:1px solid #e1e9e5;border-radius:11px;align-items:center;gap:9px;min-height:70px;padding:12px;display:flex}.exam-structure>div>span{width:35px;height:35px;color:var(--green-dark);font-family:var(--font-hanzi);background:#e7f6ef;border-radius:9px;flex:none;place-items:center;font-size:18px;display:grid}.exam-structure>div>div{flex-direction:column;min-width:0;display:flex}.exam-structure strong{font-size:12px}.exam-structure small{color:#82918b;margin-top:4px;font-size:9px;line-height:1.4}.exam-official-note{color:#5c5670;background:#f7f4fc;border:1px solid #e2d9f5;border-radius:11px;gap:10px;margin-top:20px;padding:13px 15px;display:flex}.exam-official-note>span{color:#fff;background:#7156bd;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:850;display:grid}.exam-official-note p{margin:1px 0 0;font-size:11px;line-height:1.6}.exam-start{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;margin-top:24px;padding:14px 20px;font-weight:750;box-shadow:0 10px 25px #16a16f33}.exam-start span{margin-left:20px}.exam-principles{padding:28px}.exam-principles h3{margin:8px 0 19px;font-size:21px;line-height:1.3}.exam-principles ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.exam-principles li{color:#53675f;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;display:flex}.exam-principles li span{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.exam-principles>p{color:#8a9691;border-top:1px solid #e5ebe7;margin:22px 0 0;padding-top:18px;font-size:9px;line-height:1.6}.exam-principles>p a{color:var(--green-dark);text-underline-offset:2px;font-weight:750;text-decoration:underline}.exam-room{background:#f1f4f2;min-height:calc(100dvh - 76px)}.exam-room-top{z-index:30;background:#fff;border-bottom:1px solid #dce5e0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:70px;padding:0 max(22px,50vw - 625px);display:grid;position:sticky;top:76px}.exam-room-top>div{align-items:center;gap:10px;display:flex}.exam-mark{color:#fff;background:var(--green);width:37px;height:37px;font-family:var(--font-hanzi);border-radius:10px;place-items:center;font-size:19px;display:grid}.exam-room-top strong{font-size:14px}.exam-room-top>button{color:#65776f;cursor:pointer;background:#fff;border:1px solid #dce5e0;border-radius:8px;justify-self:end;padding:8px 12px;font-size:10px}.exam-timer{color:#20483a;font-variant-numeric:tabular-nums;text-align:center;background:#eaf7f1;border-radius:9px;min-width:92px;padding:9px 14px;font-size:17px;font-weight:800}.exam-timer.urgent{color:#a63838;background:#ffeded;animation:1s ease-in-out infinite exam-timer-pulse}@keyframes exam-timer-pulse{0%,to{box-shadow:0 0 #cc2d2d00}50%{box-shadow:0 0 18px #cc2d2d38}}.exam-workspace{grid-template-columns:280px 1fr;max-width:1300px;min-height:calc(100dvh - 146px);margin:auto;display:grid}.exam-sidebar{background:#f8faf9;border-right:1px solid #dce5e0;padding:22px 18px 50px;overflow-y:auto}.exam-sidebar>div{margin-bottom:22px}.exam-sidebar>div>strong{color:#3e5a50;justify-content:space-between;font-size:11px;display:flex}.exam-sidebar strong small{color:#91a09a;font-weight:500}.exam-sidebar>div>div{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:9px;display:grid}.exam-sidebar button{aspect-ratio:1;color:#74837d;cursor:pointer;background:#fff;border:1px solid #dce5e0;border-radius:7px;font-size:9px;position:relative}.exam-sidebar button.answered{color:#fff;border-color:var(--green);background:var(--green)}.exam-sidebar button.current{outline-offset:1px;outline:2px solid #7c65c7}.exam-sidebar button.flagged:after{content:"";background:#ef8d35;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.exam-question{justify-self:center;width:100%;max-width:880px;padding:42px 54px 55px}.exam-question-meta{color:var(--green-dark);text-transform:uppercase;letter-spacing:.7px;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.exam-question-meta button{color:#7e8d87;text-transform:none;letter-spacing:0;cursor:pointer;background:#fff;border:1px solid #dfe7e3;border-radius:7px;padding:7px 9px;font-size:9px}.exam-question-meta button.active{color:#a5611e;background:#fff7ec;border-color:#efc997}.exam-question h2{margin:19px 0 24px;font-size:29px}.exam-audio{background:linear-gradient(120deg,#eef8f3,#f5f3fb);border:1px solid #dce6e1;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;min-height:96px;margin-bottom:19px;padding:17px 18px;display:flex}.exam-audio-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.exam-audio-main>button{color:#fff;cursor:pointer;background:#6a55b2;border:0;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:750;transition:transform .16s,box-shadow .16s,opacity .16s}.exam-audio-main>button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #6a55b233}.exam-audio-main>button:disabled{opacity:.62;cursor:wait;box-shadow:none;transform:none}.exam-audio-main>button.audio-secondary{color:#66539e;background:#ffffffb8;border:1px solid #cfc6e7;padding:10px 12px}.exam-audio-main>span{color:#71817a;align-items:center;gap:7px;width:100%;font-size:10px;display:flex}.exam-audio-main>span i{background:#a8b6b0;border-radius:50%;flex:none;width:7px;height:7px}.exam-audio-main>span.audio-playing{color:#2e6c57;font-weight:700}.exam-audio-main>span.audio-playing i{background:var(--green);animation:1.2s ease-in-out infinite audio-wave}.exam-audio-main>span.audio-unavailable{color:#8a5a2b;font-weight:700}.exam-audio-main>span.audio-unavailable i{background:#d18b35}@keyframes audio-wave{0%,to{transform:scale(.9);box-shadow:0 0 #16a16f14}50%{transform:scale(1.12);box-shadow:0 0 0 6px #16a16f24}}.exam-passage{color:#283e36;font-family:var(--font-hanzi);background:#fff;border-left:4px solid #79bda1;border-radius:0 12px 12px 0;margin:0 0 21px;padding:21px 23px;font-size:19px;line-height:1.9}.exam-prompt{color:#3b5149;margin:0 0 17px;font-size:14px;line-height:1.7}.exam-options{gap:9px;display:grid}.exam-options button{color:#344b42;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce5e0;border-radius:11px;align-items:center;gap:12px;min-height:57px;padding:10px 15px;transition:all .15s;display:flex}.exam-options button:hover{border-color:#8ccdb4;transform:translate(3px)}.exam-options button.selected{color:#174b39;border-color:var(--green);background:#eef9f4;box-shadow:0 7px 18px #16a16f17}.exam-options button span{color:#687c74;background:#eef3f0;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.exam-options button.selected span{color:#fff;background:var(--green)}.exam-options button:disabled{cursor:default;transform:none}.exam-options button.correct{background:#eaf8f1;border-color:#35a875}.exam-options button.correct span{color:#fff;background:#239766}.exam-options button.wrong{background:#fff0f0;border-color:#df7979}.exam-options button.wrong span{color:#fff;background:#cc5d5d}.exam-written textarea{resize:vertical;color:#263c34;width:100%;min-height:210px;font-family:var(--font-ui);background:#fff;border:1px solid #dbe5df;border-radius:12px;outline:0;padding:17px;font-size:17px;line-height:1.8}.exam-written textarea:focus{border-color:#76c1a2;box-shadow:0 0 0 3px #16a16f17}.exam-written textarea:read-only{color:#53665e;background:#f7f9f7}.exam-guidance{color:#3c6254;background:#edf8f2;border:1px solid #cfe4d9;border-radius:9px;margin:10px 0 0;padding:12px 14px;font-size:11px;line-height:1.6}.exam-navigation{border-top:1px solid #dfe6e2;justify-content:space-between;align-items:center;gap:13px;margin-top:31px;padding-top:18px;display:flex}.exam-navigation button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #d8e3dd;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:750}.exam-navigation button:disabled{opacity:.4;cursor:default}.exam-navigation button.submit{color:#fff;border-color:var(--green);background:var(--green)}.exam-navigation span{color:#85928d;font-size:9px}.exam-result{text-align:center;max-width:850px;margin:auto;padding:70px 32px}.exam-score-ring{width:145px;height:145px;color:var(--green-dark);background:#fff;border:12px solid #dff1e9;border-radius:50%;align-content:center;place-items:center;margin:22px auto;display:grid;box-shadow:0 20px 50px #224b3d1a}.exam-score-ring strong{font-size:40px;line-height:1}.exam-score-ring span{color:#8b9893;margin-top:4px;font-size:10px}.exam-result h2{margin:0 0 12px;font-size:29px}.exam-result>p{color:#667971;max-width:680px;margin:auto;font-size:12px;line-height:1.7}.exam-result-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin:28px 0;display:grid}.exam-result-grid>div{background:#fff;border:1px solid #dfe8e3;border-radius:11px;flex-direction:column;gap:4px;padding:16px 8px;display:flex}.exam-result-grid span{color:#73857e;font-size:9px}.exam-result-grid strong{color:#214a3b;font-size:20px}.exam-result-grid small{color:#9aa6a1;font-size:8px}.exam-result-actions{justify-content:center;align-items:center;gap:13px;display:flex}.exam-result-actions>button:not(.primary-button){color:#70817a;cursor:pointer;background:0 0;border:0;padding:10px 13px;font-size:11px}.about{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:270px;padding:68px max(32px,50vw - 588px);display:flex}.about-title{align-items:center;gap:20px;display:flex}.about-title>div{flex-direction:column;display:flex}.about-eyebrow{color:#70d6b1;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800}.about h2{margin:0;font-size:30px}.about-sponsor{width:min(520px,48%)}.about p{color:#b8cac4;margin:0;line-height:1.75}.sponsor-contacts{gap:10px;margin-top:19px;display:flex}.sponsor-contacts>span{background:#ffffff0f;border:1px solid #7dd2b33b;border-radius:11px;flex-direction:column;gap:4px;min-width:170px;padding:12px 15px;display:flex}.sponsor-contacts small{color:#79cdb0;letter-spacing:.9px;text-transform:uppercase;font-size:9px;font-weight:800}.sponsor-contacts strong{color:#fff;letter-spacing:.2px;font-size:14px}.community-invite{background:linear-gradient(120deg,#f1faf6,#f8fcfa);border:1px solid #cfe7dc;border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:20px;width:min(1176px,100% - 64px);margin:0 auto 72px;padding:27px 30px;display:grid;box-shadow:0 14px 36px #184e3c12}.community-invite-icon{color:#fff;background:var(--green);width:52px;height:52px;font-family:var(--font-hanzi);border-radius:15px 15px 15px 5px;place-items:center;font-size:25px;font-weight:700;display:grid;box-shadow:0 9px 22px #16a16f33}.community-invite-copy{min-width:0}.community-invite-copy>span{color:var(--green-dark);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:850}.community-invite h2{letter-spacing:-.3px;margin:5px 0 6px;font-size:22px}.community-invite p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.community-invite-button{border:1px solid var(--green);color:#fff;background:var(--green);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 17px;font-size:12px;font-weight:750;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 24px #16a16f2e}.community-invite-button:hover{border-color:var(--green-dark);background:var(--green-dark);transform:translateY(-2px);box-shadow:0 12px 28px #0d755238}.community-invite-button:focus-visible,.footer-community-link:focus-visible{outline-offset:3px;outline:3px solid #16a16f47}footer{color:#81908b;justify-content:space-between;align-items:center;max-width:1240px;height:70px;margin:auto;padding:0 32px;font-size:11px;display:flex}.footer-community-link{color:var(--green-dark);font-weight:700;transition:color .2s}.footer-community-link:hover{color:var(--green)}.reader-overlay{z-index:100;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;background:#e8eee8;height:100dvh;padding:28px;animation:.22s both fade-in;position:fixed;inset:0;overflow-y:auto}.reader{color:#202e29;background-color:#f8f8ed;background-image:radial-gradient(#1d533e0b .7px,#0000 .7px),linear-gradient(90deg,#fff6,#0000 48%,#d2e0d429);background-size:7px 7px,100% 100%;border:1px solid #dce2d3;border-radius:6px;max-width:960px;margin:auto;animation:.32s ease-out both scale-in;overflow:hidden;box-shadow:0 28px 80px #1f403524}.reader-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fffff8c7;border-bottom:1px solid #dbe2d5;justify-content:space-between;align-items:center;min-height:66px;padding:0 34px;display:flex;position:sticky;top:0}.back-button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-weight:700}.reader-actions{gap:8px;display:flex}.reader-heading{text-align:center;flex-direction:column;align-items:center;padding:55px 72px 34px;display:flex}.reader-level{color:#fff;border-radius:6px;margin-bottom:8px;padding:5px 10px;font-size:10px;font-weight:850}.reader-heading h1{font-family:var(--font-hanzi);letter-spacing:1px;margin:12px 0 2px;font-size:38px;font-weight:600}.reader-heading>p{color:#172d25;font-family:var(--font-display);margin:0;font-size:21px;font-weight:600}.title-flourish{color:#65a78d;align-items:center;gap:12px;width:210px;margin-top:22px;display:flex}.title-flourish i,.reader-ending i{background:#b9cfbf;flex:1;height:1px}.title-flourish span{border:1px solid #82b29f;border-radius:50%;place-items:center;width:28px;height:28px;font-family:serif;font-size:13px;display:grid}.reading-body{padding:18px 72px 34px}.paragraph-block{margin-bottom:28px}.paragraph-block--continuous{margin-bottom:22px}.sentence-pair{margin-bottom:19px}.sentence-pair:last-child{margin-bottom:0}.hanzi{font-family:var(--font-hanzi);letter-spacing:.2px;margin:0;font-size:23px;font-weight:400;line-height:1.9}.hanzi--continuous{text-indent:2em;text-align:left;word-break:normal;overflow-wrap:break-word;line-height:1.95}.keyword,.keyword-2,.keyword-3{color:#075d43;-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:help;background:linear-gradient(#0000 62%,#bde5d3 62%);border:0;border-radius:2px;margin:0 1px;padding:0 2px;font-weight:850;transition:color .18s,background-color .18s,box-shadow .18s;display:inline;position:relative}.keyword:hover,.keyword:focus-visible{color:#fff;z-index:20;background:#087654;outline:none;box-shadow:0 0 0 3px #16a16f29}.keyword:after{content:attr(data-pinyin) " · " attr(data-meaning);z-index:30;color:#fff;min-width:max-content;max-width:260px;font-family:var(--font-ui);letter-spacing:0;text-indent:0;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:bottom;background:#153f32;border:1px solid #ffffff26;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:650;line-height:1.4;transition:opacity .17s,transform .17s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,7px)scale(.96);box-shadow:0 12px 30px #082b2040}.keyword:before{content:"";z-index:31;opacity:0;pointer-events:none;border:6px solid #0000;border-top-color:#153f32;transition:opacity .17s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.keyword:hover:after,.keyword:focus-visible:after{opacity:1;transform:translate(-50%)scale(1)}.keyword:hover:before,.keyword:focus-visible:before{opacity:1}.keyword:after,.keyword:before{display:none}.pinyin{color:#59645f;font-family:var(--font-ui);letter-spacing:.05px;background:0 0;border-left:2px solid #9cbcab;margin:1px 0 0;padding:0 0 0 13px;font-size:14px;font-weight:400;line-height:1.65}.translation{background:#ebf1e294;border:1px solid #cfdccd;border-radius:2px;margin:8px 72px 48px;padding:27px 30px;position:relative}.translation p{font-family:var(--font-ui);color:#304139;margin:13px 0 0;font-size:16px;font-weight:400;line-height:1.85}.lesson-label{color:#173b2e;border-bottom:3px solid #81bda4;padding-bottom:5px;font-size:15px;font-weight:850;display:inline-block}.study-notes{border-top:1px dashed #adbea9;grid-template-columns:.9fr 1.1fr;gap:34px;margin:0 72px;padding:39px 0 45px;display:grid}.lesson-panel{min-width:0}.vocab-list,.grammar-list{gap:12px;margin-top:17px;display:grid}.vocab-row{border-bottom:1px dotted #c4cec0;border-radius:8px;grid-template-columns:auto 1fr;column-gap:7px;padding:8px 8px 10px;transition:transform .18s,background-color .18s;display:grid}.vocab-row:hover{background:#d7efe494;transform:translate(4px)}.vocab-row strong{font-family:var(--font-hanzi);font-size:19px;font-weight:600}.vocab-row span{color:#536b61;align-self:center;font-size:12px}.vocab-row p{color:#263a32;grid-column:1/-1;margin:3px 0 0;font-size:13px}.grammar-item{border-bottom:1px dotted #c4cec0;border-radius:8px;padding:8px 8px 11px;transition:transform .18s,background-color .18s}.grammar-item:hover{background:#eef1da9e;transform:translate(4px)}.grammar-item strong{font-family:var(--font-ui);color:#163f30;font-size:17px;font-weight:650;display:block}.grammar-item>span{color:#477064;margin-top:2px;font-size:12px;font-weight:700;display:block}.grammar-item p{color:#4b5c55;margin:6px 0 0;font-size:12px;line-height:1.55}.grammar-item p i{color:#7b8d85}.reader-ending{color:#7e9b8d;letter-spacing:3px;align-items:center;gap:15px;max-width:250px;margin:0 auto 48px;font-size:12px;display:flex}.completion-card{background:#ffffff9e;border:1px solid #cbdcd2;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;margin:0 72px 54px;padding:22px 24px;display:grid}.completion-card>span{color:#fff;width:46px;height:46px;font-family:var(--font-hanzi);background:#78998b;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.completion-card strong{color:#26433a;display:block}.completion-card p{color:#73837d;margin:5px 0 0;font-size:12px}.reader-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:-24px 72px 54px;display:grid}.reader-navigation-button{color:#173f31;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #bfd5ca;border-radius:13px;align-items:center;gap:14px;min-height:76px;padding:15px 18px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex}.reader-navigation-button:hover{background:#fff;border-color:#75ad96;transform:translateY(-2px);box-shadow:0 10px 24px #184e3c17}.reader-navigation-button:focus-visible{outline-offset:3px;outline:3px solid #16a16f3d}.reader-navigation-button>span:first-child:last-child,.reader-navigation-button>span[aria-hidden=true]{color:var(--green);flex:none;font-size:22px}.reader-navigation-button>span:not([aria-hidden=true]){gap:4px;min-width:0;display:grid}.reader-navigation-button small{color:#71847c;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:850}.reader-navigation-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.reader-navigation-button.next{text-align:right;justify-content:flex-end}.reader-navigation-edge{color:#7b8b84;border:1px dashed #ccd8d1;border-radius:13px;align-items:center;min-height:76px;padding:15px 18px;font-size:12px;line-height:1.5;display:flex}.reader-navigation-edge.next{text-align:right;justify-content:flex-end}.completion-card button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #72bf9f;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:750}.completion-card.completed{background:#edf9f3;border-color:#83c9ac}.completion-card.completed>span{background:var(--green)}.section-title.compact{margin-bottom:22px}.section-title.compact h2{font-size:23px}.vocab-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.vocab-item{background:#fafbf8;border:1px solid #e5ece7;border-radius:11px;padding:15px;display:grid}.vocab-item.vocab-1,.vocab-item.vocab-2,.vocab-item.vocab-3{background:#f3fbf7;border-top:3px solid #48bd8d}.vocab-item strong{font-size:20px}.vocab-item span{color:var(--green);margin-top:3px;font-size:11px}.vocab-item p{color:var(--muted);margin:11px 0 0;font-size:12px}.learning-progress{background:linear-gradient(135deg,#f9fdfb,#edf8f2);border:1px solid #d8e8df;border-radius:20px;grid-template-columns:1fr 1.25fr;gap:22px 30px;max-width:1176px;margin:50px auto 0;padding:26px;animation:.5s both rise-in;display:grid;box-shadow:0 18px 45px #19493912}.progress-summary{align-items:center;gap:17px;display:flex}.progress-icon{color:#fff;width:58px;height:58px;font-family:var(--font-hanzi);background:linear-gradient(135deg,#1bad79,#08754f);border-radius:17px;flex:none;place-items:center;font-size:27px;display:grid;box-shadow:0 10px 25px #16a16f38}.progress-summary h2{font-family:var(--font-display);margin:6px 0 4px;font-size:24px}.progress-summary p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.progress-levels{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.progress-levels button{color:#557067;cursor:pointer;background:#ffffffc7;border:1px solid #dce8e1;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 10px;display:grid}.progress-levels span,.progress-levels small{white-space:nowrap;font-size:9px}.progress-levels i{background:#e3ece7;border-radius:99px;height:5px;overflow:hidden}.progress-levels i b{border-radius:inherit;background:var(--green);height:100%;transition:width .5s;display:block}.progress-actions{border-top:1px solid #d9e7df;grid-column:1/-1;align-items:center;gap:10px;padding-top:18px;display:flex}.progress-actions .primary-button{padding:11px 15px;font-size:12px}.progress-test-button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #8dcdb4;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750}.progress-reset{color:#899791;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.article-card.completed{background:linear-gradient(#fff,#f2faf6);border-color:#9ed2bd}.article-card.completed .article-meta>span:last-child{color:var(--green-dark);font-weight:750}.zalo-invite-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071c25c2;place-items:center;padding:24px;animation:.2s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.zalo-invite-dialog{background:#fbfdfb;border:1px solid #ffffffb8;border-radius:27px;grid-template-columns:.88fr 1.12fr;width:min(790px,100%);min-height:520px;animation:.28s ease-out both scale-in;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 110px #02192066}.zalo-invite-close{z-index:2;color:#70847c;cursor:pointer;background:#ffffffe6;border:1px solid #dce8e3;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;font-weight:300;line-height:1;transition:all .18s;display:grid;position:absolute;top:17px;right:17px}.zalo-invite-close:hover{color:#173d31;border-color:#aecfc1;transform:rotate(5deg)}.zalo-invite-visual{color:#fff;background:radial-gradient(circle at 20% 15%,#fff3,#0000 26%),linear-gradient(145deg,#168ee4,#0866c6 66%,#0755a8);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:45px 28px;display:flex;position:relative;overflow:hidden}.zalo-invite-visual:after{content:"群";color:#ffffff12;font-family:var(--font-hanzi);font-size:240px;font-weight:800;line-height:1;position:absolute;bottom:-67px;right:-25px}.zalo-invite-orbit{border:1px solid #ffffff26;border-radius:50%;position:absolute}.zalo-invite-orbit.orbit-one{width:280px;height:280px}.zalo-invite-orbit.orbit-two{width:380px;height:380px}.zalo-invite-mark{z-index:1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffff29;border:1px solid #ffffff73;border-radius:35px 35px 35px 10px;place-items:center;width:126px;height:126px;display:grid;position:relative;box-shadow:0 24px 55px #002a6047}.zalo-invite-mark strong{font-family:var(--font-hanzi);margin-top:9px;font-size:53px;font-weight:700;line-height:1}.zalo-invite-mark small{letter-spacing:.7px;margin-top:-12px;font-size:14px;font-weight:850}.zalo-invite-visual p{z-index:1;letter-spacing:.8px;text-align:center;margin:28px 0 0;font-size:11px;font-weight:750;position:relative}.zalo-invite-content{flex-direction:column;justify-content:center;min-width:0;padding:62px 48px 42px;display:flex}.zalo-invite-eyebrow{color:#0877cf;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:850}.zalo-invite-content h2{color:#17382f;font-family:var(--font-display);letter-spacing:-.7px;margin:12px 0 13px;font-size:31px;line-height:1.15}.zalo-invite-content>p{color:#63776f;margin:0;font-size:13px;line-height:1.72}.zalo-invite-content ul{gap:10px;margin:23px 0 27px;padding:0;list-style:none;display:grid}.zalo-invite-content li{color:#435a52;align-items:center;gap:10px;font-size:12px;line-height:1.45;display:flex}.zalo-invite-content li span{color:#0875cc;width:29px;height:29px;font-family:var(--font-hanzi);background:#e9f5ff;border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:750;display:grid}.zalo-invite-actions{align-items:center;gap:10px;display:flex}.zalo-invite-primary{color:#fff;background:linear-gradient(135deg,#168ee4,#0871d2);border-radius:11px;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:0 17px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 12px 28px #0871d23d}.zalo-invite-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0871d24d}.zalo-invite-later{color:#5d746b;cursor:pointer;background:#fff;border:1px solid #d9e6e0;border-radius:10px;min-height:45px;padding:0 13px;font-size:12px;font-weight:700}.zalo-invite-never{color:#80908a;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ccd9d4;align-self:flex-start;margin-top:16px;padding:1px 0;font-size:10px}.zalo-invite-close:focus-visible,.zalo-invite-primary:focus-visible,.zalo-invite-later:focus-visible,.zalo-invite-never:focus-visible{outline-offset:3px;outline:3px solid #168ee452}.assessment-overlay{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a231cad;place-items:center;padding:24px;animation:.2s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.assessment-card{background:#fbfdf9;border:1px solid #ffffffb3;border-radius:24px;flex-direction:column;justify-content:center;width:min(680px,100%);min-height:500px;padding:44px 48px;animation:.3s ease-out both scale-in;display:flex;box-shadow:0 35px 100px #041c1552}.assessment-mark{color:#fff;background:var(--green);width:58px;height:58px;font-family:var(--font-hanzi);border-radius:17px 17px 17px 5px;place-items:center;margin-bottom:21px;font-size:28px;display:grid;box-shadow:0 10px 28px #16a16f40}.assessment-card h2{color:#18372e;font-family:var(--font-display);margin:10px 0 13px;font-size:32px;line-height:1.2}.assessment-card>p,.assessment-result>p{color:#64776f;margin:0;line-height:1.7}.assessment-features{grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0;display:grid}.assessment-features span{color:#71857d;background:#fff;border:1px solid #deebe4;border-radius:11px;flex-direction:column;align-items:center;gap:3px;padding:14px;font-size:10px;display:flex}.assessment-features b{color:var(--green-dark);font-size:23px}.assessment-actions{align-items:center;gap:17px;display:flex}.assessment-skip{color:#7f8e88;cursor:pointer;background:0 0;border:0;font-size:12px}.assessment-progress{color:#71827b;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:31px;font-size:10px;display:grid}.assessment-progress i{background:#e2ebe6;border-radius:99px;height:7px;overflow:hidden}.assessment-progress i b{border-radius:inherit;background:linear-gradient(90deg,#18a674,#53c99e);height:100%;transition:width .25s;display:block}.assessment-skill{color:var(--green-dark);background:#e8f6ef;border-radius:6px;align-self:flex-start;padding:5px 8px;font-size:10px;font-weight:800}.assessment-context{font-family:var(--font-hanzi);background:#f0f7f2;border-left:3px solid #72bd9e;padding:15px 17px;font-size:16px;color:#263d35!important;margin:18px 0 0!important}.dictionary-library{min-height:calc(100vh - 76px);color:var(--ink);background:linear-gradient(#f2faf6 0,#fff 370px);padding:0 0 80px}.dictionary-library-hero{justify-content:space-between;align-items:center;gap:35px;min-height:285px;padding:62px max(32px,50vw - 588px);display:flex;position:relative;overflow:hidden}.dictionary-library-hero:after{content:"辞典";color:#10895e0b;font-family:var(--font-hanzi);pointer-events:none;font-size:205px;font-weight:800;position:absolute;bottom:-92px;right:-20px}.dictionary-library-hero>div{z-index:1;position:relative}.dictionary-library-hero h1{font-family:var(--font-display);letter-spacing:-2px;margin:9px 0 13px;font-size:48px;line-height:1.04}.dictionary-library-hero p{max-width:680px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.dictionary-library-mark{z-index:1;color:#fff;width:92px;height:92px;font-family:var(--font-hanzi);background:linear-gradient(135deg,#19ab76,#08734f);border:1px solid #ffffffb3;border-radius:27px 27px 27px 8px;flex:none;place-items:center;font-size:42px;display:grid;position:relative;transform:rotate(3deg);box-shadow:0 22px 45px #11755238}.dictionary-level-tabs{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dceae3;border-radius:17px;grid-template-columns:repeat(9,1fr);gap:8px;max-width:1176px;margin:-23px auto 0;padding:12px;display:grid;position:relative;box-shadow:0 18px 45px #144b3914}.dictionary-level-tabs button{color:#64766f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:47px;font-size:12px;font-weight:750;transition:all .18s}.dictionary-level-tabs button:hover:not(:disabled){color:var(--green-dark);background:#f3fbf7;border-color:#b8ddcd}.dictionary-level-tabs button.active{color:#fff;border-color:var(--green);background:linear-gradient(135deg,#18a674,#0d7c57);box-shadow:0 7px 18px #16a16f33}.dictionary-level-tabs button:disabled{cursor:wait}.dictionary-search-panel{background:#fff;border:1px solid #e0ebe5;border-radius:18px;max-width:1176px;margin:24px auto 0;padding:20px;box-shadow:0 16px 40px #1b4b3b0f}.dictionary-search{background:#fbfefc;border:2px solid #d7e9e0;border-radius:14px;align-items:center;gap:12px;height:58px;padding:0 16px;transition:all .18s;display:flex}.dictionary-search:focus-within{border-color:#55bd94;box-shadow:0 0 0 4px #16a16f1a}.dictionary-search>span{color:#6f9485;font-size:28px;transform:rotate(-12deg)}.dictionary-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.dictionary-search>button{color:#6c8078;cursor:pointer;background:#edf4f0;border:0;border-radius:50%;width:31px;height:31px}.dictionary-pack-status{color:#71847d;align-items:center;gap:8px;min-height:26px;margin:12px 2px 0;font-size:11px;font-weight:650;display:flex}.dictionary-pack-status i{background:#92a59e;border-radius:50%;flex:none;width:8px;height:8px}.dictionary-pack-status.loading i{background:#5088b4;animation:1s infinite dictionary-pulse}.dictionary-pack-status.ready{color:#39705b}.dictionary-pack-status.ready i{background:var(--green);box-shadow:0 0 0 4px #e1f5ec}.dictionary-pack-status.error{color:#a04c4c}.dictionary-pack-status.error i{background:#c45b5b}.dictionary-pack-status button{color:#994747;cursor:pointer;background:#fff8f8;border:1px solid #dca9a9;border-radius:7px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:750}@keyframes dictionary-pulse{50%{opacity:.35;transform:scale(.8)}}.dictionary-results{max-width:1176px;margin:22px auto 0}.dictionary-results-summary{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.dictionary-results-summary strong{font-size:13px}.dictionary-results-summary span{color:#84938e;font-size:11px}.dictionary-result-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.dictionary-result-grid>button{min-height:142px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e9e4;border-radius:14px;grid-template-columns:1fr auto;align-content:start;gap:5px 12px;padding:17px 18px;transition:all .18s;display:grid;position:relative}.dictionary-result-grid>button:hover{border-color:#8fd0b7;transform:translateY(-2px);box-shadow:0 13px 28px #1b4b3b14}.dictionary-result-grid>button>span:first-child{align-items:baseline;gap:7px;min-width:0;display:flex}.dictionary-result-grid strong{font-family:var(--font-hanzi);font-size:25px;font-weight:600}.dictionary-result-grid small{color:#77837f;font-family:var(--font-hanzi);font-size:15px}.dictionary-result-grid>button>span:nth-child(2){color:var(--green-dark);align-self:center;font-size:12px}.dictionary-result-grid p{color:#60716a;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;margin:7px 22px 0 0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.dictionary-result-grid i{color:#70a08d;font-size:13px;font-style:normal;position:absolute;bottom:14px;right:16px}.dictionary-license-note{color:#655e4b;background:#fffdf7;border:1px solid #e6e0cd;border-radius:15px;max-width:1176px;margin:30px auto 0;padding:21px 23px}.dictionary-license-note strong{font-size:13px}.dictionary-license-note p{margin:7px 0 11px;font-size:11px;line-height:1.65}.dictionary-license-note a{color:#31715b;text-underline-offset:2px;text-decoration:underline}.dictionary-license-note>div{gap:18px;font-size:11px;font-weight:700;display:flex}.dictionary-selection-action{z-index:335;color:#fff;cursor:pointer;background:#123f31;border:1px solid #ffffff38;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:800;animation:.16s both scale-in;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 27px #0a312540}.dictionary-selection-action:after{content:"";border:6px solid #0000;border-top-color:#123f31;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dictionary-selection-action:disabled{color:#7c4636;cursor:default;background:#fff6f2;border-color:#e1b4a7;min-width:150px}.dictionary-selection-action:disabled:after{border-top-color:#fff6f2}.dictionary-overlay{z-index:340;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d2a213d;justify-content:flex-end;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.dictionary-drawer{background:#f8fbf9;border-left:1px solid #dce7e1;flex-direction:column;width:min(470px,92vw);height:100%;animation:.24s ease-out both dictionary-slide-in;display:flex;box-shadow:-25px 0 70px #0d32262e}@keyframes dictionary-slide-in{0%{opacity:0;transform:translate(35px)}}.dictionary-drawer-handle{display:none}.dictionary-drawer>header{background:#fffffff0;border-bottom:1px solid #dce7e1;justify-content:space-between;align-items:center;gap:15px;min-height:82px;padding:15px 18px 15px 22px;display:flex}.dictionary-drawer>header span{color:#72847d;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:750}.dictionary-drawer>header h2{max-width:340px;font-family:var(--font-hanzi);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:24px;font-weight:600;overflow:hidden}.dictionary-drawer>header>button{color:#5c7169;cursor:pointer;background:#f8fbf9;border:1px solid #d9e5df;border-radius:10px;flex:none;width:38px;height:38px;font-size:24px;font-weight:300}.dictionary-drawer-body{overscroll-behavior:contain;padding:18px 18px 34px;overflow-y:auto}.dictionary-drawer blockquote{color:#4c6159;font-family:var(--font-hanzi);background:#edf6f1;border-left:3px solid #6dbb9b;border-radius:0 10px 10px 0;margin:0 0 14px;padding:13px 15px;font-size:14px;line-height:1.65}.dictionary-drawer blockquote span{color:#789087;font-family:var(--font-ui);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.dictionary-exact-results,.dictionary-segments{gap:11px;display:grid}.dictionary-entry{background:#fff;border:1px solid #dfe8e3;border-radius:14px;padding:18px;box-shadow:0 9px 25px #1440310b}.dictionary-entry.compact{box-shadow:none;padding:15px}.dictionary-entry-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dictionary-entry-heading>div{align-items:baseline;gap:9px;display:flex}.dictionary-entry-heading strong{font-family:var(--font-hanzi);font-size:32px;font-weight:600;line-height:1.15}.dictionary-entry.compact .dictionary-entry-heading strong{font-size:25px}.dictionary-entry-heading span{color:#78837f;font-family:var(--font-hanzi);font-size:18px}.dictionary-entry-heading button{width:39px;height:35px;color:var(--green-dark);cursor:pointer;background:#eef9f3;border:1px solid #d3e6dc;border-radius:10px;flex:none;font-size:11px;font-weight:800}.dictionary-entry-pinyin{color:#087b57;margin:5px 0 0;font-size:14px;font-weight:650}.dictionary-entry-meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.dictionary-entry-meta span{color:#5f746b;background:#edf3f0;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:750}.dictionary-entry ol{color:#32473f;border-top:1px solid #edf1ef;margin:14px 0 0;padding:12px 0 0 24px;font-size:13px;line-height:1.55}.dictionary-entry li+li{margin-top:5px}.dictionary-breakdown-heading{justify-content:space-between;align-items:end;gap:12px;margin:3px 0 12px;display:flex}.dictionary-breakdown-heading strong{font-size:13px}.dictionary-breakdown-heading span{color:#84938e;font-size:9px}.dictionary-segment.unknown{color:#675d43;background:#fffdf6;border:1px dashed #d8cdb3;border-radius:13px;padding:15px}.dictionary-segment.unknown>strong{font-family:var(--font-hanzi);font-size:23px}.dictionary-segment.unknown>span{color:#8a7651;margin-top:2px;font-size:12px;display:block}.dictionary-segment.unknown>p{margin:7px 0 0;font-size:11px}.dictionary-data-note{color:#87938e;text-align:center;margin:20px 4px 0;font-size:9px;line-height:1.6}.assessment-options{gap:9px;margin-top:20px;display:grid}.assessment-options button{color:#314a41;text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe7e0;border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:10px 14px;transition:all .15s;display:flex}.assessment-options button:hover{background:#f0faf5;border-color:#74c2a2;transform:translate(3px)}.assessment-options button span{color:#628077;background:#edf3f0;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.assessment-result{text-align:center}.assessment-result .eyebrow{margin-top:18px;display:block}.assessment-level{color:#fff;border-radius:50%;place-items:center;width:96px;height:96px;margin:auto;font-size:22px;font-weight:850;display:grid;box-shadow:0 14px 35px #143c2f33}.assessment-breakdown{grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0;display:grid}.assessment-breakdown span{color:#71817b;background:#fff;border:1px solid #dfe9e4;border-radius:10px;flex-direction:column;gap:4px;padding:13px 8px;font-size:10px;display:flex}.assessment-breakdown b{color:#254a3d;font-size:17px}.assessment-result .primary-button{margin:auto}@media (width<=900px){nav.mobile-nav{z-index:42;background:#fffffffa;border:1px solid #dce8e2;border-radius:15px;flex-direction:column;align-items:stretch;gap:3px;height:auto;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:22px;right:22px;box-shadow:0 20px 50px #143a2f2e}nav.mobile-nav.open{display:flex}nav.mobile-nav a{border-radius:9px;min-height:48px;padding:0 15px;font-size:14px;font-weight:650}nav.mobile-nav a:hover,nav.mobile-nav a:active,nav.mobile-nav .nav-active{color:var(--green-dark);background:#edf8f2}nav.mobile-nav .nav-active:after{display:none}.mobile-menu{display:grid}.mobile-menu-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0c241d42;border:0;display:block;position:fixed;inset:0}.hero{grid-template-columns:1fr;gap:80px;padding-top:60px}.hero-card{margin:auto}.level-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.about{gap:50px}.community-invite{grid-template-columns:52px minmax(0,1fr)}.community-invite-button{grid-column:2;justify-self:start}.vocab-tabs{grid-template-columns:repeat(4,1fr)}.radical-controls{grid-template-columns:1fr auto}.radical-mode{grid-column:1/-1}.radical-grid{grid-template-columns:repeat(3,1fr)}.reference-hub{grid-template-columns:1fr}.learning-progress{grid-template-columns:1fr;margin:36px 20px 0}.progress-actions{grid-column:auto}.exam-level-tabs,.exam-overview{margin-left:24px;margin-right:24px}.exam-level-tabs{grid-template-columns:repeat(5,1fr)}.exam-overview{grid-template-columns:1fr}.exam-principles{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.exam-principles>.eyebrow,.exam-principles>h3,.exam-principles>p{grid-column:1/-1}.exam-workspace{grid-template-columns:220px 1fr}.exam-question{padding:38px 34px 50px}.dictionary-level-tabs,.dictionary-search-panel,.dictionary-results,.dictionary-license-note{margin-left:24px;margin-right:24px}.dictionary-level-tabs{grid-template-columns:repeat(5,1fr)}.dictionary-result-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.offline-status{bottom:14px;right:14px}.topbar{height:66px;padding:0 18px}.brand small{display:none}.hero{padding:50px 20px 65px}.hero h1{letter-spacing:-2px;font-size:46px}.hero-copy>p{font-size:15px}.hero-card{width:100%}.paper{min-height:350px;padding:28px}.note-one{right:-8px}.note-two{left:-8px}.hero-guide{margin-top:13px}.level-section,.library,.vocab-library{padding:62px 20px}.vocab-intro{flex-direction:column;align-items:stretch;gap:22px}.vocab-intro h2{font-size:31px}.vocab-total{min-width:0}.vocab-tabs{grid-template-columns:repeat(2,1fr)}.vocab-tabs button:last-child{grid-column:1/-1}.official-note{margin:14px}.vocab-table-wrap{margin:0 14px}.vocab-pagination{flex-direction:column;align-items:stretch}.vocab-pagination>div{justify-content:space-between}.radical-library{padding:62px 20px}.radical-heading{flex-direction:column;align-items:flex-start;gap:23px}.radical-heading h2{font-size:31px}.radical-symbols{align-self:center}.radical-controls{grid-template-columns:1fr}.radical-mode{grid-template-columns:1fr 1fr;display:grid}.radical-mode button{min-width:0}.stroke-filter{width:100%}.stroke-filter select{flex:1}.radical-summary{flex-direction:column;align-items:flex-start;gap:8px}.radical-grid{grid-template-columns:repeat(2,1fr)}.radical-card{min-height:210px;padding:14px}.radical-main{gap:9px}.radical-main>strong{min-width:43px;font-size:36px}.reference-hub{padding:48px 20px}.community-invite{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:15px;width:calc(100% - 40px);margin-bottom:48px;padding:24px 20px}.community-invite-icon{border-radius:13px 13px 13px 5px;width:46px;height:46px;font-size:22px}.community-invite h2{font-size:20px;line-height:1.25}.community-invite p{font-size:12px}.community-invite-button{grid-column:1/-1;width:100%;min-height:48px;margin-top:4px}.reference-card{grid-template-columns:54px 1fr;gap:15px;min-height:150px;padding:20px}.reference-icon{border-radius:15px;width:54px;height:54px;font-size:27px}.reference-copy strong{font-size:22px}.reference-card>i{grid-column:2}.reference-page-header{grid-template-columns:auto 1fr;gap:13px;height:66px;padding:0 15px}.reference-page-header .brand{justify-self:end}.reference-page-header .brand-mark,.reference-page-header>span{display:none}.mock-exam-hero{align-items:flex-start;min-height:0;padding:47px 20px}.mock-exam-hero h1{letter-spacing:-1.8px;font-size:40px}.mock-exam-seal{border-radius:22px 22px 22px 8px;width:78px;height:78px}.mock-exam-seal strong{font-size:28px}.mock-exam-seal i{font-size:25px}.exam-level-tabs,.exam-overview{margin-left:16px;margin-right:16px}.exam-level-tabs{grid-template-columns:repeat(3,1fr);margin-top:18px}.exam-overview-main,.exam-principles{border-radius:16px;padding:21px}.exam-title-line{align-items:flex-start}.exam-level-badge{border-radius:14px;width:56px;height:56px;font-size:12px}.exam-title-line h2{font-size:23px}.exam-facts{grid-template-columns:repeat(2,1fr)}.exam-facts span:nth-child(2){border-right:0}.exam-facts span:nth-child(-n+2){border-bottom:1px solid #e7ece9}.exam-structure{grid-template-columns:repeat(2,1fr)}.exam-principles{display:block}.exam-room{min-height:calc(100dvh - 66px)}.exam-room-top{grid-template-columns:1fr auto;height:62px;padding:0 12px;top:66px}.exam-room-top>div strong{font-size:11px}.exam-room-top>button{display:none}.exam-timer{min-width:78px;font-size:14px}.exam-workspace{min-height:calc(100dvh - 128px);display:block}.exam-sidebar{border-bottom:1px solid #dce5e0;border-right:0;max-height:155px;padding:13px 15px;overflow-y:auto}.exam-sidebar>div{margin-bottom:12px}.exam-sidebar>div>div{grid-template-columns:repeat(10,1fr)}.exam-question{padding:25px 18px 40px}.exam-question h2{margin-bottom:18px;font-size:24px}.exam-passage{padding:17px;font-size:17px}.exam-audio{flex-direction:column;align-items:stretch}.exam-audio-main{align-items:stretch}.exam-audio-main>button{flex:auto}.exam-navigation{flex-wrap:wrap}.exam-navigation span{text-align:center;order:-1;width:100%}.exam-result{padding:48px 18px}.exam-result-grid{grid-template-columns:repeat(2,1fr)}.exam-result-actions{flex-direction:column}.article-pagination{flex-direction:column;align-items:stretch}.article-pagination>div{justify-content:space-between}.section-title{flex-direction:column;align-items:start;gap:10px}.section-title h2{font-size:29px}.level-grid,.article-grid{grid-template-columns:1fr}.level-card{grid-template-columns:52px 1fr 16px}.level-range{display:none}.about{flex-direction:column;align-items:start;padding:55px 20px}.about-title{align-items:flex-start}.about-sponsor{width:100%;margin-top:30px}.sponsor-contacts{flex-direction:column}.sponsor-contacts>span{width:100%;min-width:0}footer{flex-direction:column;align-items:start;gap:10px;height:auto;padding:20px}.reader-overlay{padding:0}.reader{border-radius:0;min-height:100vh}.reader-top{padding:0 18px}.reader-heading{padding:40px 22px 25px}.reading-body{padding:15px 22px 30px}.hanzi{font-size:20px}.translation{margin:0 22px 35px}.study-notes{grid-template-columns:1fr;gap:34px;margin:0 22px}.completion-card{grid-template-columns:42px 1fr;margin:0 22px 35px;padding:18px}.completion-card>span{width:40px;height:40px}.completion-card button{grid-column:1/-1}.reader-navigation{grid-template-columns:1fr;margin:-12px 22px 35px}.reader-navigation-button{min-height:68px}.reader-navigation-edge{display:none}.learning-progress{margin:24px 14px 0;padding:20px}.progress-summary{align-items:flex-start}.progress-icon{width:48px;height:48px;font-size:23px}.progress-summary h2{font-size:21px}.progress-levels{grid-template-columns:repeat(2,1fr)}.progress-actions{flex-direction:column;align-items:stretch}.progress-actions button{width:100%;margin-left:0}.zalo-invite-overlay{align-items:stretch;padding:0}.zalo-invite-dialog{border:0;border-radius:0;grid-template-rows:210px 1fr;grid-template-columns:1fr;width:100%;min-height:100dvh}.zalo-invite-visual{min-height:210px;padding:26px 22px 22px}.zalo-invite-visual:after{font-size:170px;bottom:-52px;right:2px}.zalo-invite-mark{border-radius:27px 27px 27px 8px;width:92px;height:92px}.zalo-invite-mark strong{font-size:39px}.zalo-invite-mark small{margin-top:-9px;font-size:11px}.zalo-invite-visual p{margin-top:15px}.zalo-invite-content{justify-content:flex-start;padding:33px 24px 28px}.zalo-invite-content h2{max-width:520px;font-size:28px}.zalo-invite-close{color:#fff;background:#04468b61;border-color:#ffffff52}.assessment-overlay{align-items:stretch;padding:0}.assessment-card{border-radius:0;min-height:100dvh;padding:32px 22px}.assessment-card h2{font-size:27px}.assessment-features{gap:5px}.assessment-features span{padding:11px 5px}.assessment-actions{flex-direction:column;align-items:stretch}.assessment-actions .primary-button{width:100%}.keyword:after{white-space:normal;text-align:center;min-width:190px;max-width:min(260px,82vw)}.dictionary-library{min-height:calc(100dvh - 66px);padding-bottom:54px}.dictionary-library-hero{align-items:flex-start;min-height:250px;padding:45px 20px 55px}.dictionary-library-hero h1{letter-spacing:-1.5px;font-size:38px}.dictionary-library-hero p{font-size:13px}.dictionary-library-mark{border-radius:20px 20px 20px 7px;width:67px;height:67px;font-size:31px}.dictionary-level-tabs,.dictionary-search-panel,.dictionary-results,.dictionary-license-note{margin-left:16px;margin-right:16px}.dictionary-level-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:-25px;padding:8px}.dictionary-level-tabs button{min-height:42px}.dictionary-search-panel{padding:13px}.dictionary-search{height:53px}.dictionary-results-summary{flex-direction:column;align-items:flex-start;gap:4px}.dictionary-result-grid{grid-template-columns:1fr}.dictionary-result-grid>button{min-height:128px}.dictionary-license-note>div{flex-direction:column;align-items:flex-start;gap:8px}.dictionary-overlay{justify-content:stretch;align-items:flex-end}.dictionary-drawer{border:1px solid #d9e5df;border-bottom:0;border-radius:22px 22px 0 0;width:100%;height:min(84dvh,780px);animation-name:dictionary-sheet-in;box-shadow:0 -24px 65px #0d322633}@keyframes dictionary-sheet-in{0%{opacity:0;transform:translateY(38px)}}.dictionary-drawer-handle{background:#c5d3cc;border-radius:5px;width:42px;height:5px;margin:8px auto 0;display:block}.dictionary-drawer>header{min-height:70px;padding:10px 15px 12px 18px}.dictionary-drawer>header h2{max-width:calc(100vw - 110px);font-size:22px}.dictionary-drawer-body{padding:14px 14px calc(25px + env(safe-area-inset-bottom))}.dictionary-selection-action{z-index:339}}@media (width<=480px){.zalo-invite-dialog{grid-template-rows:190px 1fr}.zalo-invite-visual{min-height:190px}.zalo-invite-content{padding:28px 20px 24px}.zalo-invite-content h2{font-size:25px}.zalo-invite-content ul{gap:8px;margin:18px 0 22px}.zalo-invite-actions{flex-direction:column;align-items:stretch}.zalo-invite-primary,.zalo-invite-later{width:100%}.zalo-invite-never{align-self:center;margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lesson-questions{gap:.75rem;display:grid}.lesson-questions details{border-top:1px solid}@supports (color:color-mix(in lab, red, red)){.lesson-questions details{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.lesson-questions details{padding-top:.75rem}.lesson-questions summary{cursor:pointer;font-weight:700}.lesson-question-options{gap:.5rem;margin:.75rem 0;display:grid}.lesson-question-options button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .8rem;transition:border-color .16s,background .16s,transform .16s;display:flex}.lesson-question-options button:hover:not(:disabled){border-color:#8ccdb4;transform:translate(2px)}.lesson-question-options button:disabled{cursor:default;opacity:1}.lesson-question-options button>span{color:#5e746c;background:#eef3f0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:grid}.lesson-question-options button.correct{border-color:var(--green);background:var(--mint)}.lesson-question-options button.correct>span{color:var(--white);background:var(--green)}.lesson-question-options button.wrong{background:#fff4f4;border-color:#d99a9a}.lesson-question-options button.wrong>span{color:var(--white);background:#bd5555}.lesson-question-feedback{border-radius:9px;margin:.65rem 0 0;padding:.7rem .8rem;font-size:.9rem;line-height:1.55}.lesson-question-feedback.correct{color:#176044;background:var(--mint)}.lesson-question-feedback.wrong{color:#833f3f;background:#fff2f2}.official-note>button{color:#fff;cursor:pointer;white-space:nowrap;background:currentColor;border:0;border-radius:999px;padding:.55rem .9rem}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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}