:root{--brand-navy:#10292a;--brand-navy-light:#1b3a3b;--brand-navy-dark:#0a1d1e;--primary:#0b7c70;--primary-vivid:#14b8a6;--primary-dark:#0b6b60;--primary-edge:#0a5e55;--primary-light:#34d3bf;--primary-lighter:#c8f2ea;--primary-bg:#e8f8f4;--primary-rgb:11, 124, 112;--primary-dark-rgb:11, 107, 96;--accent:#ff7a3d;--accent-hover:#ea580c;--accent-edge:#c2410c;--accent-light:#ff7a3d24;--accent-rgb:255, 122, 61;--sun:#ffb21e;--sun-bg:#fff4d6;--sun-dark:#b26a00;--berry:#f43f74;--berry-bg:#ffe4ec;--berry-dark:#be185d;--grape:#7c5cff;--grape-bg:#eee9ff;--grape-dark:#5b3fd9;--peach:#ffd9c4;--peach-bg:#fff3ec;--peach-line:#ea580c2e;--seal:#d9531e;--seal-bg:#ffede4;--seal-line:#d9531e38;--success:#16a34a;--success-light:#e4f7ea;--warning:#f59e0b;--warning-light:#fef3dc;--danger:#e5484d;--danger-light:#fdecec;--info:#0b7c70;--info-light:#e8f8f4;--surface:#f3f7f6;--surface-2:#eaf1f0;--surface-3:#dce6e4;--border:#e1eae8;--border-light:#edf3f2;--line:#10292a17;--line-soft:#10292a0e;--text-primary:#10292a;--text-secondary:#4a5f60;--text-muted:#5a6e70;--text-light:#a9b8b8;--white:#fff;--sb-bg:#0c3a37;--sb-bg-mid:#0d3140;--sb-bg-2:#112a3d;--sb-line:#ffffff14;--sb-text:#ffffffdb;--sb-text-dim:#ffffff8f;--sb-text-strong:#fff;--sb-hover:#ffffff12;--sb-active:#2dd4bf2b;--sb-chip:#ffffff1f;--sb-accent:#ff8a4c;--font-sans:"Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-pinyin:"Inter", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-chinese-tc:"Noto Serif TC", "PingFang TC", "Microsoft JhengHei", "PMingLiU", serif;--font-chinese-sc:"Noto Serif SC", "PingFang SC", "Microsoft YaHei", "SimSun", sans-serif;--font-num:"Inter", "Be Vietnam Pro", sans-serif;--sidebar-width:292px;--header-height:62px;--mobile-nav-height:64px;--safe-bottom:min(max(env(safe-area-inset-bottom,0px) - 12px, 0px), 24px);--content-max-width:1280px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px #10292a0f;--shadow-md:0 1px 2px #10292a0d, 0 10px 24px -14px #10292a38;--shadow-lg:0 2px 4px #10292a0d, 0 20px 40px -20px #10292a4d;--shadow-xl:0 4px 10px #10292a0f, 0 30px 60px -26px #10292a5c;--shadow-primary:0 4px 0 var(--primary-edge), 0 12px 22px -10px rgba(var(--primary-rgb), .65);--shadow-accent:0 4px 0 var(--accent-edge), 0 12px 22px -10px rgba(var(--accent-rgb), .6);--shadow-primary-soft:0 2px 4px rgba(var(--primary-dark-rgb), .18), 0 10px 22px -10px rgba(var(--primary-rgb), .6);--shadow-card:0 1px 2px #10292a0a, 0 8px 22px -16px #10292a2e;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur:.28s;--dur-slow:.44s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none;background:var(--surface);height:100%;font-size:16px;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;height:100%;line-height:1.6;overflow:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::selection{background:var(--primary);color:var(--white)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-tc{font-family:var(--font-chinese-tc)}.font-sc{font-family:var(--font-chinese-sc)}.pinyin,.vocab-pinyin,.quiz-pinyin,.dialogue-pinyin,.fc-pinyin,.fc-back-pinyin,.hw-char-pinyin,.dict-dropdown-pinyin,.dict-ex-pinyin,.dd-vocab-pinyin,.dd-fc-pinyin,.dd-ex-pinyin,.dd-dlg-cue-pinyin,.dd-gram-ex-py,.pron-card-py,.pron-pair-py,.pron-pair-hz,.pron-ex-py,.mark-chip-py,.tone-chip-py,.py-cell,.py-ini,.py-corner,.py-task,.mark-rule code,.tone-drill-head b,.sandhi-head h4{font-family:var(--font-pinyin)}@keyframes tw-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tw-fade{0%{opacity:0}to{opacity:1}}@keyframes tw-pop{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes tw-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tw-rise{animation:tw-rise .38s var(--ease-out) both}.tw-pop{animation:tw-pop .34s var(--ease-out) both}.page-content.tw-entering{animation:tw-rise .4s var(--ease-out) both}.page-content.tw-entering>:first-child{animation:tw-rise .44s var(--ease-out) 20ms both}.page-content.tw-entering>:nth-child(2){animation:tw-rise .44s var(--ease-out) 60ms both}.page-content.tw-entering>:nth-child(3){animation:tw-rise .44s var(--ease-out) .1s both}.page-content.tw-entering>:nth-child(4){animation:tw-rise .44s var(--ease-out) .14s both}.page-content.tw-entering>:nth-child(5){animation:tw-rise .44s var(--ease-out) .18s both}.dd-tab-content.tw-entering{animation:tw-rise .34s var(--ease-out) both}.tw-sk{border-radius:var(--radius-md);background:linear-gradient(90deg,#10292a0d 25%,#10292a17 37%,#10292a0d 63%) 0 0/400% 100%;animation:1.5s linear infinite tw-shimmer}.app-shell.tw-focus .sidebar{width:72px;min-width:72px}.app-shell.tw-focus .sidebar .logo-text,.app-shell.tw-focus .sidebar .nav-item span,.app-shell.tw-focus .sidebar .nav-group-label,.app-shell.tw-focus .sidebar .nav-caret,.app-shell.tw-focus .sidebar .nav-subcaret,.app-shell.tw-focus .sidebar .nav-book-lv,.app-shell.tw-focus .sidebar-footer,.app-shell.tw-focus .sidebar-user-card>:not(.sidebar-user-avatar){opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.app-shell.tw-focus .sidebar .nav-children{grid-template-rows:0fr}.app-shell.tw-focus .sidebar-logo{padding-left:18px}.tw-chip{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--line-soft);height:24px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.tw-chip.is-primary{background:var(--primary-bg);border-color:rgba(var(--primary-rgb), .24);color:var(--primary-dark)}.tw-chip.is-success{background:var(--success-light);color:var(--success);border-color:#2e9e8b3d}.tw-chip.is-seal{background:var(--seal-bg);border-color:var(--seal-line);color:var(--seal)}.tw-chip.is-warning{background:var(--warning-light);color:#a56a12;border-color:#f0a73c4d}.tw-bar{border-radius:var(--radius-full);background:#10292a14;height:6px;overflow:hidden}.tw-bar>i{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--primary-light));transform-origin:0;height:100%;animation:tw-grow 1s var(--ease-out) both;display:block}.tw-ic{border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.tw-ic.is-primary{background:var(--primary-bg);color:var(--primary)}.tw-ic.is-seal{background:var(--seal-bg);color:var(--seal)}.tw-ic.is-success{background:var(--success-light);color:var(--success)}.tw-ic.is-warning{background:var(--warning-light);color:#9a6a05}@media (prefers-reduced-motion:reduce){.page-content.tw-entering,.page-content.tw-entering>*,.dd-tab-content.tw-entering,.tw-rise,.tw-pop,.tw-bar>i,.tw-sk{animation:none!important}}.app-shell{height:var(--tw-vh,100dvh);width:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:radial-gradient(420px 260px at 0% 0%, #2dd4bf38, transparent 70%), radial-gradient(360px 300px at 100% 100%, rgba(var(--accent-rgb), .12), transparent 70%), linear-gradient(180deg, var(--sb-bg) 0%, var(--sb-bg-mid) 52%, var(--sb-bg-2) 100%);border-right:1px solid var(--sb-line);z-index:100;height:100%;transition:transform .35s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.sidebar-logo{align-items:center;gap:12px;padding:24px 16px 20px;display:flex}.logo-mark{border-radius:11px;flex:none;width:38px;height:38px;box-shadow:0 2px 8px #00000038}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-brand{font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, var(--peach) 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.logo-sub{color:var(--sb-text-dim);letter-spacing:2.4px;text-transform:uppercase;font-size:10.5px;font-weight:700}.logo-taiwan,.logo-diary{display:none}.sidebar-nav{flex:1;padding:4px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--line)}.nav-group-label{color:var(--sb-text-dim);text-transform:uppercase;letter-spacing:1.5px;padding:16px 28px 8px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--sb-text);transition:all .3s var(--ease-out);cursor:pointer;align-items:center;gap:11px;min-height:42px;margin:3px 8px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item i{text-align:center;width:20px;transition:transform .3s var(--ease-out);font-size:15px}.nav-item.active{color:var(--sb-text-strong);background:linear-gradient(90deg,#2dd4bf42,#2dd4bf14);font-weight:700;box-shadow:inset 0 0 0 1px #5eead429}.nav-item.active i{color:var(--sb-accent)}.nav-item.active:before{content:"";background-color:var(--sb-accent);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (hover:hover){.nav-item:not(.active):hover{background-color:var(--sb-hover);color:var(--sb-text-strong);transform:translate(4px)}.nav-item:not(.active):hover i{transform:scale(1.1)}}.nav-group{margin-bottom:2px}.nav-parent{text-align:left;width:calc(100% - 32px);color:var(--sb-text);letter-spacing:.2px;background:0 0}.nav-parent .nav-caret{opacity:.45;width:auto;transition:transform .35s var(--ease-out), opacity .25s var(--ease-out);margin-left:auto;font-size:11px}.nav-group.open>.nav-parent{color:var(--sb-text-strong);background-color:var(--sb-hover)}.nav-group.open>.nav-parent .nav-caret{opacity:.9;transform:rotate(180deg)}.nav-parent.has-active{color:var(--sb-text-strong)}.nav-parent.has-active>i{color:var(--sb-accent)}.nav-children{transition:grid-template-rows .38s var(--ease-out);grid-template-rows:0fr;display:grid}.nav-group.open>.nav-children{grid-template-rows:1fr}.nav-children-inner{min-height:0;padding:0;position:relative;overflow:hidden}.nav-children-inner:before{content:"";background:linear-gradient(180deg, var(--line), #16151f03);opacity:0;width:2px;transition:opacity .3s var(--ease-out) .1s;border-radius:2px;position:absolute;top:2px;bottom:6px;left:25px}.nav-group.open .nav-children-inner:before{opacity:1}.nav-item.nav-child{min-height:38px;color:var(--sb-text);opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out), background-color .22s var(--ease-out), color .22s var(--ease-out);margin-top:1px;margin-bottom:1px;padding-left:38px;font-size:13px;font-weight:600;transform:translate(-10px)}.nav-group.open .nav-item.nav-child{opacity:1;transform:none}.nav-group.open .nav-item.nav-child:first-child{transition-delay:50ms}.nav-group.open .nav-item.nav-child:nth-child(2){transition-delay:90ms}.nav-group.open .nav-item.nav-child:nth-child(3){transition-delay:.13s}.nav-group.open .nav-item.nav-child:nth-child(4){transition-delay:.17s}.nav-group.open .nav-item.nav-child:nth-child(5){transition-delay:.21s}.nav-item.nav-child i{opacity:.85;width:16px;font-size:12.5px}.nav-item.nav-child.active{color:var(--sb-text-strong);background-color:var(--sb-active)}.nav-item.nav-child.active:before{background-color:var(--sb-accent);width:8px;height:8px;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .28);border-radius:50%;top:50%;left:12px;transform:translateY(-50%)}.nav-item.nav-child.active i{color:var(--sb-accent);opacity:1}.nav-child-row{align-items:center;display:flex}.nav-child-row>.nav-item.nav-child{flex:1;min-width:0;margin-right:2px;padding-right:6px}.nav-child-row>.nav-item.nav-child>span{min-width:0}.nav-subcaret{background:var(--sb-hover);width:24px;height:24px;color:var(--sb-text-dim);cursor:pointer;opacity:0;transition:opacity .28s var(--ease-out) 50ms, transform .35s var(--ease-out), background-color .22s var(--ease-out), color .22s var(--ease-out);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-right:8px;font-size:10px;display:flex}.nav-group.open .nav-subcaret{opacity:1}.nav-subgroup.open>.nav-child-row>.nav-subcaret{color:var(--sb-text-strong);transform:rotate(180deg)}@media (hover:hover){.nav-subcaret:hover{background:var(--sb-active);color:var(--sb-text-strong)}}.nav-subgroup .nav-children-inner:before{left:43px}.nav-item.nav-book{gap:10px;min-height:34px;padding-left:56px;font-size:13px;font-weight:600}.nav-item.nav-book i{width:14px;font-size:11px}.nav-item.nav-book.active:before{left:30px}.nav-book-lv{background:var(--sb-active);letter-spacing:0;white-space:nowrap;opacity:.92;border-radius:999px;flex:none;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.nav-item.nav-book>span:not(.nav-book-lv){white-space:nowrap;flex:none}.nav-item.nav-book.is-soon:not(.active){color:var(--text-light)}.nav-item.nav-book.is-soon .nav-book-lv{opacity:.55}.nav-item.nav-book.active .nav-book-lv{opacity:1;background:#ffffff47}@media (hover:hover){.nav-group.open .nav-item.nav-child:not(.active):hover{background-color:var(--sb-hover);color:var(--sb-text-strong);transform:translate(4px)}.nav-parent:hover{background-color:var(--sb-hover);color:var(--sb-text-strong)}.nav-parent:hover .nav-caret{opacity:.8}}@media (width<=1023px){.nav-parent{min-height:46px}.nav-item.nav-child{min-height:44px;padding-left:56px;font-size:14.5px}.nav-children-inner:before{left:39px}}@media (prefers-reduced-motion:reduce){.nav-children,.nav-item.nav-child,.nav-parent .nav-caret,.nav-children-inner:before{transition:none!important}.nav-group.open .nav-item.nav-child{transition-delay:0s!important}}.sidebar-footer{padding:16px}.btn-login-sidebar{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--accent), var(--accent-hover));color:#fff;width:100%;transition:all .2s var(--ease-out);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff38;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;display:flex}.btn-login-sidebar:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-login-sidebar:active{transform:scale(.97)}.sidebar-user-card{background:var(--sb-chip);border-radius:var(--radius-lg);align-items:center;gap:12px;margin:0 16px 8px;padding:12px 16px;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-light), var(--primary));width:40px;height:40px;color:var(--sb-text-strong);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sidebar-user-name{color:var(--sb-text-strong);font-size:14px;font-weight:700}.sidebar-user-level{color:var(--text-muted);font-size:12px;font-weight:500}.main-area{background:radial-gradient(900px 420px at 100% -8%, rgba(var(--primary-rgb), .1), transparent 60%), radial-gradient(700px 360px at -10% 0%, rgba(var(--accent-rgb), .07), transparent 60%), var(--surface);min-width:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));min-height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 26px 0;background:#ffffffe0;background-image:linear-gradient(var(--primary-dark), var(--primary-dark));background-size:100% env(safe-area-inset-top,0px);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line-soft);z-index:50;background-repeat:no-repeat;align-items:center;gap:16px;display:flex;box-shadow:0 6px 18px -14px #10292a59}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.btn-mobile-menu{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:none}.btn-mobile-menu:hover{background:var(--primary-bg);color:var(--primary-dark)}.page-title{color:var(--text-primary);white-space:nowrap;letter-spacing:-.4px;font-size:18px;font-weight:800}.header-center{flex:1;justify-content:center;max-width:500px;margin:0 auto;display:flex}.dict-search-wrap{width:100%;position:relative}.dict-search-input{border:2px solid var(--border);border-radius:var(--radius-full);background:var(--white);width:100%;height:44px;color:var(--text-primary);transition:all .25s var(--ease-out);padding:0 16px 0 44px;font-size:14px;font-weight:500}.dict-search-input::placeholder{color:var(--text-light);font-weight:400}.dict-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);background:var(--white)}.dict-search-icon{color:var(--text-light);pointer-events:none;font-size:14px;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.dict-search-input:focus~.dict-search-icon,.dict-search-wrap:focus-within .dict-search-icon{color:var(--primary)}.dict-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;max-height:360px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dict-dropdown.show{display:block}.dict-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.dict-dropdown-item:last-child{border-bottom:none}.dict-page-search{margin-bottom:16px;display:none}.dict-page-search .dict-search-wrap{width:100%;max-width:none}.dict-page-results{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:8px;overflow:hidden}.dict-page-results:empty{display:none}@media (width<=1023px){.dict-page-search{display:block}}.dict-dropdown-item:hover{background:var(--primary-bg)}.dict-dropdown-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);text-align:center;min-width:40px;font-size:20px;font-weight:600}.dict-dropdown-info{flex:1;min-width:0}.dict-dropdown-pinyin{color:var(--primary);font-size:13px;font-weight:600}.dict-dropdown-meaning{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dict-dropdown-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.header-right{align-items:center;gap:8px;display:flex}.btn-char-toggle{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--white);width:40px;height:40px;box-shadow:0 2px 0 var(--border);font-family:var(--font-chinese-tc);color:var(--text-primary);justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-char-toggle:hover{border-color:var(--primary);color:var(--primary)}.header-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.header-right>*{flex:none}.header-left{min-width:0}.header-left .page-title,.header-left h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.header-left .page-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.2;display:-webkit-box}}.btn-user-avatar{border-radius:var(--radius-full);border:2px solid var(--border);background:var(--white);width:40px;height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:15px;transition:all .2s;display:flex;overflow:hidden}.btn-user-avatar:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.user-avatar-inner{width:100%;height:100%;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:background .2s;display:flex;overflow:hidden}.user-avatar-inner.co-nen{color:#fff}.header-notifications-wrap{margin-right:12px;position:relative}.btn-notifications{border-radius:var(--radius-full);background:var(--surface-2);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out);border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.btn-notifications:hover{background:var(--primary-bg);color:var(--primary)}.btn-notifications.has-unread{color:var(--primary)}.btn-notifications.has-unread>i{animation:notifRing .9s var(--ease-out) 1;transform-origin:50% 10%}@keyframes notifRing{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.notifications-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);border:2px solid var(--white);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;right:0;box-shadow:0 2px 6px #ff6b6b73}.notifications-dropdown{background:var(--white);border-radius:var(--radius-xl);width:392px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-xl);border:1px solid var(--border);opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), visibility .22s;z-index:999;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(10px)}.notifications-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.notif-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.notif-head h4{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.notif-head-count{color:var(--accent);background:var(--accent-light);border-radius:var(--radius-full);padding:3px 8px;font-size:11px;font-weight:800}.notif-readall{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px;font-size:12px;font-weight:700}.notif-readall:hover{text-decoration:underline}.notif-readall[disabled]{color:var(--text-light);cursor:default;text-decoration:none}.notif-tabs{border-bottom:1px solid var(--border-light);gap:6px;padding:0 18px 12px;display:flex}.notif-tab{cursor:pointer;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:none;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .18s,color .18s}.notif-tab:hover{background:var(--surface-3)}.notif-tab.active{background:var(--primary);color:#fff}.notif-list{overscroll-behavior:contain;max-height:min(60vh,440px);overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:36px 24px;font-size:13.5px}.notif-empty i{color:var(--text-light);margin-bottom:10px;font-size:28px;display:block}.notif-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .18s var(--ease-out);text-align:left;grid-template-columns:38px 1fr;gap:12px;padding:13px 18px;display:grid;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface)}.notif-item.unread{background:var(--primary-bg)}.notif-item.unread:before{content:"";background:var(--primary);width:3px;position:absolute;top:0;bottom:0;left:0}.notif-item.unread:hover{background:var(--primary-lighter)}.notif-item.read .notif-ico{opacity:.55}.notif-item.read .notif-title{color:var(--text-secondary);font-weight:600}.notif-ico{border-radius:var(--radius-md);background:var(--primary-bg);width:38px;height:38px;color:var(--primary);flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.notif-ico.is-exam{background:var(--info-light);color:#2e7bd6}.notif-ico.is-pron{background:var(--success-light);color:#00937e}.notif-ico.is-assign{background:var(--warning-light);color:#b45309}.notif-body{min-width:0}.notif-title{color:var(--text-primary);align-items:flex-start;gap:6px;font-size:13.5px;font-weight:800;line-height:1.35;display:flex}.notif-title .notif-label{flex:1;min-width:0}.notif-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;display:block}.notif-quote{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-quote i{color:var(--text-light);margin-right:4px}.notif-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:11.5px;display:flex}.notif-chip{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:800}.notif-sep{color:var(--text-light)}.rv-head{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.rv-head .notif-ico{width:44px;height:44px;font-size:18px}.rv-head-txt{min-width:0}.rv-head-txt h4{color:var(--text-primary);font-size:15.5px;font-weight:800;line-height:1.35}.rv-head-txt p{color:var(--text-muted);margin-top:2px;font-size:12.5px}.rv-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:16px;display:grid}.rv-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 13px}.rv-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.rv-stat-value{color:var(--text-primary);margin-top:4px;font-size:17px;font-weight:800;line-height:1.2}.rv-stat-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.rv-review{border:1px solid var(--success-light);border-left:4px solid var(--success);border-radius:var(--radius-md);background:linear-gradient(#f0fdf9 0%,#fff 100%);margin-bottom:16px;padding:14px 16px}.rv-review h5{color:#00937e;align-items:center;gap:7px;margin-bottom:7px;font-size:12.5px;font-weight:800;display:flex}.rv-review p{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.6}.rv-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .18s,border-color .18s;display:flex}.rv-toggle:hover{background:var(--surface);border-color:var(--primary-light)}.rv-toggle .rv-toggle-caret{transition:transform .2s var(--ease-out);margin-left:auto}.rv-toggle.open .rv-toggle-caret{transform:rotate(180deg)}.rv-list{margin-top:12px;display:none}.rv-list.open{display:block}.rv-q{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;padding:13px 15px}.rv-q.is-wrong{background:#fff8f8;border-color:#ffd0d0}.rv-q.is-skip{border-color:var(--border);background:var(--surface)}.rv-q-head{align-items:flex-start;gap:9px;margin-bottom:10px;display:flex}.rv-q-num{border-radius:var(--radius-full);background:var(--surface-2);width:22px;height:22px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:800;display:flex}.rv-q.is-right .rv-q-num{background:var(--success-light);color:#00937e}.rv-q.is-wrong .rv-q-num{background:var(--danger-light);color:#d64545}.rv-q-text{min-width:0;color:var(--text-primary);flex:1;font-size:13.5px;font-weight:700;line-height:1.45}.rv-q-sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:500}.rv-opts{flex-direction:column;gap:6px;display:flex}.rv-opt{border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:8px;padding:7px 10px;font-size:13px;line-height:1.4;display:flex}.rv-opt i{text-align:center;flex:none;width:14px;font-size:12px}.rv-opt span{flex:1;min-width:0}.rv-opt.is-correct{background:var(--success-light);color:#00705f;border-color:#9fe6d6;font-weight:700}.rv-opt.is-wrong{background:var(--danger-light);color:#c33a3a;border-color:#ffb8b8;font-weight:700}.rv-opt.is-wrong>span{text-decoration:line-through}.rv-tag{border-radius:var(--radius-full);background:#ffffffb3;flex:none;padding:1px 7px;font-size:10.5px;font-style:normal;font-weight:800;text-decoration:none}.rv-explain{color:var(--text-secondary);background:var(--info-light);border-radius:var(--radius-sm);gap:7px;margin-top:9px;padding:8px 11px;font-size:12.5px;line-height:1.5;display:flex}.rv-explain i{color:#2e7bd6;flex:none;margin-top:2px}.rv-explain span{flex:1;min-width:0}.rv-nodetail{text-align:center;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-md);margin-top:12px;padding:18px;font-size:13px}@media (width<=560px){.notifications-dropdown{top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 6px);width:auto;max-width:none;position:fixed;left:10px;right:10px}.notif-list{max-height:62vh}}.header-user-wrap{position:relative}.user-dropdown{background:var(--white);border:1px solid var(--border);z-index:9999;opacity:0;pointer-events:none;border-radius:16px;width:280px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-8px)scale(.97);box-shadow:0 8px 32px #00000026,0 2px 8px #00000014}.user-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.user-dd-header{color:#fff;background:radial-gradient(260px 160px at 100% -20%,#ff8a4c73,#0000 65%),linear-gradient(135deg,#10a796 0%,#0b7c79 55%,#0d3b55 100%);align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.user-dd-avatar-wrap{cursor:pointer;flex-shrink:0;position:relative}.user-dd-avatar{color:#fff;background:#fff3;border:2.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;transition:filter .2s;display:flex;overflow:hidden}.user-dd-avatar-overlay{color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:opacity .18s;display:flex;position:absolute;inset:0}.user-dd-avatar-wrap:hover .user-dd-avatar-overlay{opacity:1}.user-dd-avatar-wrap:hover .user-dd-avatar{filter:brightness(.8)}.user-dd-info{flex:1;min-width:0}.user-dd-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.user-dd-email{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.user-dd-level{opacity:.7;margin-top:2px;font-size:11px}.user-dd-stats{background:var(--bg-secondary,#f8fafc);gap:0;display:flex}.user-dd-stat{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;display:flex}.user-dd-stat:last-child{border-right:none}.user-dd-stat span{color:var(--text-primary,#1e293b);font-size:17px;font-weight:700}.user-dd-stat small{color:var(--text-muted);font-size:11px}.user-dd-divider{background:var(--border);height:1px}.user-dd-menu{padding:6px}.user-dd-item{width:100%;color:var(--text-primary,#1e293b);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.user-dd-item i{text-align:center;width:18px;color:var(--text-muted);flex-shrink:0;font-size:14px;transition:color .15s}.user-dd-item:hover{background:var(--bg-secondary,#f1f5f9);color:var(--primary)}.user-dd-item:hover i{color:var(--primary)}.user-dd-item.user-dd-logout,.user-dd-item.user-dd-logout i{color:#ef4444}.user-dd-item.user-dd-logout:hover{color:#dc2626;background:#fef2f2}.page-content{scroll-behavior:smooth;overscroll-behavior-y:contain;flex:1;padding:24px 26px 48px;overflow:hidden auto}.dash-main-col{flex-direction:column;gap:24px;min-width:0;display:flex}.dash-right-col{flex-direction:column;gap:24px;display:flex}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);overflow:hidden}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md);border-color:#16151f1f;transform:translateY(-2px)}}.card-padded{padding:20px}.srs-banner{background:linear-gradient(168deg, var(--primary-dark) 0%, var(--primary) 46%, #7fb4c2 100%);color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary-soft);padding:26px;position:relative;overflow:hidden}.srs-banner:before{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;top:-30%;right:-10%}.srs-banner:after{content:"";background:#ffffff08;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-20%;right:10%}.srs-badge{border-radius:var(--radius-full);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;margin-bottom:14px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block}.srs-banner h2{letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(22px,3vw,28px);font-weight:900;line-height:1.3}.srs-banner p{opacity:.85;max-width:500px;font-size:14px;font-weight:500}.srs-banner .btn{margin-top:18px}.exam-quick-section{flex-direction:column;gap:4px;display:flex}.exam-quick-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);cursor:pointer;transition:all .25s var(--ease-out);align-items:center;gap:16px;padding:20px 24px;display:flex}.exam-quick-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.exam-quick-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.exam-quick-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.exam-quick-icon.indigo{background:linear-gradient(180deg, var(--primary-light), var(--primary))}.exam-quick-icon.teal{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.exam-quick-info h4{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:800}.exam-quick-info p{color:var(--text-muted);font-size:13px;font-weight:500}.exam-quick-arrow{color:var(--text-light);margin-left:auto;font-size:14px;transition:transform .2s}.exam-quick-card:hover .exam-quick-arrow{color:var(--primary);transform:translate(4px)}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-header h2{color:var(--text-primary);letter-spacing:-.3px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.section-header h2 .section-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.section-link{color:var(--primary);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:700;transition:gap .2s;display:flex;position:relative}.section-link:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-6px;right:-6px;transform:translateY(-50%)}.section-link:hover{gap:8px}.roadmap-item{text-align:center;cursor:pointer;transition:transform .3s var(--ease-out)}.roadmap-item:hover{transform:translateY(-4px)}.shadowing-scroll{scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.shadowing-scroll::-webkit-scrollbar{height:4px}.shadowing-card{scroll-snap-align:start;border-radius:var(--radius-lg);cursor:pointer;transition:transform .3s var(--ease-out), box-shadow .3s;background:var(--white);border:1px solid var(--border-light);flex:0 0 260px;overflow:hidden}.shadowing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.shadowing-thumb{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.shadowing-thumb .thumb-emoji{font-size:48px}.shadowing-badge{color:var(--white);border-radius:var(--radius-sm);background:linear-gradient(135deg,#f97316,#ef4444);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.shadowing-play-overlay{opacity:0;color:#fff;background:#00000059;justify-content:center;align-items:center;font-size:28px;transition:opacity .2s;display:flex;position:absolute;inset:0}.shadowing-card:hover .shadowing-play-overlay{opacity:1}.shadowing-info{padding:14px}.shadowing-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.shadowing-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.profile-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:center;padding:24px}.profile-avatar-wrap{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-light), var(--primary));justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex;position:relative}.profile-avatar-wrap .avatar-letter{color:var(--white);font-size:24px;font-weight:800}.profile-name{color:var(--text-primary);font-size:16px;font-weight:800}.profile-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:12px;font-weight:600}.stats-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-box{background:var(--surface);border-radius:var(--radius-md);text-align:center;padding:12px}.stats-row .stat-box:last-child:nth-child(odd){grid-column:1/-1}.stat-value{color:var(--text-primary);font-size:22px;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.lb-item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 20px;transition:background .15s;display:flex}.lb-item:last-child{border-bottom:none}.lb-item:hover{background:var(--primary-bg)}.fc-page{max-width:700px;margin:0 auto}.fc-progress-bar{background:var(--surface-2);border-radius:var(--radius-full);height:6px;margin-bottom:24px;overflow:hidden}.fc-progress-fill{background:linear-gradient(90deg, var(--primary-light), var(--primary));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.fc-stats{justify-content:center;gap:20px;margin-bottom:20px;display:flex}.fc-stat{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.fc-stat .dot{border-radius:var(--radius-full);width:8px;height:8px}.fc-stat .dot.new{background:var(--info)}.fc-stat .dot.learning{background:var(--warning)}.fc-stat .dot.review{background:var(--success)}.fc-card-container{perspective:1000px;margin-bottom:28px}.fc-card-inner{width:100%;min-height:340px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.4,.2,.2,1);position:relative}.fc-card-inner.flipped{transform:rotateY(180deg)}.fc-card-front,.fc-card-back{backface-visibility:hidden;border-radius:var(--radius-2xl);background:var(--white);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.fc-card-back{transform:rotateY(180deg)}.fc-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:12px;font-size:clamp(56px,15vw,96px);font-weight:600;line-height:1.15}.fc-pinyin{color:var(--primary);margin-bottom:8px;font-size:18px;font-weight:600}.fc-hint{color:var(--text-muted);font-size:14px;font-weight:500}.fc-meaning{color:var(--text-primary);text-align:center;margin-bottom:12px;font-size:clamp(22px,5vw,32px);font-weight:800}.fc-back-pinyin{color:var(--primary);margin-bottom:6px;font-size:16px;font-weight:600}.fc-back-hanzi{font-family:var(--font-chinese-tc);color:var(--text-secondary);font-size:28px;font-weight:600}.fc-example{border-top:1px solid var(--border-light);text-align:center;margin-top:16px;padding-top:16px}.fc-example-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.fc-example-meaning{color:var(--text-muted);font-size:13px}.fc-rating-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.fc-rating-buttons.hidden{display:none}.fc-rate-btn{border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-weight:700;transition:all .2s;display:flex}.fc-rate-btn:active{transform:scale(.95)}.fc-rate-label{font-size:13px;font-weight:800}.fc-rate-time{opacity:.8;font-size:11px;font-weight:600}.fc-rate-btn.again{background:var(--danger-light);color:var(--danger)}.fc-rate-btn.again:hover{background:var(--danger);color:var(--white)}.fc-rate-btn.hard{background:var(--warning-light);color:#b45309}.fc-rate-btn.hard:hover{background:var(--warning);color:var(--white)}.fc-rate-btn.good{background:var(--info-light);color:var(--info)}.fc-rate-btn.good:hover{background:var(--info);color:var(--white)}.fc-rate-btn.easy{background:var(--success-light);color:var(--success)}.fc-rate-btn.easy:hover{background:var(--success);color:var(--white)}.fc-flip-hint{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px;font-weight:500}.lesson-selector{margin-bottom:24px}.lesson-tabs{flex-wrap:wrap;gap:8px;display:flex}.lesson-tab{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s}.lesson-tab:hover{border-color:var(--primary);color:var(--primary)}.lesson-tab.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:var(--shadow-primary-soft)}.quiz-page{max-width:700px;margin:0 auto}.quiz-card{background:var(--white);border-radius:var(--radius-2xl);text-align:center;border:1px solid var(--border-light);box-shadow:var(--shadow-md);margin-bottom:24px;padding:40px}.quiz-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:8px;font-size:clamp(40px,8vw,70px);font-weight:600}.quiz-pinyin{color:var(--primary);margin-bottom:16px;font-size:18px;font-weight:600}.quiz-question{color:var(--text-secondary);margin-bottom:24px;font-size:16px;font-weight:600}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{border:2px solid var(--border);border-radius:var(--radius-lg);text-align:left;color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.quiz-option.correct{border-color:var(--success);background:var(--success-light);color:#065f46}.quiz-option.correct .option-letter{background:var(--success);color:#fff}.quiz-option.incorrect{border-color:var(--danger);background:var(--danger-light);color:#991b1b}.quiz-option.incorrect .option-letter{background:var(--danger);color:#fff}.quiz-option.selected{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.quiz-option.selected .option-letter{background:var(--primary);color:#fff}.quiz-option .option-letter{border-radius:var(--radius-full);background:var(--surface-2);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.quiz-score-row{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.quiz-score-item{text-align:center}.quiz-score-num{font-size:28px;font-weight:900}.quiz-score-num.green{color:var(--success)}.quiz-score-num.red{color:var(--danger)}.quiz-score-label{color:var(--text-muted);font-size:12px;font-weight:600}.dialogue-page{max-width:700px;margin:0 auto}.dialogue-header-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.dialogue-title{color:var(--text-primary);font-size:16px;font-weight:800}.dialogue-subtitle{color:var(--text-muted);font-size:13px;font-weight:500}.dialogue-controls{gap:8px;display:flex}@media (width<=640px){.dialogue-header-card{flex-wrap:wrap;gap:12px;padding:16px}.dialogue-header-card>div:first-child{flex:100%;min-width:0}.dialogue-controls{flex:100%}.dialogue-controls .btn{flex:1}}.dialogue-container{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.dialogue-row{opacity:.5;cursor:pointer;gap:10px;max-width:85%;transition:all .3s;display:flex}.dialogue-row.karaoke-active{opacity:1}.dialogue-row.right{flex-direction:row-reverse;margin-left:auto}.dialogue-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dialogue-bubble{border-radius:var(--radius-xl);border:2px solid #0000;padding:14px 18px;transition:all .3s;position:relative}.bubble-left{background:var(--white);border-radius:4px var(--radius-xl) var(--radius-xl) var(--radius-xl)}.bubble-right{background:var(--surface);border-radius:var(--radius-xl) 4px var(--radius-xl) var(--radius-xl)}.dialogue-row.karaoke-active .dialogue-bubble{border-color:#027ab34d;box-shadow:0 8px 25px #027ab31a}.dialogue-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.6}.dialogue-pinyin{color:var(--primary);margin-bottom:4px;font-size:13px;font-weight:500}.dialogue-trans{color:var(--text-muted);font-size:13px;font-style:italic}.exam-page{max-width:800px;margin:0 auto}.exam-timer-bar{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex}.exam-timer{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.exam-timer i{color:var(--danger)}.exam-progress-text{color:var(--text-muted);font-size:14px;font-weight:700}.exam-question-card{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);margin-bottom:20px;padding:32px}.exam-q-number{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:800}.exam-q-text{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.6}.exam-q-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.6}.exam-taking-layout{height:calc(100vh - var(--header-h,64px) - 32px);flex-direction:column;max-width:800px;max-height:900px;margin:0 auto;display:flex;overflow:hidden}.exam-taking-layout .exam-timer-bar{flex-shrink:0;margin-bottom:12px}.exam-taking-layout .fc-progress-bar{flex-shrink:0;margin-bottom:12px!important}.exam-taking-layout .exam-question-card{flex:1;min-height:0;margin-bottom:12px;padding:20px 24px;overflow-y:auto}.exam-taking-layout .exam-actions{flex-shrink:0;padding:0}.exam-actions{justify-content:space-between;gap:12px;display:flex}.dict-page{max-width:800px;margin:0 auto}.dict-result-card{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);margin-bottom:20px;padding:32px}.dict-result-header{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dict-main-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);font-size:56px;font-weight:700;line-height:1}.dict-main-info h2{color:var(--primary);margin-bottom:4px;font-size:20px;font-weight:800}.dict-main-info p{color:var(--text-secondary);font-size:16px;font-weight:500}.dict-section{margin-bottom:24px}.dict-section h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.dict-section h3 i{color:var(--primary);font-size:14px}.dict-example-item{background:var(--surface);border-radius:var(--radius-md);margin-bottom:8px;padding:14px}.dict-ex-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.dict-ex-pinyin{color:var(--primary);margin-bottom:2px;font-size:13px;font-weight:500}.dict-ex-meaning{color:var(--text-muted);font-size:13px}.vocab-page{max-width:900px;margin:0 auto}.vocab-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.vocab-table{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.vocab-item{border-bottom:1px solid var(--border-light);grid-template-columns:80px 1fr 1.5fr auto;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:grid}.vocab-item:last-child{border-bottom:none}.vocab-item:hover{background:var(--primary-bg)}.vocab-hanzi{font-family:var(--font-chinese-tc);color:var(--text-primary);font-size:22px;font-weight:600}.vocab-pinyin{color:var(--primary);font-size:14px;font-weight:600}.vocab-meaning{color:var(--text-secondary);font-size:14px}.vocab-actions{gap:6px;display:flex}.vocab-action-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.vocab-action-btn:hover{background:var(--surface-2);color:var(--primary)}.shadowing-page{max-width:900px;margin:0 auto}.shadowing-page-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.blog-page{max-width:1000px;margin:0 auto}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:transform .3s var(--ease-out), box-shadow .3s;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #027ab326}.blog-img{background:linear-gradient(135deg, var(--surface-2), var(--surface-3));justify-content:center;align-items:center;width:100%;height:180px;font-size:40px;display:flex;overflow:hidden}.blog-content{padding:16px}.blog-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.blog-date{color:var(--text-muted);font-size:12px;font-weight:500}.blog-read-more{color:var(--primary);font-size:12px;font-weight:700}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;min-height:44px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--white);border:2px solid var(--border);color:var(--primary-dark);box-shadow:0 3px 0 var(--border);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:700;display:inline-flex}.btn:where(:not(.btn-primary,.btn-accent,.btn-white,.tk-btn-xoa)):hover{border-color:var(--primary-light);color:var(--primary-dark);background:var(--primary-bg);box-shadow:0 3px 0 var(--primary-light)}.btn:active,.btn-primary:active,.btn-accent:active,.btn-secondary:active,.btn-outline:active{transform:translateY(3px);box-shadow:0 0 #0000}.btn:disabled,.btn-primary:disabled,.btn-accent:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:0 14px;font-size:13px}.btn-primary{border-radius:var(--radius-md);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;background:linear-gradient(180deg, var(--primary-vivid), var(--primary));min-height:44px;color:var(--white);text-shadow:0 1px #0000001f;box-shadow:var(--shadow-primary), inset 0 1px 0 #ffffff38;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:800;display:inline-flex}.btn-primary:hover{filter:brightness(1.05)saturate(1.05);color:var(--white)}.btn-secondary{background:var(--white);border:2px solid var(--border);color:var(--text-primary);box-shadow:0 3px 0 var(--border)}.btn-secondary:hover{border-color:var(--primary-light);color:var(--primary-dark)}.btn-accent{background:linear-gradient(180deg, var(--accent), var(--accent-hover));color:#fff;text-shadow:0 1px #00000024;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff40;border:none;font-weight:800}.btn-accent:hover{filter:brightness(1.05);color:#fff}.btn-outline{background:var(--white);border:2px solid var(--border);color:var(--text-secondary);box-shadow:0 3px 0 var(--border)}.btn-outline:hover{border-color:var(--primary-light);color:var(--primary-dark);background:var(--primary-bg)}.btn-white{background:var(--white);color:var(--primary-dark);border:none;box-shadow:0 4px #10292a2e}.btn-white:hover{background:#f4fffc}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0;font-size:16px}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));background:#012840b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;animation:slideUp .3s var(--ease-out);position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{text-align:center;width:100%;max-width:400px;padding:32px}.modal-md{width:100%;max-width:480px;padding:32px}.modal-lg{width:100%;max-width:640px;padding:28px}@media (width<=560px){.modal-lg{padding:22px 18px}}.modal-close{border-radius:var(--radius-full);background:var(--surface);width:32px;height:32px;color:var(--text-muted);z-index:10;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--danger-light);color:var(--danger)}.modal-box{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:slideUp .3s var(--ease-out);position:relative}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 60px 16px 24px;display:flex}.modal-header>div{min-width:0}.modal-header .modal-close{font-size:22px;line-height:1}@media (width<=480px){.modal-box{border-radius:var(--radius-xl)}.modal-header{padding:16px 56px 12px 16px}.modal-box>div[style*="padding:20px 24px"]{padding:16px!important}}.modal-card h3{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:800}.modal-header-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:flex}.modal-header-icon.blue{color:var(--primary);background:#027ab31a}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions .btn{flex:1}.modal-actions-col{flex-direction:column;gap:10px;margin-top:24px;display:flex}.completion-trophy{border-radius:var(--radius-full);background:var(--accent-light);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.completion-trophy i{color:var(--accent);font-size:32px}.guest-lock-icon{color:var(--text-light);margin-bottom:16px;font-size:48px}.auth-modal-card{width:100%;max-width:900px;padding:0;overflow:hidden}.auth-split{grid-template-columns:1fr 1fr;display:grid}.auth-form-side{background:linear-gradient(to bottom, var(--white), var(--primary-bg));flex-direction:column;justify-content:center;padding:40px;display:flex}.auth-form-logo{text-align:center;height:48px;color:var(--brand-navy);margin:0 auto 24px;font-size:28px;font-weight:900;display:block}.auth-form-logo span{color:var(--accent)}.auth-form-title{text-align:center;color:var(--text-primary);margin-bottom:24px;font-size:22px;font-weight:800}.auth-image-side{background:linear-gradient(135deg, var(--primary), var(--primary-light), var(--primary-lighter));flex-direction:column;justify-content:flex-end;min-height:400px;display:flex;position:relative;overflow:hidden}.auth-slides{position:absolute;inset:0}.auth-slide{opacity:0;background-position:50%;background-size:cover;animation:18s linear infinite authTrinhChieu;position:absolute;inset:0}.auth-slide-1{background-image:url(/images/dang-nhap/tp-101-hoang-hon.webp)}.auth-slide-2{background-image:url(/images/dang-nhap/vu-lang-ho.webp);animation-delay:6s}.auth-slide-3{background-image:url(/images/dang-nhap/pho-den-long.webp);animation-delay:12s}@keyframes authTrinhChieu{0%{opacity:0;transform:scale(1.08)}5%{opacity:1}33%{opacity:1}39%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}.auth-image-overlay{z-index:1;background:linear-gradient(to top, rgba(var(--primary-dark-rgb), .95) 0%, rgba(var(--primary-dark-rgb), .72) 28%, rgba(var(--primary-dark-rgb), .12) 60%, #0000001f 100%);position:absolute;inset:0}.auth-image-content{z-index:2;padding:32px;position:relative}.auth-image-dots{gap:6px;margin-bottom:16px;display:flex}.dot{border-radius:var(--radius-full);width:8px;height:8px}.auth-dot{background:#fff6;animation:18s linear infinite authDiem}.auth-dot:nth-child(2){animation-delay:6s}.auth-dot:nth-child(3){animation-delay:12s}@keyframes authDiem{0%{background:#fff6;width:8px}5%,33%{background:var(--accent);width:22px}39%,to{background:#fff6;width:8px}}@media (prefers-reduced-motion:reduce){.auth-slide,.auth-dot{animation:none}.auth-slide-1{opacity:1}.auth-dot:first-child{background:var(--accent);width:22px}}.auth-brand-logo{color:var(--white);margin-bottom:12px;font-size:20px;font-weight:900}.auth-image-text h3{color:var(--white);margin-bottom:8px;font-size:20px;font-weight:800;line-height:1.3}.auth-image-text p{color:#ffffffd9;font-size:13px;font-weight:500;line-height:1.5}.auth-btn-google{border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--white);width:100%;height:48px;color:var(--text-primary);justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.auth-btn-google:hover{border-color:var(--primary);background:var(--primary-bg)}.auth-btn-google img{width:20px;height:20px}.auth-btn-zalo{border-radius:var(--radius-xl);width:100%;height:48px;color:var(--white);background:#0068ff;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.auth-btn-zalo:hover{background:#05c}.auth-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:13px;font-weight:600}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;margin-left:4px;font-size:11px;font-weight:800;display:block}.form-label.primary{color:var(--primary)}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:100%;height:48px;color:var(--text-primary);padding:0 16px;font-weight:500;transition:all .25s}.form-input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #027ab314}.select-wrap{position:relative}.form-select{border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:100%;height:48px;color:var(--text-primary);appearance:none;cursor:pointer;padding:0 40px 0 16px;font-weight:700;transition:all .25s}.form-select:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #027ab314}.select-icon{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.form-link{color:var(--text-muted);font-size:12px;font-weight:700;transition:color .2s}.form-link:hover{color:var(--primary)}.auth-footer-text{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px;font-weight:500}.auth-footer-text a{color:var(--primary);font-weight:700}.auth-error{background:var(--danger-light);color:#991b1b;border-radius:var(--radius-md);text-align:center;border:1px solid #fca5a5;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700;display:none}.auth-error.show{display:block}.auth-success{background:var(--success-light);color:#065f46;border-radius:var(--radius-md);text-align:center;border:1px solid #6ee7b7;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700;display:none}.auth-success.show{display:block}.sidebar-overlay{z-index:90;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.mobile-nav{height:calc(var(--mobile-nav-height) + var(--safe-bottom) + var(--tw-bu-day,0px));background:var(--white);border-top:1px solid var(--line-soft);z-index:80;padding:0 calc(4px + env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + var(--tw-bu-day,0px)) calc(4px + env(safe-area-inset-left,0px));flex:none;align-items:stretch;display:none;position:relative;box-shadow:0 -8px 24px -16px #10292a47}.mobile-nav:after{content:"";background:var(--white);pointer-events:none;height:140px;position:absolute;top:100%;left:0;right:0}.mnav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:11px;font-weight:700;transition:color .2s;display:flex}.mnav-item i{border-radius:var(--radius-full);width:52px;height:30px;transition:background-color .25s var(--ease-out), transform .25s var(--ease-bounce), color .2s;justify-content:center;align-items:center;font-size:18px;display:flex}.mnav-item.active{color:var(--primary-dark);font-weight:800}.mnav-item.active i{background:var(--primary-bg);color:var(--primary);transform:translateY(-1px)}.mnav-item:active i{transform:scale(.9)}.mascot-widget{border-radius:var(--radius-full);background:var(--white);width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:70;border:2px solid var(--border-light);justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;bottom:20px;right:20px}.mascot-widget:hover{transform:scale(1.1)}.mascot-emoji{font-size:28px}.text-muted{color:var(--text-muted);font-size:14px;font-weight:500}.text-primary-color{color:var(--primary)}.text-center{text-align:center}.text-left{text-align:left}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.toggle-wrap{align-items:center;gap:8px;display:flex}.toggle-label{color:var(--text-secondary);font-size:13px;font-weight:600}.toggle{border-radius:var(--radius-full);background:var(--surface-3);cursor:pointer;width:44px;height:24px;transition:background .2s;position:relative}.toggle.active{background:var(--primary)}.toggle:after{content:"";border-radius:var(--radius-full);background:var(--white);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state i{color:var(--text-light);margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:800}.empty-state p{max-width:400px;margin:0 auto;font-size:14px}.spinner{border:3px solid var(--surface-2);border-top:3px solid var(--primary);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tc-viec-o{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);min-height:96px;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;gap:2px;padding:14px;display:flex}@media (hover:hover){.tc-viec-o:hover{border-color:var(--primary-lighter);transform:translateY(-2px)}}.tc-viec-o>i{width:30px;height:30px;color:var(--text-muted);background:var(--surface-2);border-radius:10px;place-items:center;margin-bottom:6px;font-size:13px;display:grid}.tc-viec-o b{font-family:var(--font-num);letter-spacing:-.03em;color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.1}.tc-viec-o span{color:var(--text-muted);font-size:11.5px;font-weight:600;line-height:1.35}.tc-viec-o.is-cam>i{color:var(--accent-hover);background:var(--accent-light)}.tc-viec-o.is-cam b{color:var(--accent-hover)}.tc-viec-o.is-tim>i{color:var(--primary);background:var(--primary-bg)}.tc-viec-o.is-tim b{color:var(--primary)}.tc-viec-o.is-do>i{color:var(--danger);background:var(--danger-light)}.tc-viec-o.is-do b{color:var(--danger)}.tc-viec-o.is-xanh>i{color:var(--success);background:var(--success-light)}.tc-viec-o.is-xanh b{color:var(--success)}.tc-viec-o.is-rong{background:linear-gradient(180deg, #f2fbf6, var(--white));border-color:#16a34a29}.tc-viec-o.is-rong>i{color:var(--success);background:var(--success-light)}.tc-prog-row{cursor:pointer;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:10px 0;display:grid}.tc-loi{border-radius:var(--radius-lg);background:var(--warning-light);color:#8a5a08;border:1px solid #f0a73c4d;align-items:center;gap:10px;padding:14px 16px;font-size:13px;display:flex}.tc-loi>i{flex:none}.tc-loi>span{flex:1;min-width:0}.tc-exam{border-radius:var(--radius-lg);color:#fff;cursor:pointer;background:linear-gradient(160deg, var(--primary-vivid), var(--primary) 55%, var(--primary-dark));transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);padding:18px 20px;position:relative;overflow:hidden}.tc-exam.is-hsk{background:linear-gradient(160deg,#e09046,#c2611f 70%,#8a410f)}@media (hover:hover){.tc-exam:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.tc-exam h4{letter-spacing:-.02em;font-size:17px;font-weight:800}.tc-exam p{color:#ffffffd9;margin-top:6px;font-size:12.5px;line-height:1.55}.tc-blog{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);cursor:pointer;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);padding:16px}@media (hover:hover){.tc-blog:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.tc-blog h4{color:var(--text-primary);margin-top:8px;font-size:14px;font-weight:800;line-height:1.4}.tc-blog p{color:var(--text-secondary);margin-top:6px;font-size:12.5px;line-height:1.55}.dash-right-col{align-self:start}@media (width<=768px){.tc-viec-o{min-height:88px;padding:12px}.tc-viec-o b{font-size:22px}.tc-prog-row{grid-template-columns:68px 1fr auto}}@media (width<=1100px){.dash-right-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media (width<=1023px){.sidebar{z-index:100;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.btn-mobile-menu,.mobile-nav{display:flex}.page-content{padding-bottom:24px}.mascot-widget,.header-center{display:none}}@media (width<=768px){.top-header{padding:env(safe-area-inset-top,0px) 12px 0;height:calc(52px + env(safe-area-inset-top,0px));min-height:calc(52px + env(safe-area-inset-top,0px))}.page-content{padding:12px 12px 20px}.page-title{font-size:16px}.dash-right-col,.auth-split{grid-template-columns:1fr}.auth-image-side{display:none}.auth-form-side{padding:28px 20px}.fc-card-front,.fc-card-back{min-height:260px;padding:20px}.fc-rating-buttons{grid-template-columns:repeat(2,1fr)}.exam-question-card{padding:16px}.vocab-item{grid-template-columns:auto 1fr auto;grid-template-areas:"hanzi pinyin actions""hanzi meaning actions";gap:2px 12px;padding:12px 14px}.vocab-item>.vocab-hanzi{white-space:nowrap;grid-area:hanzi;font-size:20px}.vocab-item>div:nth-child(2){grid-area:pinyin}.vocab-item>.vocab-meaning{grid-area:meaning;font-size:13px}.vocab-item>.vocab-actions{grid-area:actions;gap:2px}.hskv-item{grid-template-columns:auto minmax(0,1fr) auto}.card-padded{padding:16px}.srs-banner{padding:24px 20px}.srs-banner h2{font-size:20px}.srs-banner p{font-size:13px}.section-header h2{font-size:16px}.shadowing-card{min-width:180px}.shadowing-thumb{height:100px}.shadowing-title{font-size:13px}.profile-card{padding:20px}.profile-name{font-size:16px}.stats-row{gap:8px}.stat-box{padding:10px 6px}.stat-value{font-size:18px}.stat-label{font-size:11px}}@media (width<=480px){.page-content{padding:8px 8px 16px}.fc-rating-buttons{grid-template-columns:repeat(2,1fr)}.srs-banner h2{font-size:18px}.srs-banner p{font-size:12px}.card-padded{padding:12px}.section-header h2{font-size:15px}.shadowing-card{min-width:160px}}.blog-content{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;font-size:15px;line-height:1.85}.blog-content h1{color:var(--text-primary);margin:24px 0 12px;font-size:26px;font-weight:800;line-height:1.3}.blog-content h2{color:var(--text-primary);margin:20px 0 10px;font-size:22px;font-weight:700;line-height:1.35}.blog-content h3{color:var(--text-primary);margin:16px 0 8px;font-size:18px;font-weight:700;line-height:1.4}.blog-content p{margin:0 0 12px}.blog-content strong,.blog-content b{color:var(--text-primary);font-weight:700}.blog-content em,.blog-content i{font-style:italic}.blog-content u{text-decoration:underline}.blog-content s{opacity:.7;text-decoration:line-through}.blog-content a{color:var(--primary);font-weight:500;text-decoration:underline;transition:opacity .15s}.blog-content a:hover{opacity:.8}.blog-content img{border-radius:12px;max-width:100%;height:auto;margin:16px 0;box-shadow:0 2px 12px #0000001a}.blog-content ul,.blog-content ol{margin:8px 0 16px;padding-left:24px}.blog-content li{margin-bottom:6px}.blog-content blockquote{border-left:4px solid var(--primary);background:var(--primary-bg);color:var(--text-secondary);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px;font-style:italic}.blog-content pre,.blog-content .ql-code-block-container{color:#cdd6f4;background:#1e1e2e;border-radius:10px;margin:12px 0;padding:16px 20px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.blog-content code{background:var(--primary-bg);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.blog-content pre code{color:inherit;background:0 0;padding:0}.blog-content .ql-align-center{text-align:center}.blog-content .ql-align-right{text-align:right}.blog-content .ql-align-justify{text-align:justify}.blog-content .ql-indent-1{padding-left:3em}.blog-content .ql-indent-2{padding-left:6em}.blog-content .ql-indent-3{padding-left:9em}.can-dang-nhap-nut{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.can-dang-nhap-nut .btn{min-width:160px;min-height:44px}.coming-soon{text-align:center;min-height:60vh;animation:comingSoonIn .45s var(--ease-out) both;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex}@keyframes comingSoonIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.coming-soon-icon{border-radius:var(--radius-full);width:88px;height:88px;color:var(--primary);background:linear-gradient(135deg,#6c5ce721,#ff6b6b21);place-items:center;font-size:34px;display:grid;box-shadow:0 8px 24px #6c5ce729}.coming-soon-title{font-family:var(--font-display);color:var(--text-primary);margin-top:4px;font-size:26px;font-weight:800}.coming-soon-desc{max-width:460px;color:var(--text-muted);font-size:15px;line-height:1.7}.coming-soon-badge{border-radius:var(--radius-full);color:#c93b41;background:#ff6b6b24;align-items:center;gap:8px;margin-top:6px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.coming-soon-badge i{font-size:12px}@media (width<=768px){.coming-soon-icon{width:72px;height:72px;font-size:28px}.coming-soon-title{font-size:21px}.coming-soon-desc{font-size:14px}}.pron-card--violet,.pron-group-head--violet,.tone-card--violet{--pc:#5b4bd6;--pc-bg:#f3f0ff}.pron-card--blue,.pron-group-head--blue,.tone-card--blue{--pc:#3b8bef;--pc-bg:#eaf3ff}.pron-card--teal,.pron-group-head--teal,.tone-card--teal{--pc:#00a98f;--pc-bg:#e1f8f3}.pron-card--amber,.pron-group-head--amber,.tone-card--amber{--pc:#e09400;--pc-bg:#fff5df}.pron-card--coral,.pron-group-head--coral,.tone-card--coral{--pc:#f4585f;--pc-bg:#ffecec}.pron-card--green,.pron-group-head--green,.tone-card--green{--pc:#1fa971;--pc-bg:#e4f7ee}.pron-page{max-width:var(--content-max-width);animation:pronIn .4s var(--ease-out) both;flex-direction:column;gap:26px;display:flex}@keyframes pronIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pron-hero{border-radius:var(--radius-2xl);color:var(--white);background:radial-gradient(360px 220px at 100% -10%, #34d3bf80, transparent 62%), linear-gradient(135deg, var(--primary-vivid) 0%, var(--primary) 55%, var(--primary-dark) 100%);box-shadow:0 22px 40px -24px rgba(var(--primary-dark-rgb), .7);justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;display:flex;position:relative;overflow:hidden}.pron-hero--initials{background:radial-gradient(360px 220px at 100% -10%,#ff8a4c73,#0000 62%),linear-gradient(135deg,#10a796 0%,#0b7c79 50%,#0d3b55 100%);box-shadow:0 22px 40px -24px #0b5e55b3}.pron-hero--tones{background:radial-gradient(360px 220px at 100% -10%,#ffd36e80,#0000 62%),linear-gradient(135deg,#ff8a4c 0%,#f4577a 60%,#c2367a 100%);box-shadow:0 22px 40px -24px #c2367ab3}.pron-hero--chart{background:radial-gradient(360px 220px at 100% -10%,#ff8a4c66,#0000 62%),linear-gradient(135deg,#2b3a8c 0%,#3a2f80 55%,#5b3fd9 110%);box-shadow:0 22px 40px -24px #3a2f80b3}.pron-hero:after{content:"";background:#ffffff1a;border-radius:50%;width:260px;height:260px;position:absolute;top:-70px;right:-60px}.pron-hero-main{z-index:1;max-width:720px;position:relative}.pron-hero-eyebrow{border-radius:var(--radius-full);letter-spacing:.4px;background:#fff3;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.pron-hero-title{font-family:var(--font-display);margin:12px 0 8px;font-size:30px;font-weight:800;line-height:1.15}.pron-hero-title span{opacity:.8;font-size:24px;font-weight:600}.pron-hero-desc{color:#ffffffe6;max-width:620px;font-size:14.5px;line-height:1.7}.pron-hero-stats{flex-wrap:wrap;gap:26px;margin-top:18px;display:flex}.pron-stat{flex-direction:column;line-height:1.2;display:flex}.pron-stat b{font-family:var(--font-display);font-size:26px;font-weight:800}.pron-stat span{color:#ffffffbf;font-size:12px;font-weight:600}.pron-hero-char{z-index:1;color:#ffffff38;-webkit-user-select:none;user-select:none;font-size:120px;font-weight:600;line-height:1;position:relative}.pron-tabs{flex-wrap:wrap;gap:8px;display:flex}.pron-section{flex-direction:column;gap:16px;display:flex}.pron-section-head h3{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.pron-section-head h3 i{color:var(--primary);font-size:17px}.pron-section-head p{color:var(--text-muted);margin-top:5px;font-size:13.5px}.pron-group-head{border-radius:var(--radius-lg);background:var(--pc-bg,var(--surface-2));border-left:5px solid var(--pc,var(--primary));align-items:center;gap:14px;padding:14px 18px;display:flex}.pron-group-badge{border-radius:var(--radius-full);background:var(--pc,var(--primary));width:34px;height:34px;color:var(--white);flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.pron-group-title{flex:1;min-width:0}.pron-group-title h3{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:800}.pron-group-title h3 span{color:var(--pc);margin-left:6px;font-size:13px;font-weight:500}.pron-group-title p{color:var(--text-secondary);margin-top:3px;font-size:12.5px;line-height:1.55}.pron-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.pron-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s;flex-direction:column;padding:16px;display:flex}.pron-card:hover{box-shadow:var(--shadow-md);border-color:var(--pc,var(--primary));transform:translateY(-3px)}.pron-card.is-playing{border-color:var(--pc,var(--primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--pc,#6c5ce7) 18%, transparent);animation:pronPulse .7s var(--ease-out)}@keyframes pronPulse{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.pron-card-head{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;padding:0 0 12px;display:flex}.pron-card-play{text-align:left;min-width:0;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.pron-card-py{font-family:var(--font-display);color:var(--pc,var(--primary));letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1}.pron-card-ipa{color:var(--text-muted);font-size:12.5px;font-weight:600}.pron-card-speaker{border-radius:var(--radius-full);background:var(--pc-bg,var(--primary-bg));width:36px;height:36px;color:var(--pc,var(--primary));font-size:14px;font:inherit;cursor:pointer;transition:all .2s var(--ease-out);border:none;flex:none;place-items:center;padding:0;display:grid}.pron-card-speaker:hover,.pron-card-play:hover~.pron-card-speaker{background:var(--pc);color:var(--white);transform:scale(1.08)}.pron-speedpick{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px;display:flex}.pron-card-head .pron-speedpick{flex-wrap:nowrap;flex:none;margin:0}.pron-card-head .pron-speedpick-btn{min-width:24px;height:24px;padding:0 5px;font-size:11px}.tone-card>.pron-speedpick{margin:10px 16px 0}.pron-speedpick-btn{white-space:nowrap;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--white);width:auto;min-width:27px;height:27px;color:var(--text-secondary);transition:all .2s var(--ease-out);place-items:center;padding:0 7px;font-size:11px;display:grid}.pron-speedpick-btn:hover{border-color:var(--pc,var(--primary));color:var(--pc,var(--primary));background:var(--pc-bg,var(--primary-bg))}.pron-speedpick-btn:active{background:var(--pc,var(--primary));color:var(--white);border-color:var(--pc,var(--primary))}.pron-card-desc{color:var(--text-secondary);margin-top:12px;font-size:13.5px;line-height:1.65}.pron-card-desc b{color:var(--text-primary);font-weight:800}.pron-card-note,.pron-card-tip{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin-top:9px;padding:8px 11px;font-size:12.5px;line-height:1.55;display:flex}.pron-card-note{background:var(--info-light);color:#1e5fa8}.pron-card-tip{background:var(--warning-light);color:#8a6100}.pron-card-note i,.pron-card-tip i{flex:none;margin-top:2px}.pron-card-note span,.pron-card-tip span{flex:1;min-width:0}.pron-card-note b,.pron-card-tip b{font-weight:800}.pron-card-ex{flex-direction:column;gap:6px;margin-top:12px;display:flex}.pron-ex{border-radius:var(--radius-sm);background:var(--surface);text-align:left;width:100%;transition:all .18s var(--ease-out);align-items:center;gap:9px;padding:8px 10px;display:flex}.pron-ex:hover{background:var(--pc-bg,var(--primary-bg));transform:translate(3px)}.pron-ex.is-playing{background:var(--pc-bg);box-shadow:inset 0 0 0 1.5px var(--pc)}.pron-ex-hz{color:var(--text-primary);font-size:17px;font-weight:600}.pron-ex-py{color:var(--pc,var(--primary));font-size:12.5px;font-weight:700}.pron-ex-mn{color:var(--text-muted);text-align:right;margin-left:auto;font-size:12px}.pron-ex>i{color:var(--text-light);flex:none;font-size:12px}.pron-ex:hover>i{color:var(--pc)}.pron-pairs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.pron-pair{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .25s var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px;display:grid}.pron-pair:hover{box-shadow:var(--shadow-sm)}.pron-pair-side{border-radius:var(--radius-md);background:var(--surface);transition:all .2s var(--ease-out);flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}.pron-pair-side:hover{background:var(--primary-bg);transform:translateY(-2px)}.pron-pair-side.is-playing{background:var(--primary-bg);box-shadow:0 0 0 2px var(--primary)}.pron-pair-py{font-family:var(--font-display);color:var(--primary);font-size:22px;font-weight:800}.pron-pair-hz{color:var(--text-muted);font-size:15px}.pron-pair-vs{color:var(--text-light);text-transform:uppercase;font-size:11px;font-weight:800}.pron-pair-note{text-align:center;color:var(--text-muted);grid-column:1/-1;margin-top:4px;font-size:12px}.tone-chart-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.tone-chart{width:100%;max-width:680px;height:auto;margin:0 auto;display:block}.tone-legend{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.tone-legend-item{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease-out);align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;display:inline-flex}.tone-legend-item i{background:var(--lc);border-radius:3px;width:16px;height:3px}.tone-legend-item b{color:var(--text-primary);font-weight:800}.tone-legend-item span{color:var(--text-muted);font-weight:600}.tone-legend-item:hover{border-color:var(--lc);background:var(--white);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tone-legend-item.is-playing{border-color:var(--lc);box-shadow:0 0 0 3px color-mix(in srgb, var(--lc) 20%, transparent)}.tone-legend--violet{--lc:#5b4bd6}.tone-legend--blue{--lc:#3b8bef}.tone-legend--amber{--lc:#e09400}.tone-legend--coral{--lc:#f4585f}.tone-legend--teal{--lc:#00a98f}.tone-grid{stroke:var(--border-light);stroke-width:1px}.tone-grid.mid{stroke:var(--surface-3);stroke-dasharray:4 4}.tone-axis{fill:var(--text-muted);font-size:13px;font-weight:700}.tone-curve{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.tone-curve--violet{stroke:#6c5ce7}.tone-curve--blue{stroke:#3b8bef}.tone-curve--amber{stroke:#e09400}.tone-curve--coral{stroke:#f4585f}.tone-curve--teal{stroke:#00a98f;stroke-dasharray:5 5}.tone-dot--teal{fill:#00a98f}.tone-caption{font-size:13px;font-weight:800}.tone-caption--violet{fill:#6c5ce7}.tone-caption--blue{fill:#3b8bef}.tone-caption--amber{fill:#e09400}.tone-caption--coral{fill:#f4585f}.tone-mini{width:100%;height:62px;margin:12px 0 4px}.tone-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.tone-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.tone-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tone-card.is-playing{box-shadow:0 0 0 3px var(--pc)}.tone-card-play{text-align:left;background:var(--pc-bg);width:100%;padding:16px 16px 12px}.tone-card-top{align-items:center;gap:11px;display:flex}.tone-num{border-radius:var(--radius-md);background:var(--pc);width:36px;height:36px;color:var(--white);font-family:var(--font-display);flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.tone-name{flex:1;min-width:0;line-height:1.3}.tone-name b{color:var(--text-primary);font-size:14.5px;font-weight:800;display:block}.tone-name small{color:var(--pc);font-size:11.5px;font-weight:600}.tone-mark{color:var(--pc);font-size:17px}.tone-speaker{color:var(--pc);opacity:.55;transition:all .2s var(--ease-out);flex:none;font-size:15px}.tone-card-play:hover .tone-speaker{opacity:1;transform:scale(1.15)}.tone-sample{border-top:1px dashed color-mix(in srgb, var(--pc) 30%, transparent);align-items:baseline;gap:8px;padding-top:8px;display:flex}.tone-sample span{color:var(--text-primary);font-size:26px}.tone-sample b{color:var(--pc);font-size:14px;font-weight:800}.tone-sample small{color:var(--text-muted);margin-left:auto;font-size:12px}.tone-card-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.tone-pitch{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);align-self:flex-start;padding:3px 10px;font-size:11.5px;font-weight:700}.tone-card-body p{color:var(--text-secondary);font-size:13px;line-height:1.6}.tone-vi,.tone-tip{align-items:flex-start;gap:7px;display:flex;font-size:12.5px!important}.tone-vi i,.tone-tip i{flex:none}.tone-vi i{color:var(--info);margin-top:3px}.tone-tip i{color:var(--warning);margin-top:3px}.tone-vi span,.tone-tip span{flex:1;min-width:0}.tone-set{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.tone-set--hero{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.tone-chip{border-radius:var(--radius-md);background:var(--surface);min-width:92px;transition:all .2s var(--ease-out);border:1.5px solid #0000;flex-direction:column;flex:92px;align-items:center;gap:2px;padding:13px 10px;display:flex}.tone-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.tone-chip.is-playing{box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.03)}.tone-chip--t1{background:#f3f0ff;border-color:#c7c0fa}.tone-chip--t2{background:#eaf3ff;border-color:#b4d4fa}.tone-chip--t3{background:#fff5df;border-color:#f5d998}.tone-chip--t4{background:#ffecec;border-color:#fbbdc0}.tone-chip--t0{background:#e1f8f3;border-color:#a9e4d9}.tone-chip-hz{color:var(--text-primary);font-size:30px;line-height:1.15}.tone-chip-py{color:var(--text-secondary);font-size:13.5px;font-weight:800}.tone-chip-mn{color:var(--text-muted);text-align:center;font-size:11.5px}.tone-set-all{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-light));min-width:92px;color:var(--white);box-shadow:var(--shadow-primary);transition:all .2s var(--ease-out);flex-direction:column;flex:92px;justify-content:center;align-items:center;gap:6px;padding:13px 10px;font-size:12.5px;font-weight:700;display:flex}.tone-set-all i{font-size:16px}.tone-set-all:hover{filter:brightness(1.06);transform:translateY(-3px)}.tone-set-all:active{transform:scale(.97)}.tone-drills{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.tone-drill{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.tone-drill-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.tone-drill-head b{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:800}.tone-drill-play{border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);transition:all .2s var(--ease-out);align-items:center;gap:6px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex}.tone-drill-play:hover{background:var(--primary);color:var(--white)}.sandhi-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.sandhi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .25s var(--ease-out);padding:18px}.sandhi-card:hover{box-shadow:var(--shadow-sm)}.sandhi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sandhi-head h4{font-family:var(--font-display);color:var(--text-primary);font-size:15.5px;font-weight:800}.sandhi-formula{border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);white-space:nowrap;padding:4px 11px;font-size:11.5px;font-weight:800}.sandhi-rule{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.6}.sandhi-ex{flex-direction:column;gap:6px;margin-top:12px;display:flex}.sandhi-item{border-radius:var(--radius-sm);background:var(--surface);text-align:left;transition:all .18s var(--ease-out);align-items:center;gap:10px;padding:9px 11px;display:flex}.sandhi-item:hover{background:var(--primary-bg);transform:translate(3px)}.sandhi-item.is-playing{background:var(--primary-bg);box-shadow:inset 0 0 0 1.5px var(--primary)}.sandhi-hz{color:var(--text-primary);flex:none;font-size:17px}.sandhi-arrow{color:var(--text-muted);font-size:12.5px}.sandhi-arrow i{margin:0 3px;font-size:9px}.sandhi-arrow b{color:var(--success);font-weight:800}.sandhi-mn{color:var(--text-light);margin-left:auto;font-size:11.5px}.sandhi-item>i{color:var(--text-light);flex:none;font-size:12px}.sandhi-note{border-radius:var(--radius-sm);background:var(--info-light);color:#1e5fa8;align-items:flex-start;gap:7px;margin-top:11px;padding:9px 11px;font-size:12px;line-height:1.55;display:flex}.sandhi-note i{flex:none;margin-top:2px}.sandhi-note span{flex:1;min-width:0}.mark-rules{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;list-style:none;display:grid}.mark-rule{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);gap:12px;padding:15px;display:flex}.mark-rule-no{border-radius:var(--radius-full);background:var(--primary-bg);width:28px;height:28px;color:var(--primary);flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.mark-rule p{color:var(--text-secondary);font-size:13px;line-height:1.6}.mark-rule p b{color:var(--primary);font-weight:800}.mark-rule code{border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-display);color:var(--text-primary);margin-top:7px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-block}.pron-quiz-start,.pron-quiz-result{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:13px;padding:36px 24px;display:flex}.pron-quiz-start-icon,.pron-quiz-result-icon{border-radius:var(--radius-full);background:var(--primary-bg);width:66px;height:66px;color:var(--primary);place-items:center;font-size:26px;display:grid}.pron-quiz-start p{color:var(--text-muted);font-size:14px}.pron-quiz-start p b{color:var(--text-primary)}.pron-quiz-result--good .pron-quiz-result-icon{background:var(--success-light);color:#00876f}.pron-quiz-result--mid .pron-quiz-result-icon{background:var(--warning-light);color:#8a6100}.pron-quiz-result--low .pron-quiz-result-icon{background:var(--danger-light);color:#c93b41}.pron-quiz-score{font-family:var(--font-display);color:var(--text-primary);font-size:42px;font-weight:800;line-height:1}.pron-quiz-score span{color:var(--text-light);font-size:20px}.pron-quiz-mood{color:var(--text-secondary);font-size:15px;font-weight:700}.pron-quiz-bar{border-radius:var(--radius-full);background:var(--surface-2);width:min(320px,100%);height:8px;overflow:hidden}.pron-quiz-bar i{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%;transition:width .6s var(--ease-out);display:block}.pron-quiz{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.pron-quiz-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pron-quiz-count{color:var(--text-muted);font-size:12.5px;font-weight:700}.pron-quiz-scorechip{border-radius:var(--radius-full);background:var(--warning-light);color:#8a6100;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.pron-quiz-progress{border-radius:var(--radius-full);background:var(--surface-2);height:6px;overflow:hidden}.pron-quiz-progress i{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%;transition:width .4s var(--ease-out);display:block}.pron-quiz-listen{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--primary-light));width:100%;color:var(--white);box-shadow:var(--shadow-primary);transition:all .2s var(--ease-out);justify-content:center;align-items:center;gap:12px;margin:18px 0 4px;padding:22px;font-size:15px;font-weight:700;display:flex}.pron-quiz-listen i{font-size:22px}.pron-quiz-listen:hover{filter:brightness(1.07);transform:translateY(-2px)}.pron-quiz-listen:active{transform:scale(.98)}.pron-quiz-q{color:var(--text-primary);margin:18px 0 14px;font-size:16px;font-weight:700;line-height:1.5}.pron-quiz-q b{color:var(--primary)}.pron-quiz-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.pron-quiz-opt{border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--border);text-align:left;color:var(--text-secondary);transition:all .18s var(--ease-out);align-items:center;gap:11px;padding:14px 15px;font-size:14px;font-weight:600;display:flex}.pron-quiz-opt:not(:disabled):hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.pron-quiz-key{border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.pron-quiz-label{flex:1}.pron-quiz-opt>i{font-size:16px}.pron-quiz-opt.correct{border-color:var(--success);background:var(--success-light);color:#00705c}.pron-quiz-opt.correct .pron-quiz-key{background:var(--success);border-color:var(--success);color:var(--white)}.pron-quiz-opt.correct>i{color:var(--success)}.pron-quiz-opt.wrong{border-color:var(--danger);background:var(--danger-light);color:#c93b41}.pron-quiz-opt.wrong .pron-quiz-key{background:var(--danger);border-color:var(--danger);color:var(--white)}.pron-quiz-opt.wrong>i{color:var(--danger)}.pron-quiz-opt.dim{opacity:.5}.pron-quiz-explain{border-radius:var(--radius-md);animation:pronIn .3s var(--ease-out) both;gap:10px;margin-top:14px;padding:13px 15px;font-size:13.5px;line-height:1.6;display:flex}.pron-quiz-explain.ok{background:var(--success-light);color:#00705c}.pron-quiz-explain.no{background:var(--warning-light);color:#8a6100}.pron-quiz-explain i{margin-top:2px;font-size:15px}.pron-quiz-next{justify-content:center;width:100%;margin-top:14px}.pron-nextstep{justify-content:flex-end;display:flex}.pron-next-btn{border-radius:var(--radius-xl);background:var(--white);border:1.5px solid var(--border);transition:all .25s var(--ease-out);align-items:center;gap:16px;padding:15px 24px;display:inline-flex}.pron-next-btn span{text-align:right;flex-direction:column;line-height:1.35;display:flex}.pron-next-btn small{color:var(--text-muted);font-size:11.5px;font-weight:600}.pron-next-btn b{color:var(--text-primary);font-size:15px;font-weight:800}.pron-next-btn i{color:var(--primary);transition:transform .25s var(--ease-out);font-size:15px}.pron-next-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pron-next-btn:hover i{transform:translate(4px)}@media (width<=900px){.pron-hero{padding:24px}.pron-hero-char{font-size:84px}.pron-hero-title{font-size:25px}.pron-hero-title span{font-size:19px}}@media (width<=768px){.pron-page{gap:20px}.pron-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px}.pron-hero-char{opacity:.5;font-size:92px;position:absolute;bottom:-18px;right:6px}.pron-hero-title{font-size:22px}.pron-hero-desc{font-size:13.5px}.pron-hero-stats{gap:18px}.pron-stat b{font-size:21px}.pron-group-head{flex-wrap:wrap;padding:13px 14px}.pron-grid{grid-template-columns:1fr}.pron-card-py{font-size:26px}.tone-cards,.tone-drills,.sandhi-list,.mark-rules,.pron-pairs{grid-template-columns:1fr}.pron-quiz{padding:16px}.pron-quiz-options{grid-template-columns:1fr}.pron-quiz-listen{padding:18px;font-size:14px}.pron-quiz-q{font-size:15px}.tone-chip{flex-basis:78px;min-width:78px;padding:11px 6px}.tone-chip-hz{font-size:25px}.tone-set-all{flex-basis:78px;min-width:78px}.pron-nextstep{justify-content:stretch}.pron-next-btn{justify-content:space-between;width:100%}.pron-next-btn span{text-align:left}}@media (prefers-reduced-motion:reduce){.pron-page,.pron-card,.tone-card,.tone-chip,.pron-quiz-explain,.pron-card.is-playing{animation:none!important}}.pron-credit{border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);align-items:flex-start;gap:8px;padding:12px 15px;font-size:12.5px;line-height:1.6;display:flex}.pron-credit i{flex:none;margin-top:3px}.pron-credit span{flex:1;min-width:0}.pron-credit a{color:var(--primary);font-weight:700}.pron-credit a:hover{text-decoration:underline}.dd-container{grid-template-columns:300px 1fr;gap:24px;min-height:70vh;display:grid}.dd-sidebar{background:var(--card-bg,#fff);border:1px solid var(--border-light,#e2e8f0);height:fit-content;max-height:calc(var(--tw-vh,100dvh) - var(--header-height) - 40px);border-radius:16px;flex-direction:column;align-self:start;display:flex;position:sticky;top:16px;overflow:hidden}.dd-sidebar-header{background:linear-gradient(135deg, var(--primary,#0891b2), var(--primary-dark,#065f7c));color:#fff;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.dd-sidebar-header i{font-size:18px}.dd-lesson-list{scroll-behavior:smooth;flex:auto;min-height:0;padding:8px;overflow-y:auto}.dd-lesson-group{border-radius:10px;margin-bottom:4px;transition:background .2s;overflow:hidden}.dd-lesson-group.has-active>.dd-lesson-header{background:var(--primary-bg,#ecfeff)}.dd-lesson-group.has-active>.dd-lesson-header .dd-lesson-name{color:var(--primary,#0891b2);font-weight:800}.dd-lesson-group.has-active>.dd-lesson-header .dd-lesson-hanzi{color:var(--primary-dark,#065f7c);font-weight:700}.dd-lesson-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.dd-lesson-header:hover{background:var(--hover-bg,#f1f5f9)}.dd-lesson-chevron{color:var(--text-muted,#94a3b8);text-align:center;flex-shrink:0;width:14px;font-size:11px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dd-lesson-group.open>.dd-lesson-header .dd-lesson-chevron{transform:rotate(90deg)}.dd-lesson-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dd-lesson-name{color:var(--primary,#0891b2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.dd-lesson-hanzi{color:var(--text-primary,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dd-lesson-badge{background:var(--primary,#0891b2);color:#fff;text-align:center;border-radius:20px;flex-shrink:0;min-width:28px;padding:2px 8px;font-size:11px;font-weight:700}.dd-lesson-children{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.dd-lesson-group.open>.dd-lesson-children{grid-template-rows:1fr}.dd-sub-item{cursor:pointer;color:var(--text-secondary,#56677c);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px 8px 34px;font-size:13px;transition:all .2s;display:flex}.dd-sub-item:hover{background:var(--primary-bg,#ecfeff);color:var(--primary,#0891b2);transform:translate(2px)}.dd-sub-item.active{background:var(--primary,#0891b2);color:#fff;font-weight:600;transform:translate(2px);box-shadow:0 2px 8px #0891b259}.dd-sub-item.active:hover{background:var(--primary-dark,#065f7c);color:#fff}.dd-sub-item.active i{color:#fff}.dd-sub-item.active .dd-sub-count{color:#fff;opacity:1}.dd-sub-item i{flex-shrink:0;font-size:12px}.dd-sub-count{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:600}@keyframes ddSelectPulse{0%{transform:scale(.97);box-shadow:0 0 #0891b280}50%{transform:scale(1.02);box-shadow:0 0 0 4px #0891b240}to{transform:scale(1);box-shadow:0 2px 8px #0891b259}}.dd-sub-item.just-selected{animation:.35s ddSelectPulse}.dd-main{min-width:0}.dd-main-header{margin-bottom:16px}.dd-main-title{color:var(--text-primary,#1e293b);margin:0 0 4px;font-size:22px;font-weight:800}.dd-main-range{color:var(--text-muted,#94a3b8);font-size:13px;font-weight:500}.dd-tab-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:20px;padding:4px;display:flex;position:relative}.btn-primary,.btn-secondary,.btn-accent,.btn-outline,.dd-tab-btn,.lesson-tab,.pron-card-head,.pron-card-speaker,.pron-speedpick-btn,.py-cell,.dd-btn-speak,.fc-flip-btn,.mnav-item,.btn-mobile-menu,.btn-notifications,.btn-char-toggle,.btn-user-avatar,.modal-close,.section-link,.form-link{transition:transform .16s var(--ease-out), filter .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out)}.dd-tab-btn:active:not(.disabled),.lesson-tab:active,.pron-card-head:active,.pron-card-speaker:active,.pron-speedpick-btn:active,.dd-btn-speak:active,.fc-flip-btn:active,.btn-mobile-menu:active,.btn-notifications:active,.btn-char-toggle:active,.btn-user-avatar:active,.modal-close:active,.mnav-item:active{filter:brightness(.96);transition-duration:0s;transform:scale(.94)}.roadmap-card,.srs-banner,.dd-game-card,.dd-vocab-item,.quiz-option,.dd-ex-opt,.dd-onllang-opt,.dd-tone-combo,.py-cell,.tone-card,.pron-ex,.sandhi-item{transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out)}.roadmap-card:active,.srs-banner:active,.dd-game-card:active,.dd-vocab-item:active,.quiz-option:active:not(.disabled),.dd-onllang-opt:active,.dd-tone-combo:active,.py-cell:active,.tone-card:active,.pron-ex:active,.sandhi-item:active{transition-duration:0s;transform:scale(.985)}.nav-item,.nav-child,.nav-book,.user-dd-item,.notif-item{transition:transform .18s var(--ease-out), background-color .18s var(--ease-out)}.nav-item:active,.nav-child:active,.nav-book:active,.user-dd-item:active,.notif-item:active{transition-duration:0s;transform:translate(2px)scale(.995)}@media (hover:none){a,button,[onclick],[role=button]{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[class]:active{transform:none!important}}.btn-mobile-menu,.btn-notifications,.btn-char-toggle,.btn-user-avatar,.nav-subcaret{position:relative}.btn-mobile-menu:after,.btn-notifications:after,.btn-char-toggle:after,.btn-user-avatar:after{content:"";position:absolute;inset:-2px}.nav-subcaret:after{content:"";position:absolute;inset:-10px}.pron-speed-btn,.tone-drill-play,.dd-dlg-opt-btn,.tr-toggle-btn,.hw-mode-btn,.hskg-chip,.dd-game-back-btn,.blog-read-more,.notif-readall,.notif-tab,.auth-footer-text a,.pron-card-play{position:relative}.pron-speed-btn:after,.tone-drill-play:after,.dd-dlg-opt-btn:after,.tr-toggle-btn:after,.hw-mode-btn:after,.hskg-chip:after,.dd-game-back-btn:after,.blog-read-more:after,.notif-readall:after,.notif-tab:after,.auth-footer-text a:after,.pron-card-play:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.pron-speedpick-btn,.pron-card-speaker{position:relative}.pron-speedpick-btn:after,.pron-card-speaker:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-3px;right:-3px;transform:translateY(-50%)}.modal-close:after{content:"";position:absolute;inset:-6px}.user-dd-item{min-height:44px}.section-link,.form-link{align-items:center;min-height:32px;display:inline-flex;position:relative}.section-link:after,.form-link:after{content:"";position:absolute;inset:-6px -8px}@media (width<=900px){.pron-hero{padding:16px 18px}.pron-hero-desc{display:none}.pron-hero h1,.pron-hero-title{margin-bottom:6px;font-size:22px}.pron-hero-stats{gap:18px;margin-top:12px}.pron-hero-stats b,.pron-hero-stats strong{font-size:20px}.pron-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.pron-tabs::-webkit-scrollbar{display:none}.pron-tabs>*{flex:none}.pron-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000 100%)}.pron-tabs.het-nhom{-webkit-mask-image:none;mask-image:none}.pron-speedbar{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 12px;display:flex;overflow-x:auto}.pron-speedbar::-webkit-scrollbar{display:none}.pron-speedbar>*{flex:none}.pron-speedbar-label{font-size:12.5px}.pron-section{margin-bottom:16px}.pron-tabs{margin:12px 0}.dd-main-header{margin-bottom:10px}.dd-main-header .dd-book-badge,.dd-main-header .dd-main-title{display:none}.dd-main-header .dd-main-range{color:var(--text-muted);font-size:12.5px;display:block}.dd-tab-wrap{z-index:20;background:var(--surface-2);border-radius:var(--radius-lg);margin-bottom:14px;position:sticky;top:0;box-shadow:0 6px 16px -10px #10292a57}.dd-tab-bar{box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border:none;flex-wrap:nowrap;margin-bottom:0;padding-right:12px;overflow:auto hidden}.dd-tab-bar::-webkit-scrollbar{display:none}.dd-tab-btn{scroll-snap-align:start;flex:none}.dd-tab-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg, #f0f5f600 0%, var(--surface-2) 78%);border-radius:0 var(--radius-lg) var(--radius-lg) 0;opacity:1;width:34px;transition:opacity .2s var(--ease-out);position:absolute;top:0;bottom:0;right:0}.dd-tab-wrap.het-tab:after{opacity:0}}.dd-tab-ink{border-radius:var(--radius-md);background:linear-gradient(180deg, var(--primary), var(--primary-dark));box-shadow:var(--shadow-primary-soft), inset 0 1px 0 #ffffff2e;opacity:0;pointer-events:none;z-index:0;transition:transform var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out), height var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);position:absolute;top:0;left:0}.dd-tab-btn{z-index:1;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.dd-tab-btn i{transition:transform var(--dur-slow) var(--ease-out)}.dd-tab-btn:hover:not(.active):not(.disabled){color:var(--text-primary)}.dd-tab-btn.active{color:#fff}.dd-tab-btn.active i{transform:translateY(-1px)scale(1.08)}.dd-tab-btn.disabled{opacity:.5;cursor:default;pointer-events:none}.dd-tab-btn i{font-size:13px}.dd-tab-content{min-height:200px}@media (width<=900px){.dd-tab-content{min-height:calc(100vh - 150px)}}.dd-coming-soon{text-align:center;color:var(--text-muted,#94a3b8);padding:60px 24px}.dd-coming-soon i{opacity:.4;margin-bottom:16px;font-size:48px}.dd-coming-soon p{margin:0 0 8px;font-size:16px}.dd-coming-soon span{font-size:13px}.dd-empty{text-align:center;color:var(--text-muted,#94a3b8);padding:40px;font-size:14px}.dd-vocab-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dd-vocab-count{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.dd-doc-btn{border:1px solid var(--primary,#38899e);background:var(--card-bg,#fff);color:var(--primary,#38899e);cursor:pointer;transition:background var(--dur,.2s), color var(--dur,.2s), border-color var(--dur,.2s);border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.dd-doc-btn:hover{background:var(--primary-bg,#ecfeff)}.dd-doc-btn.dang-doc{background:var(--accent,#fd923c);border-color:var(--accent,#fd923c);color:#fff}.dd-vocab-card.dang-doc{border-color:var(--primary,#38899e);box-shadow:0 0 0 3px var(--primary-bg,#ecfeff), 0 6px 20px -6px rgba(var(--primary-rgb), .35)}.dd-vocab-card.dang-doc .dd-vocab-hanzi{color:var(--primary-dark,#2a6b7d)}@media (width<=1023px){.dd-doc-btn{position:relative}.dd-doc-btn:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}}.dd-vocab-list{flex-direction:column;gap:8px;display:flex}.dd-vocab-card{background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .2s,border-color .2s;overflow:hidden}.dd-vocab-card:hover{border-color:var(--primary-lighter);box-shadow:0 10px 24px -14px rgba(var(--primary-rgb), .45)}.dd-vocab-main{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.dd-vocab-main:hover{background:#fafdfc}.dd-vocab-num{background:var(--primary-bg);width:32px;height:32px;color:var(--primary-dark);font-family:var(--font-num);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.dd-vocab-info{flex:1;min-width:0}.dd-vocab-hanzi-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.dd-vocab-hanzi{color:var(--text-primary);font-size:22px;font-weight:700}.dd-vocab-pinyin{color:var(--primary-dark);font-size:14px;font-weight:600}.dd-vocab-pos{color:#56677c;background:#f1f5f9;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600}.dd-vocab-def{color:var(--text-secondary,#475569);margin-top:2px;font-size:14px;line-height:1.4}.dd-vocab-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dd-btn-speak{background:var(--primary-bg,#ecfeff);width:36px;height:36px;color:var(--primary,#0891b2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.dd-btn-speak:hover{background:var(--primary,#0891b2);color:#fff;transform:scale(1.1)}.dd-vocab-arrow{color:var(--text-muted,#94a3b8);font-size:11px;transition:transform .3s}.dd-vocab-arrow.rotate{transform:rotate(180deg)}.dd-vocab-detail{background:#f8fafc;border-top:0 solid #0000;max-height:0;padding:0 16px;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s;overflow:hidden}.dd-vocab-detail.open{border-top:1px solid var(--border-light,#e2e8f0);max-height:500px;padding:12px 16px 16px}.dd-ex-label{color:var(--primary,#0891b2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.dd-ex-item{border-left:3px solid var(--primary-bg,#ecfeff);margin-bottom:10px;padding-left:12px}.dd-ex-hanzi{color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;line-height:1.6}.dd-ex-pinyin{color:var(--primary,#0891b2);font-size:13px}.dd-ex-trans{color:var(--text-secondary,#56677c);font-size:13px;font-style:italic}.dd-no-ex{color:var(--text-muted,#94a3b8);margin:0;font-size:13px}.dd-fc-controls{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dd-fc-ctrl-btn{border:2px solid var(--border);width:42px;height:42px;box-shadow:0 3px 0 var(--border);background:var(--card-bg,#fff);color:var(--text-secondary,#56677c);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.dd-fc-ctrl-btn:hover{border-color:var(--primary,#0891b2);color:var(--primary,#0891b2);background:var(--primary-bg,#ecfeff)}.dd-fc-counter{font-family:var(--font-num);color:var(--primary-dark);background:var(--primary-bg);border-radius:var(--radius-full);padding:6px 14px;font-size:14px;font-weight:800}.dd-fc-container{justify-content:center;align-items:center;gap:16px;display:flex}.dd-fc-nav-btn{border:2px solid var(--border);width:48px;height:48px;box-shadow:0 3px 0 var(--border);background:var(--card-bg,#fff);color:var(--text-secondary,#56677c);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.dd-fc-nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 0 var(--primary-edge)}.dd-fc-nav-btn:active,.dd-fc-ctrl-btn:active{box-shadow:none;transform:translateY(3px)}.dd-fc-card{perspective:1000px;cursor:pointer;width:100%;max-width:420px;height:280px}.dd-fc-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.dd-fc-card-inner.flipped{transform:rotateY(180deg)}.dd-fc-front,.dd-fc-back{backface-visibility:hidden;border:2px solid var(--border);box-shadow:0 6px 0 var(--border), 0 22px 40px -24px #10292a59;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.dd-fc-front{background:linear-gradient(90deg, var(--primary-vivid), var(--accent)) top / 100% 6px no-repeat, #fff}.dd-fc-back{box-shadow:0 6px 0 var(--primary-edge), 0 22px 40px -24px #0b5e5599;color:#fff;background:radial-gradient(300px 200px at 100% 0,#ff8a4c59,#0000 65%),linear-gradient(150deg,#10a796,#0b7c79 60%,#0d4f5e);border-color:#0000;transform:rotateY(180deg)}.dd-fc-back .dd-fc-def{color:#fff}.dd-fc-back .dd-fc-pos{background:#fff3}.dd-fc-back .dd-fc-pinyin{color:#bff5ec}.dd-fc-hanzi{color:var(--text-primary,#1e293b);font-size:clamp(40px,10vw,72px);font-weight:600;line-height:1.2}.dd-fc-pinyin{color:var(--primary-dark);margin-top:8px;font-size:18px;font-weight:600}.dd-fc-speak{width:48px;height:48px;box-shadow:0 4px 0 var(--primary-edge);background:linear-gradient(180deg, var(--primary-vivid), var(--primary));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:16px;font-size:18px;transition:all .15s;display:flex}.dd-fc-speak:hover{filter:brightness(1.06)}.dd-fc-speak:active{box-shadow:none;transform:translateY(4px)}.dd-fc-def{color:var(--text-primary,#1e293b);text-align:center;max-width:88%;font-size:clamp(20px,3.4vw,28px);font-weight:700;line-height:1.45}.dd-fc-pos{background:var(--primary,#0891b2);color:#fff;border-radius:20px;margin-top:8px;padding:2px 12px;font-size:12px;font-weight:600}.dd-fc-ex-list{width:100%;margin-top:16px}.dd-fc-ex{border-bottom:1px solid #0000000f;flex-direction:column;gap:2px;padding:6px 0;font-size:14px;display:flex}.dd-fc-ex-trans{color:var(--text-muted,#94a3b8);font-size:12px;font-style:italic}.dd-fc-hint{text-align:center;color:var(--text-muted,#94a3b8);margin-top:16px;font-size:12px}@media (width<=1023px){.dd-sidebar{max-height:calc(var(--tw-vh,100dvh) - var(--header-height) - var(--mobile-nav-height) - var(--safe-bottom) - 40px)}}@media (width<=900px){.dd-container{grid-template-columns:1fr;gap:16px}.dd-sidebar{max-height:none;display:block;position:static}.dd-lesson-list{max-height:40vh}}@media (width<=640px){.dd-tab-bar{gap:6px;margin-bottom:16px}.dd-tab-btn{border-radius:8px;gap:5px;padding:9px 13px;font-size:12px}.dd-tab-btn i{font-size:11.5px}.dd-vocab-hanzi{font-size:18px}.dd-vocab-main{gap:8px;padding:10px 12px}.dd-vocab-num{width:28px;height:28px;font-size:11px}.dd-fc-card{height:min(400px,max(240px,46vh))}.dd-fc-hanzi{font-size:clamp(32px,8vw,56px)}.dd-fc-nav-btn{width:40px;height:40px;font-size:16px}.dd-main-title{font-size:18px}.dd-lesson-hanzi{font-size:13px}}.pron-speedbar{background:var(--white);border:1px solid var(--border-light);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:-8px 0 20px;padding:10px 14px;display:flex}.pron-speed-label{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.pron-speed-label i{color:var(--primary)}.pron-speed-opts{flex-wrap:wrap;gap:6px;display:flex}.pron-speed-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .18s}.pron-speed-btn:hover{border-color:var(--primary-light);color:var(--primary)}.pron-speed-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 3px 10px #6c5ce747}.mark-rule-ex{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mark-chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;transition:all .18s;display:inline-flex}.mark-chip:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-1px)}.mark-chip.is-playing{border-color:var(--primary);background:var(--primary-bg);animation:.7s pronPulse}.mark-chip-hz{color:var(--text-primary);font-size:17px;font-weight:700}.mark-chip-py{color:var(--primary);font-size:12.5px;font-weight:600}.mark-chip i{color:var(--text-muted);font-size:11px}.py-task{background:linear-gradient(135deg,#fff7e6 0%,#fff1f1 100%);border:1px solid #ffe0b2;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:22px;padding:16px 18px;display:flex}.py-task>i{background:var(--accent);width:38px;height:38px;color:var(--white);border-radius:12px;flex:none;place-items:center;font-size:16px;display:grid}.py-task-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;display:block}.py-task p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.py-table-wrap{border:1px solid var(--border-light);background:var(--white);-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.py-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.py-table th,.py-table td{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);text-align:center;white-space:nowrap}.py-table thead th{z-index:3;background:var(--pc-bg,var(--surface-2));color:var(--pc,var(--text-primary));padding:9px 10px;font-size:12.5px;font-weight:700;position:sticky;top:0}.py-table .py-fin{cursor:pointer}.py-table .py-fin:hover{background:var(--pc,var(--primary));color:var(--white)}.py-corner{min-width:76px;position:sticky;left:0;z-index:4!important;color:var(--text-muted)!important;font-size:11px!important}.py-ini{z-index:2;background:var(--white);min-width:76px;color:var(--pc,var(--primary));cursor:pointer;box-shadow:1px 0 0 var(--border-light);padding:8px 10px;font-size:14px;font-weight:800;position:sticky;left:0}.py-ini:hover{background:var(--pc-bg,var(--primary-bg))}.py-cell{padding:0}.py-cell button{width:100%;font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-weight:600;transition:background .15s,color .15s;display:block}.py-cell button:hover{background:var(--pc-bg,var(--primary-bg));color:var(--pc,var(--primary))}.py-cell button.is-playing{background:var(--pc,var(--primary));color:var(--white);animation:.7s pronPulse}.py-cell--mute{color:var(--text-light);padding:8px 10px;font-weight:500}.py-empty{background:repeating-linear-gradient(45deg, var(--surface), var(--surface) 4px, var(--surface-2) 4px, var(--surface-2) 8px)}.dd-gram-head-text{flex:1;min-width:0}.dd-gram-title-vi{color:var(--text-primary,#1e293b);margin:0 0 3px;font-size:16px;font-weight:800;line-height:1.35}.dd-gram-title-en{color:var(--text-muted,#94a3b8);margin-top:3px;font-size:12px;font-style:italic;line-height:1.45}.dd-gram-giai{border-left:4px solid var(--primary,#0891b2);background:var(--primary-bg,#ecfeff);color:var(--text-primary,#1e293b);border-radius:12px;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:12px 14px;font-size:13.5px;line-height:1.65;display:flex}.dd-gram-giai i{color:var(--primary,#0891b2);flex:none;margin-top:3px}.dd-gram-giai span{flex:1;min-width:0}.dd-gram-point-label{align-items:center;gap:6px;display:inline-flex}.dd-gram-point-label i{opacity:.9;font-size:11px}.dd-gram-ex{background:var(--surface,#f8fafc);border:1px solid var(--border-light,#e2e8f0);border-radius:10px;align-items:flex-start;gap:10px;padding:9px 12px;display:flex}.dd-gram-ex-no{background:var(--primary-bg,#ecfeff);width:20px;height:20px;color:var(--primary,#0891b2);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:800;display:flex}.dd-gram-ex-body{flex:1;min-width:0}.dd-gram-ex-hanzi{color:var(--text-primary,#1e293b);font-size:16px;line-height:1.7}.dd-gram-ex-trans{color:var(--text-secondary,#475569);margin-top:3px;font-size:13px;line-height:1.55}.dd-gram-ex.is-chua-dich{background:0 0;border-style:dashed}.dd-gram-badge{background:var(--primary-bg,#ecfeff);color:var(--primary,#0891b2);border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.dd-gram-badge.is-ex{background:var(--surface,#f1f5f9);color:var(--text-muted,#56677c)}@media (width<=640px){.dd-gram-title-vi,.dd-gram-ex-hanzi{font-size:15px}}.dd-vocab-credit{background:var(--surface,#f8fafc);color:var(--text-muted,#56677c);border-radius:12px;align-items:flex-start;gap:8px;margin:18px 2px 4px;padding:10px 14px;font-size:12px;line-height:1.6;display:flex}.dd-vocab-credit i{flex:none;margin-top:2px}.dd-vocab-credit span{flex:1;min-width:0}.dd-book-tabs{background:var(--card-bg,#fff);border-bottom:1px solid var(--border-light,#e2e8f0);grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 10px 4px;display:grid}.dd-book-tab{border:1px solid var(--border-light,#e2e8f0);background:var(--surface,#f8fafc);color:var(--text,#0f172a);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;font-family:inherit;transition:background .18s,border-color .18s,color .18s,transform .12s;display:flex}.dd-book-tab:hover{border-color:var(--primary,#0891b2);transform:translateY(-1px)}.dd-book-tab.active{background:linear-gradient(135deg, var(--primary,#0891b2), var(--primary-dark,#065f7c));color:#fff;border-color:#0000}.dd-book-tab-num{font-size:16px;font-weight:800;line-height:1}.dd-book-tab-num:before{content:"Q";opacity:.8;margin-right:1px;font-size:11px;font-weight:700}.dd-book-tab-lv{opacity:.85;white-space:nowrap;font-size:11px;font-weight:600}.dd-book-tab.is-soon:not(.active){color:var(--text-muted,#56677c);border-style:dashed}.dd-book-badge{letter-spacing:.02em;color:var(--primary,#0891b2);background:var(--primary-bg,#ecfeff);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.dd-lesson-badge--soon,.dd-sub-count--soon{font-weight:600;background:var(--surface,#f1f5f9)!important;color:var(--text-muted,#56677c)!important}.dd-sub-item.active .dd-sub-count--soon{color:#fff!important;background:#ffffff38!important}.dd-soon-panel{text-align:center;border:1px dashed var(--border-light,#e2e8f0);background:var(--surface,#f8fafc);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.dd-soon-panel i{color:var(--primary,#0891b2);opacity:.8;font-size:36px}.dd-soon-panel h3{margin:4px 0 0;font-size:17px}.dd-soon-panel p{max-width:460px;color:var(--text-muted,#56677c);margin:0;font-size:14px;line-height:1.6}.dd-soon-panel .btn{margin-top:8px}@media (width<=900px){.dd-sidebar .dd-book-tabs{display:none}.dd-sidebar.open .dd-book-tabs{display:grid}}.dd-fc-ctrl-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.dd-fc-badge{color:var(--primary);background:var(--primary-bg);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.fc-hint-cham{display:none}@media (hover:none) and (pointer:coarse){.fc-hint-kb{display:none!important}.fc-hint-cham{display:inline}}.dd-fc-hint kbd{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:1px 6px;font-family:inherit;font-size:11px;display:inline-block}.dd-sidebar-header{text-align:left;cursor:default;border:0;width:100%;font-family:inherit}.dd-sidebar-current,.dd-sidebar-caret{display:none}@media (width<=900px){.dd-sidebar-header{cursor:pointer}.dd-sidebar-name{display:none}.dd-sidebar-current{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:700;display:block;overflow:hidden}.dd-sidebar-caret{font-size:13px;transition:transform .25s;display:block}.dd-sidebar.open .dd-sidebar-caret{transform:rotate(180deg)}.dd-sidebar .dd-lesson-list{display:none}.dd-sidebar.open .dd-lesson-list{max-height:55vh;display:block}}@media (prefers-reduced-motion:reduce){.mark-chip,.pron-speed-btn,.py-cell button,.dd-sidebar-caret,.pron-speedpick-btn{transition:none}}.dd-dlg-container{flex-direction:column;gap:16px;display:flex}.dd-dlg-player{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;z-index:20;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;position:sticky;top:0}.dd-dlg-player-info{align-items:center;gap:12px;display:flex}.dd-dlg-icon{opacity:.85;font-size:28px}.dd-dlg-title{font-size:20px;font-weight:700;line-height:1.3}.dd-dlg-meta{opacity:.75;margin-top:2px;font-size:13px}.dd-dlg-controls{justify-content:center;align-items:center;gap:8px;display:flex}.dd-dlg-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex}.dd-dlg-btn:hover{background:#ffffff40}.dd-dlg-btn.active{background:#ffffff4d;box-shadow:0 0 0 2px #fff6}.dd-dlg-play{background:#fff3;width:52px;height:52px;font-size:20px}.dd-dlg-play:hover{background:#ffffff59;transform:scale(1.05)}.dd-dlg-progress-wrap{align-items:center;gap:10px;display:flex}.dd-dlg-progress{cursor:pointer;background:#fff3;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.dd-dlg-progress-bar{background:#fff;border-radius:3px;width:0;height:100%;transition:width .1s linear}.dd-dlg-time{opacity:.7;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.dd-dlg-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dd-dlg-opt-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.dd-dlg-opt-btn.active{color:#fff;background:#fff3;border-color:#ffffff80}.dd-dlg-opt-btn:hover{color:#fff;background:#ffffff26}.dd-dlg-speed{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;outline:none;padding:4px 8px;font-size:12px;font-weight:600}.dd-dlg-speed option{color:#333;background:#fff}.dd-dlg-cue-list{flex-direction:column;gap:8px;padding:4px 0 24px;display:flex}.dd-dlg-cue{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .25s;display:flex}.dd-dlg-cue:hover{background:#f0f9ff;border-color:#bae6fd}.dd-dlg-cue.active{border-color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #0284c726}.dd-dlg-cue-num{color:#56677c;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.dd-dlg-cue.active .dd-dlg-cue-num{background:var(--primary);color:#fff}.dd-dlg-cue-content{flex:1;min-width:0}.dd-dlg-speaker{color:#0369a1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.dd-dlg-cue-pinyin{color:var(--primary);letter-spacing:.3px;margin-bottom:2px;font-size:13px;font-weight:500;line-height:1.4}.dd-dlg-cue-hanzi{color:#1e293b;word-break:break-word;font-size:22px;font-weight:600;line-height:1.5}.dd-dlg-cue-trans{color:#56677c;margin-top:6px;font-size:13px;font-style:italic;line-height:1.4}.dd-dlg-cue-speak{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:13px;transition:all .2s;display:flex}.dd-dlg-cue-speak:hover{background:var(--primary);color:#fff}@media (width<=768px){.dd-dlg-player{border-radius:12px;gap:12px;padding:16px}.dd-dlg-title{font-size:17px}.dd-dlg-btn{width:36px;height:36px;font-size:14px}.dd-dlg-play{width:46px;height:46px;font-size:18px}.dd-dlg-cue{border-radius:12px;gap:10px;padding:12px}.dd-dlg-cue-hanzi{font-size:19px}.dd-dlg-opt-btn span{display:none}}.dd-ex-intro{text-align:center;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.dd-ex-intro-icon{color:#fff;background:linear-gradient(180deg, var(--primary-vivid), var(--primary));width:76px;height:76px;box-shadow:0 5px 0 var(--primary-edge);border-radius:24px;place-items:center;font-size:32px;display:grid}.dd-ex-intro h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.dd-ex-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;display:flex}.dd-ex-meta i{margin-right:4px}.dd-ex-intro-desc{color:var(--text-secondary);max-width:420px;margin:0;font-size:14px}.dd-ex-start-btn{border-radius:var(--radius-md);background:linear-gradient(180deg, var(--primary-vivid), var(--primary));color:#fff;text-shadow:0 1px #0000001f;min-height:50px;box-shadow:var(--shadow-primary);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast), filter var(--dur-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:16px;font-weight:800;display:inline-flex}.dd-ex-start-btn:hover{filter:brightness(1.05)}.dd-ex-start-btn:active{box-shadow:none;transform:translateY(4px)}.dd-ex-toolbar{border-radius:var(--radius-lg);z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px -14px #10292a59}.dd-ex-toolbar-left{align-items:center;gap:6px;min-width:80px;display:flex}.dd-ex-timer-label{color:var(--text-secondary);font-size:14px}.dd-ex-timer{font-variant-numeric:tabular-nums;color:var(--primary);font-size:18px;font-weight:700}.dd-ex-toolbar-center{flex:1;align-items:center;gap:8px;display:flex}.dd-ex-progress{background:var(--surface-2);border-radius:6px;flex:1;height:12px;overflow:hidden}.dd-ex-progress-fill{background:linear-gradient(90deg, var(--primary-vivid), var(--primary));border-radius:6px;height:100%;transition:width .3s;box-shadow:inset 0 2px #ffffff4d}.dd-ex-progress-label{color:var(--text-secondary);text-align:right;min-width:40px;font-size:12px}.dd-ex-toolbar-right{text-align:right;min-width:100px}.dd-ex-submit-btn{border-radius:var(--radius-md);background:linear-gradient(180deg, #22c55e, var(--success));color:#fff;cursor:pointer;min-height:42px;transition:transform var(--dur-fast), box-shadow var(--dur-fast), filter var(--dur-fast);border:none;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px #15803d}.dd-ex-submit-btn:hover{filter:brightness(1.05)}.dd-ex-submit-btn:active{box-shadow:none;transform:translateY(4px)}.dd-ex-submit-btn.partial{background:linear-gradient(180deg, #fbbf24, var(--warning));box-shadow:0 4px #b45309}.dd-ex-bottom-submit{text-align:center;padding:24px 0}.dd-ex-bottom-submit .dd-ex-submit-btn{padding:12px 32px;font-size:16px}.dd-ex-questions-wrap{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow-card);padding:20px}.dd-ex-questions{flex-direction:column;gap:20px;display:flex}.dd-ex-question{background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--border-light);padding:16px 18px;transition:border-color .2s}.dd-ex-question.answered{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.dd-ex-q-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dd-ex-q-num{color:var(--primary-dark);background:var(--primary-bg);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:800}.dd-ex-q-type{color:var(--text-secondary);font-size:11px}.dd-ex-q-prompt{text-align:center;padding:12px 0}.dd-ex-prompt-main{color:var(--text-primary);letter-spacing:-.01em;font-size:30px;font-weight:800;display:block}.dd-ex-prompt-sub{color:var(--text-secondary);margin-top:4px;font-size:14px;display:block}.dd-ex-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dd-ex-options.is-dai{grid-template-columns:1fr}.dd-ex-nghe{border:2px solid var(--primary);background:var(--primary-bg);color:var(--primary);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.dd-ex-nghe:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.dd-ex-nghe i{font-size:20px}.dd-ex-nghe.is-playing{background:var(--primary);color:#fff}.dd-sbt-list{text-align:left;flex-direction:column;align-self:center;gap:10px;width:100%;max-width:560px;margin-top:14px;display:flex}.dd-sbt-item{align-items:center;gap:12px;display:flex}.dd-sbt-phan{min-width:64px;color:var(--text-primary);font-weight:700}.dd-sbt-item audio{flex:1;min-width:0;height:38px}@media (width<=520px){.dd-sbt-item{flex-direction:column;align-items:stretch;gap:4px}.dd-sbt-item audio{flex:none;width:100%}}.dd-ex-opt{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--white);min-height:48px;box-shadow:0 3px 0 var(--border);cursor:pointer;text-align:left;color:var(--text-primary);align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:600;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;display:flex}.dd-ex-opt:hover{border-color:var(--primary-light);background:var(--primary-bg);box-shadow:0 3px 0 var(--primary-light)}.dd-ex-opt:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.dd-ex-opt.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 3px 0 var(--primary)}.dd-ex-opt-letter{background:var(--surface-2);width:28px;height:28px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.dd-ex-opt.selected .dd-ex-opt-letter{background:var(--primary);color:#fff}.dd-ex-opt-text{flex:1;line-height:1.3}.dd-ex-opt.opt-correct{border-color:var(--success);background:var(--success-light);box-shadow:0 3px 0 var(--success);pointer-events:none}.dd-ex-opt.opt-correct .dd-ex-opt-letter{background:var(--success);color:#fff}.dd-ex-opt.opt-wrong{border-color:var(--danger);background:var(--danger-light);box-shadow:0 3px 0 var(--danger);pointer-events:none}.dd-ex-opt.opt-wrong .dd-ex-opt-letter{background:var(--danger);color:#fff}.dd-ex-opt.opt-neutral{opacity:.5;pointer-events:none}.dd-ex-feedback{border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.dd-ex-feedback.fb-correct{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.dd-ex-feedback.fb-wrong{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.dd-ex-feedback.fb-skipped{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.dd-ex-feedback i{flex-shrink:0;margin-top:3px}.dd-ex-feedback-text{color:var(--text-primary);flex:1}.dd-ex-feedback-text b{font-weight:700}.dd-ex-feedback-word{opacity:.8;color:var(--text-secondary);margin-top:4px;font-size:12px}.dd-ex-feedback-word .pinyin{font-style:italic}.dd-ex-review-banner{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.dd-ex-result-summary{text-align:center;border-radius:var(--radius-2xl);color:#fff;background:radial-gradient(360px 220px at 100% -10%,#ff8a4c80,#0000 62%),linear-gradient(135deg,#10a796 0%,#0b7c79 48%,#0d3b55 100%);margin-bottom:20px;padding:32px 16px;box-shadow:0 22px 40px -24px #0b5e55bf}.dd-ex-result-emoji{font-size:48px}.dd-ex-result-score{margin:8px 0;font-size:56px;font-weight:900;line-height:1}.dd-ex-result-grade{opacity:.9;font-size:18px;font-weight:600}.dd-ex-result-stats{opacity:.85;justify-content:center;gap:20px;margin-top:12px;font-size:14px;display:flex}.dd-ex-login-hint{opacity:.8;margin:12px 0 0;font-size:13px;font-style:italic}.dd-ex-result-actions{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.dd-ex-retry-btn,.dd-ex-vocab-btn{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--white);min-height:46px;color:var(--primary-dark);box-shadow:0 3px 0 var(--border);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:14.5px;font-weight:700;display:inline-flex}.dd-ex-retry-btn:hover,.dd-ex-vocab-btn:hover{border-color:var(--primary-light);box-shadow:0 3px 0 var(--primary-light)}.dd-ex-retry-btn:active,.dd-ex-vocab-btn:active{box-shadow:none;transform:translateY(3px)}@media (width<=640px){.dd-ex-options{grid-template-columns:1fr}.dd-ex-toolbar{flex-wrap:wrap;gap:8px}.dd-ex-toolbar-left,.dd-ex-toolbar-right{min-width:auto}.dd-ex-prompt-main{font-size:22px}.dd-ex-result-score{font-size:42px}.dd-ex-result-actions{flex-direction:column}.dd-ex-questions-wrap{padding:12px}}.dd-gram-list{flex-direction:column;gap:14px;display:flex}.dd-gram-card{background:var(--card-bg,#fff);border:1px solid var(--border-light,#e2e8f0);border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:16px 18px}.dd-gram-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.dd-gram-num{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.dd-gram-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.4}.dd-gram-points{flex-direction:column;gap:14px;display:flex}.dd-gram-point{border-left:2px solid var(--border-light,#e2e8f0);padding-left:14px}.dd-gram-point-label{color:var(--primary-dark);margin-bottom:6px;font-size:16px;font-weight:700}.dd-gram-formula{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-primary);align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 11px;font-size:17px;line-height:1.55;display:flex}.dd-gram-formula i{color:var(--primary);flex:none;margin-top:2px}.dd-gram-formula span{flex:1;min-width:0}.dd-gram-ex-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.dd-gram-ex{border-left:3px solid var(--primary-bg);padding-left:12px}.dd-gram-ex-hanzi{color:var(--text-primary);font-size:19px;font-weight:600;line-height:1.6;display:block}.dd-gram-ex-py{color:var(--primary,#265648);font-size:15px;line-height:1.5}.dd-gram-ex-trans{color:var(--text-secondary);margin-top:2px;font-size:16px;font-style:italic}.dd-gram-answer,.dd-gram-note{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin-top:8px;padding:9px 12px;font-size:16px;line-height:1.6;display:flex}.dd-gram-answer i,.dd-gram-note i{flex:none;margin-top:3px}.dd-gram-answer span,.dd-gram-note span{flex:1;min-width:0}.dd-gram-answer b,.dd-gram-note b{font-weight:800}.dd-gram-answer{background:var(--success-light);color:#0f7a5f}.dd-gram-note{background:var(--info-light);color:#1e5fa8}.dd-gram-note-item{margin-top:14px}.dd-gram-note-line{display:block}.dd-gram-note-line+.dd-gram-note-line{margin-top:5px}.dd-gram-table-wrap{border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-sm);margin:8px 0 12px;overflow-x:auto}.dd-gram-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:16px}.dd-gram-table th,.dd-gram-table td{text-align:left;border-bottom:1px solid var(--border-light,#e2e8f0);white-space:normal;vertical-align:top;padding:8px 12px}.dd-gram-table th{background:var(--surface);color:var(--text-primary);white-space:nowrap;font-weight:700}.dd-gram-table tr:last-child td{border-bottom:none}@media (width<=640px){.dd-gram-card{padding:14px}.dd-gram-title{font-size:18px}}.account-profile-page{flex-direction:column;gap:20px;max-width:560px;display:flex}.account-summary-card{text-align:center;align-items:center}.account-card{background:var(--surface);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-md,12px);padding:24px}.account-card h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:800;display:flex}.account-card .form-group:last-of-type{margin-bottom:8px}.hw-page{max-width:640px;margin:0 auto}.hw-progress-bar{background:var(--surface-2);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.hw-progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%;transition:width .4s var(--ease-out);border-radius:3px}.hw-progress-text{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:13px;font-weight:600}.hw-char-info{text-align:center;margin-bottom:12px}.hw-char-pinyin{color:var(--primary);margin-bottom:4px;font-size:20px;font-weight:700;display:block}.hw-char-label{color:var(--text-primary);font-size:48px;font-weight:700;line-height:1.1;display:block}.hw-mode-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.hw-mode-btn{border:2px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:flex}.hw-mode-btn:hover{border-color:var(--primary-light);color:var(--primary)}.hw-mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.hw-canvas-wrap{justify-content:center;margin-bottom:20px;display:flex;position:relative}.hw-canvas-box{border-radius:var(--radius-lg);cursor:crosshair;background:#fffef8;border:3px solid #b8a882;width:280px;height:280px;position:relative;overflow:hidden}.hw-canvas-box svg.hw-guideline{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hw-canvas-box>svg:not(.hw-guideline){z-index:1;position:relative;width:100%!important;height:100%!important}.hw-reset-btn{z-index:3;border:2px solid var(--border);background:var(--white);width:36px;height:36px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:absolute;top:8px;right:calc(50% - 160px)}.hw-reset-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.hw-actions{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.hw-actions .btn{min-width:120px}.btn-success-outline{background:var(--success-light);color:var(--success);border:2px solid var(--success);border-radius:var(--radius-xl);cursor:pointer;font-weight:700;font-family:var(--font-sans);padding:10px 20px;font-size:14px;transition:all .2s}.btn-success-outline:hover{background:var(--success);color:#fff}.hw-dots{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;padding:16px;display:flex}.hw-dot{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--white);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.hw-dot-char{color:var(--text-secondary);font-size:16px;font-weight:600;line-height:1}.hw-dot:hover{border-color:var(--primary-light);background:var(--primary-bg)}.hw-dot.current{border-color:var(--primary);background:var(--primary);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 30%, transparent)}.hw-dot.current .hw-dot-char{color:#fff}.hw-dot.done{border-color:var(--success);background:var(--success-light)}.hw-dot.done .hw-dot-char{color:var(--success)}.hw-dot.done.current{background:var(--success)}.hw-dot.done.current .hw-dot-char{color:#fff}.hw-submit-area{text-align:center;background:linear-gradient(135deg, var(--primary-bg), var(--success-light));border-radius:var(--radius-xl);border:1px solid var(--primary-lighter);padding:24px}.hw-submit-msg{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:700}.hw-submit-msg i{margin-right:8px;font-size:22px}.hw-login-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.hw-login-hint i{color:var(--info);margin-right:4px}.hw-fallback-char{color:var(--text-primary);text-align:center;font-size:120px;font-weight:600;line-height:1;display:block}@media (width<=768px){.hw-canvas-box{width:240px;height:240px}.hw-char-label{font-size:36px}.hw-mode-tabs{gap:10px 8px}.hw-mode-btn{min-height:38px;padding:9px 12px;font-size:11.5px}.hw-actions{flex-wrap:wrap}.hw-actions .btn{flex:1;min-width:0}.hw-actions .btn:nth-child(2){flex:100%;order:-1}.hw-dot{width:34px;height:34px}.hw-dot-char{font-size:14px}.hw-reset-btn{right:calc(50% - 136px)}}@media (width<=480px){.hw-canvas-box{width:200px;height:200px}.hw-reset-btn{right:calc(50% - 116px)}}.dd-tone-line{margin:6px 0 2px}.dd-tone-py{letter-spacing:.3px;color:var(--text);font-size:17px}.dd-tone-blank{min-width:1ch;color:var(--text-light);opacity:.55;border-bottom:2px solid var(--primary);border-radius:2px 2px 0 0;display:inline-block}.dd-tone-blank.is-hien{opacity:1;min-width:0;color:var(--primary);border-bottom-color:#0000;font-weight:700;display:inline}.dd-tone-list{flex-wrap:wrap;gap:8px 10px;margin:10px 0 12px;display:flex}.dd-tone-item{border:1px solid var(--border);background:var(--white);border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.dd-tone-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dd-tone-num{background:var(--bg-soft,#f1f5f9);width:22px;height:22px;color:var(--text-light);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.dd-tone-hanzi{white-space:nowrap;flex:none;font-size:19px;line-height:1.3}.dd-tone-dap{color:var(--primary);background:#027ab31a;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:600}.dd-tone-picks{flex-wrap:wrap;gap:8px;display:flex}.dd-tone-opt{border:1px solid var(--border);background:var(--white);min-width:46px;color:var(--text);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:15px;line-height:1.2;transition:background .12s,border-color .12s,color .12s}.dd-tone-opt:hover:not(:disabled){border-color:var(--primary);background:#027ab312}.dd-tone-opt:disabled{cursor:default}.dd-tone-opt.is-chon{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.dd-tone-opt.is-dapan{border-color:var(--success,#16a34a);color:var(--success,#16a34a);font-weight:700}.dd-tone-opt.is-dapan.is-chon{background:var(--success,#16a34a);color:#fff}.dd-tone-opt.is-chon.is-sai{background:var(--danger,#dc2626);border-color:var(--danger,#dc2626);color:#fff}.dd-tone-opt--combo{text-align:center;min-width:76px;padding:7px 14px;font-weight:600}.dd-onllang-diem{background:#027ab314;border:1px solid #027ab340;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.dd-onllang-diem i{color:var(--primary);flex:none;margin-top:3px}.dd-onllang-diem span{flex:1;min-width:0}@media (width<=640px){.dd-tone-list{flex-direction:column;gap:6px}.dd-tone-item{width:100%}.dd-tone-opt{padding:6px 8px;font-size:14px}.dd-tone-opt--combo{flex:calc(50% - 4px);min-width:0}}.dd-ex2-loading{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.dd-ex2-loading i{color:var(--primary);font-size:32px}.dd-ex2-unavailable{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.dd-ex2-unavailable i{opacity:.4;font-size:40px}.dd-onllang-card{border:2px solid #ffd3b0}.dd-ex-start-btn.dd-onllang-btn{background:linear-gradient(135deg,#e85d04,#dc2f02)}.dd-ex-start-btn.dd-onllang-btn:hover{background:linear-gradient(135deg,#dc2f02,#9d0208)}.dd-onllang-container{background:var(--white);box-shadow:var(--shadow-sm);border-radius:16px}.dd-onllang-toolbar{color:#fff;background:linear-gradient(135deg,#e85d04 0%,#dc2f02 100%);border-radius:16px 16px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;display:flex}.dd-onllang-back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:background .2s;display:flex}.dd-onllang-back-btn:hover{background:#ffffff59}.dd-onllang-toolbar-title{flex:1;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.dd-onllang-toolbar-meta{opacity:.85;font-size:13px}.dd-onllang-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;align-items:flex-start;gap:10px;margin:16px 28px 0;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.dd-onllang-note i{color:#ea580c;flex-shrink:0;margin-top:2px}.dd-onllang-note span{flex:1;min-width:0}@media (width<=600px){.dd-onllang-note{margin:12px 16px 0}}.dd-onllang-body{flex-direction:column;gap:28px;padding:24px 28px;display:flex}@media (width<=600px){.dd-onllang-body{padding:16px}.dd-onllang-toolbar{gap:6px 12px;padding:12px 16px}.dd-onllang-toolbar-title{font-size:15px}.dd-onllang-toolbar-meta{flex-basis:100%;padding-left:52px}}.dd-onllang-section{border:1px solid var(--border);border-radius:14px}.dd-onllang-section-title{color:#e85d04;background:linear-gradient(90deg,#fff3eb,#fffaf7);border-bottom:1px solid #ffddc8;border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:700;display:flex}.dd-onllang-section-title i{font-size:12px}.dd-onllang-passage{color:var(--text-primary);background:#fffbf5;border:1px solid #fde8d2;border-radius:10px;margin:2px 18px 0;padding:14px 18px;font-size:15px;line-height:1.8}.dd-onllang-passage p{margin:0 0 10px}.dd-onllang-passage p:last-child{margin-bottom:0}.dd-onllang-passage img{border-radius:8px;max-width:100%;margin:6px 0}.dd-onllang-passage details{border-top:1px dashed #fde8d2;margin-top:10px;padding-top:10px}.dd-onllang-passage summary{cursor:pointer;color:#e85d04;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:700}.dd-onllang-passage summary::marker{color:#e85d04}.dd-onllang-passage details p{color:var(--text-secondary);margin-top:8px}@media (width<=600px){.dd-onllang-passage{margin:2px 16px 0;padding:12px 14px}}.dd-onllang-questions{flex-direction:column;gap:20px;padding:16px 18px;display:flex}.dd-onllang-question{background:var(--bg-light,#f8f9fa);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.dd-onllang-q-num{text-transform:uppercase;letter-spacing:.8px;color:#e85d04;margin-bottom:8px;font-size:11px;font-weight:700}.dd-onllang-q-text{color:var(--text-primary);margin-bottom:10px;font-size:15px;line-height:1.8}.dd-onllang-q-text img{border-radius:8px;max-width:100%;margin:6px 0}.dd-onllang-q-text audio{border-radius:8px;width:100%;height:36px;margin:6px 0}.dd-onllang-audio{z-index:5;background:var(--bg-light,#f8f9fa);margin:8px 0;padding:6px 0;position:sticky;top:0}.dd-onllang-audio audio{border-radius:8px;width:100%;height:36px}.dd-onllang-audio--quiz{z-index:5;background:var(--white);border-radius:0 0 10px 10px;margin:4px 0 12px;padding:8px 6px 6px;position:sticky;top:0;box-shadow:0 6px 14px #00000014}.dd-onllang-q-hint{color:var(--text-secondary);margin-top:6px;font-size:13px;font-style:italic}.dd-onllang-img{margin:8px 0}.dd-onllang-img img{object-fit:contain;border-radius:10px;max-width:100%;max-height:300px}.dd-onllang-opts{flex-direction:column;gap:6px;margin-top:8px;display:flex}.dd-onllang-opt{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.dd-onllang-opt:hover{border-color:var(--primary-light)}.dd-onllang-opt.is-chon{border-color:var(--primary);background:var(--primary-bg)}.dd-onllang-opt.is-chon .dd-onllang-opt-letter{background:var(--primary);color:#fff}.dd-onllang-opt.is-dung{background:var(--success-light,#e6f9f0);cursor:default;border-color:#22c55e}.dd-onllang-opt.is-dung .dd-onllang-opt-letter{color:#fff;background:#22c55e}.dd-onllang-opt.is-sai{cursor:default;background:#fef2f2;border-color:#ef4444}.dd-onllang-opt.is-sai .dd-onllang-opt-letter{color:#fff;background:#ef4444}.dd-onllang-opt-mark{color:#16a34a;margin-left:auto}.dd-onllang-opt-letter{background:var(--border);min-width:24px;height:24px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.dd-onllang-textarea{border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);background:var(--white);resize:vertical;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:14px}.dd-onllang-textarea:focus{border-color:var(--primary);outline:none}.dd-onllang-textarea:disabled{background:var(--surface);color:var(--text-secondary)}.dd-onllang-goiy{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.dd-onllang-goiy i{flex-shrink:0;margin-top:2px}.dd-onllang-goiy span{flex:1;min-width:0}.dd-onllang-goiy--essay{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}.dd-onllang-goiy-inline{color:#92400e;margin-top:4px;font-size:12px;font-weight:600}.dd-onllang-noans{background:var(--surface);border:1px dashed var(--border);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.dd-onllang-noans i{flex-shrink:0;margin-top:2px}.dd-onllang-noans span{flex:1;min-width:0}.dd-onllang-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:24px auto 8px;padding:12px 32px;font-size:15px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #027ab340}.dd-onllang-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #027ab352}.dd-onllang-submit-btn:active{transform:translateY(0)}.dd-onllang-da-nop{color:#16a34a;text-align:center;background:#16a34a1a;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin:16px auto 8px;padding:10px 20px;font-size:14px;font-weight:700;display:flex}@media (width<=640px){.dd-onllang-submit-btn{width:100%}}.dd-onllang-match-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.dd-onllang-match-row{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.dd-onllang-match-row:hover{border-color:var(--primary)}.dd-onllang-match-row.dang-chon{border-color:var(--primary);background:#027ab312;box-shadow:0 0 0 2px #027ab32e}.dd-onllang-match-row.is-dung{border-color:var(--success,#16a34a);background:#16a34a0d}.dd-onllang-match-row.is-sai{border-color:var(--danger,#dc2626);background:#dc26260a}.dd-onllang-match-num{background:var(--bg-soft,#f1f5f9);width:22px;height:22px;color:var(--text-light);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.dd-onllang-match-prompt{flex:200px;min-width:0;font-size:15px}.dd-onllang-match-slot{border:1px dashed var(--border);background:var(--bg-soft,#f8fafc);color:var(--text-light);border-radius:8px;flex:0 auto;padding:5px 12px;font-size:14px}.dd-onllang-match-slot.co{border-style:solid;border-color:var(--primary);color:var(--primary);background:#027ab31a;font-weight:600}.dd-onllang-match-dap{color:var(--success,#16a34a);background:#16a34a1f;border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:700}.dd-onllang-bank-bar{background:var(--white);border:1px solid var(--border);z-index:6;border-radius:12px;margin-top:10px;padding:10px 14px;position:sticky;bottom:0;box-shadow:0 -6px 16px #0000001a}.dd-onllang-bank-hint{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.dd-onllang-bank-hint i{color:#e85d04;flex:none}.dd-onllang-bank-hint span{flex:1;min-width:0}.dd-onllang-bank-hint b{color:var(--text-primary)}.dd-onllang-bank{flex-wrap:wrap;gap:6px;display:flex}.dd-onllang-bank-opt{border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;border-radius:10px;padding:7px 12px;font-size:14px;transition:background .12s,border-color .12s,opacity .12s}.dd-onllang-bank-opt:hover:not(:disabled){border-color:var(--primary);background:#027ab312}.dd-onllang-bank-opt:disabled{opacity:.45;cursor:not-allowed}.dd-onllang-bank-opt.da-dung{opacity:.6;border-style:dashed}.dd-onllang-tuluan{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--bg-soft,#f8fafc);border-radius:10px;flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;display:flex}.dd-tl-diem,.dd-tl-dai{align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.5;display:flex}.dd-tl-diem i,.dd-tl-dai i{color:var(--primary);flex:none;margin-top:3px}.dd-tl-diem span,.dd-tl-dai span{flex:1;min-width:0}.dd-tl-tu{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dd-tl-nhan{color:var(--text-light);margin-right:2px;font-size:12.5px}.dd-tl-chip{border:1px dashed var(--border);background:var(--white);color:var(--text-light);border-radius:999px;padding:3px 10px;font-size:13px}.dd-tl-chip.co{border-style:solid;border-color:var(--success,#16a34a);color:var(--success,#16a34a);background:#16a34a1a;font-weight:600}.dd-onllang-nguon{color:#92400e;background:#eab3081a;border:1px solid #eab30859;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;font-size:12.5px;line-height:1.5;display:flex}.dd-onllang-nguon i{flex:none;margin-top:2px}.dd-onllang-nguon span{flex:1;min-width:0}.dd-onllang-cloze{background:var(--bg-soft,#f8fafc);border:1px solid var(--border);border-radius:10px;margin:10px 0 4px;padding:12px 14px;font-size:15px;line-height:2.1}.dd-onllang-o{border:0;border-bottom:2px solid var(--primary);background:var(--white);min-width:120px;max-width:100%;font:inherit;color:var(--text);border-radius:4px 4px 0 0;margin:0 4px;padding:4px 10px;display:inline-block}.dd-onllang-o:focus{background:#027ab312;outline:none}.dd-onllang-o:disabled{background:0 0}@media (width<=600px){.dd-onllang-o{width:150px;min-width:90px;max-width:100%}}.dd-onllang-o-dap{color:var(--success,#16a34a);background:#16a34a1f;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.dd-onllang-match-prompts{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.dd-onllang-match-hint{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.dd-onllang-match-hint span{flex:1;min-width:0}.dd-onllang-sort-answer{background:var(--surface);border:1px dashed var(--border);border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.dd-onllang-sort-word{border:1px solid var(--border);color:var(--text-primary);background:#fff;border-radius:6px;padding:4px 10px;font-size:14px;display:inline-block}.dd-onllang-sort-imgs{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dd-onllang-sort-imgs img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:110px;height:110px}@media (width<=480px){.dd-onllang-sort-imgs img{width:84px;height:84px}}.dd-onllang-loading{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.dd-onllang-loading i{color:#e85d04;font-size:32px}.tr-loading{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.tr-loading i{color:var(--accent);font-size:32px}.tr-container{flex-direction:column;gap:0;min-height:100%;display:flex}.tr-toolbar{background:var(--white,#fff);border-bottom:1px solid var(--border,#e2e8f0);z-index:20;isolation:isolate;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.tr-toolbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tr-toolbar-right{align-items:center;gap:8px;display:flex}.tr-lesson-label{color:var(--text-primary);align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.tr-lesson-label i{color:#7c3aed}.tr-progress{color:var(--text-secondary);background:var(--bg-secondary);border-radius:20px;padding:3px 10px;font-size:12px}.tr-progress #tr-revealed-count{color:var(--accent);font-weight:700}.tr-toggle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.tr-toggle-btn:hover{opacity:.88;transform:translateY(-1px)}.tr-mode-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:0;padding:12px 20px;display:flex}.tr-mode-btn{background:var(--white,#fff);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;flex:1;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tr-mode-btn:first-child{border-radius:10px 0 0 10px}.tr-mode-btn:last-child{border-left:none;border-radius:0 10px 10px 0}.tr-mode-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;font-weight:700;box-shadow:0 2px 12px #7c3aed40}.tr-mode-btn:not(.active):hover{background:var(--bg-tertiary);color:var(--text-primary)}.tr-section{padding:16px 20px 8px}.tr-section+.tr-section{border-top:1px solid var(--border);margin-top:8px}.tr-section-head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.tr-section-head i{color:#7c3aed}.tr-count{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:10px;margin-left:4px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:400}.tr-items{flex-direction:column;gap:10px;display:flex}.tr-item{background:var(--white,#fff);border:1px solid var(--border);border-radius:12px;gap:12px;padding:14px 16px;transition:box-shadow .2s;display:flex}.tr-item:hover{box-shadow:0 2px 12px #00000012}.tr-num{color:#7c3aed;background:linear-gradient(135deg,#7c3aed22,#7c3aed11);border:1.5px solid #7c3aed44;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.tr-body{flex:1;min-width:0}.tr-question{color:var(--text-primary);margin-bottom:10px;font-size:15px;line-height:1.6}.tr-question.font-tc{font-size:17px}.tr-answer-wrap{flex-direction:column;gap:6px;display:flex}.tr-reveal-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1.5px solid #7c3aed66;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.tr-reveal-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.tr-answer{color:var(--text-primary);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #22c55e55;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:15px;line-height:1.6;animation:.25s trFadeIn;display:none}.tr-answer.revealed{display:flex}.tr-answer.font-tc{font-size:17px}.tr-answer span{flex:1;min-width:0}.tr-ans-icon{color:#22c55e;flex-shrink:0;margin-top:3px;font-size:14px}.tr-para-item{flex-direction:column}.tr-para-label{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.tr-para-label span{flex:1;min-width:0}.tr-para-q{background:var(--bg-secondary);border-radius:8px;margin-bottom:10px;padding:12px 14px;font-size:14px;line-height:1.8}.tr-para-ans{font-size:14px}.tr-hint{color:#78350f;background:linear-gradient(135deg,#fffbeb,#fef9c3);border:1px solid #fde047;border-radius:10px;align-items:flex-start;gap:8px;margin:20px 20px 32px;padding:12px 16px;font-size:13px;display:flex}.tr-hint i{color:#f59e0b;flex-shrink:0;margin-top:1px}@keyframes trFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.tr-toolbar{flex-wrap:nowrap;padding:10px 14px}.tr-toolbar-left{flex:auto;gap:4px 10px;min-width:0}.tr-toolbar-right{flex:none}.tr-lesson-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.tr-mode-bar{padding:10px 14px}.tr-section{padding:12px 14px 6px}.tr-item{padding:12px}.tr-question{font-size:14px}.tr-question.font-tc{font-size:16px}.tr-toggle-btn span{display:none}.tr-toggle-btn{padding:7px 10px}.tr-mode-btn span{font-size:13px}}.tr-phase-hint{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:10px;align-items:flex-start;gap:8px;margin:0 20px 16px;padding:12px 16px;font-size:13px;display:flex}.tr-phase-hint i{color:#3b82f6;flex-shrink:0;margin-top:1px}.tr-phase-hint span{flex:1;min-width:0}.tr-input-wrap{margin-top:8px}.tr-input{border:1.5px solid var(--border,#e5e7eb);resize:vertical;background:var(--bg,#fff);width:100%;min-height:60px;color:var(--text,#111);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.tr-input:focus{border-color:var(--accent,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11f}.tr-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.tr-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.tr-submit-btn:active{opacity:1;transform:none}.tr-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tr-reset-btn{color:var(--text-muted,#6b7280)!important;border:1.5px solid var(--border,#e5e7eb)!important;background:0 0!important}.tr-reset-btn:hover{background:var(--bg-alt,#f9fafb)!important;color:var(--text,#111)!important}.tr-student-answer{background:var(--bg-alt,#f9fafb);border:1px solid var(--border,#e5e7eb);color:var(--text,#111);border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 12px;font-size:14px;display:flex}.tr-student-answer i{color:#6366f1;flex-shrink:0;margin-top:2px}.tr-student-answer span{flex:1;min-width:0}.tr-student-empty{font-style:italic;color:var(--text-muted,#9ca3af)!important}.tr-student-empty i{color:#d1d5db!important}.tr-score-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.tr-score-badge i{color:#f59e0b}@media (width<=600px){.tr-submit-btn span{font-size:13px}.tr-score-badge{padding:5px 9px;font-size:12px}}.tr-progress-bar{background:var(--border,#e5e7eb);border-radius:999px;height:4px;margin:0 20px 14px;overflow:hidden}.tr-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;width:0;height:100%;transition:width .35s}.tr-item-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.tr-item-submit:hover{opacity:.9;transform:translateY(-1px)}.tr-item-submit:active{transform:none}.tr-warn{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.tr-warn i{color:#f59e0b;flex:none;margin-top:2px}.tr-warn span{flex:1;min-width:0}.tr-item.is-done{background:linear-gradient(#6366f10a,#0000);border-color:#c7d2fe}.tr-num.is-done{color:#fff!important;background:#22c55e!important}.tr-shadow{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;margin-top:10px;padding:12px 14px;transition:box-shadow .25s,border-color .25s}.tr-shadow.is-speaking{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.tr-shadow.is-done{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.tr-shadow-head{letter-spacing:.01em;color:#0369a1;text-transform:uppercase;align-items:flex-start;gap:7px;font-size:12px;font-weight:700;display:flex}.tr-shadow-head i{flex:none;margin-top:1px}.tr-shadow-head span{flex:1;min-width:0}.tr-shadow.is-done .tr-shadow-head{color:#15803d}.tr-shadow-text{color:var(--text,#111);margin:8px 0 10px;font-size:19px;font-weight:600;line-height:1.7}.tr-shadow-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-speak-btn,.tr-done-btn{cursor:pointer;color:#0369a1;background:#fff;border:1.5px solid #7dd3fc;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:background .2s,transform .15s,border-color .2s;display:inline-flex}.tr-speak-btn:hover,.tr-done-btn:hover{background:#f0f9ff;transform:translateY(-1px)}.tr-speak-btn--main{background:var(--primary);border-color:var(--primary);color:#fff}.tr-speak-btn--main:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.tr-done-btn{border-color:var(--border,#e5e7eb);color:var(--text-muted,#6b7280);margin-left:auto}.tr-done-btn:hover{color:#15803d;background:#f0fdf4;border-color:#22c55e}.tr-done-btn.is-done{color:#fff;cursor:default;background:#22c55e;border-color:#22c55e}.tr-done-btn.is-done:hover{background:#22c55e;transform:none}.tr-ketqua{border:1px solid var(--border,#e5e7eb);background:var(--bg-alt,#f9fafb);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;margin:4px 20px 20px;padding:14px 16px;display:flex}.tr-ketqua-head{color:var(--text,#111);align-items:flex-start;gap:8px;font-size:14px;display:flex}.tr-ketqua-head i{flex:none;margin-top:2px;font-size:16px}.tr-ketqua-head span{flex:1;min-width:0}.tr-ketqua-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-ketqua--ok{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.tr-ketqua--ok .tr-ketqua-head i{color:#16a34a}.tr-ketqua--warn{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.tr-ketqua--warn .tr-ketqua-head i{color:#2563eb}.tr-ketqua--err{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.tr-ketqua--err .tr-ketqua-head i{color:#dc2626}.tr-score-note{opacity:.8;font-style:normal;font-weight:400}@media (width<=600px){.tr-progress-bar{margin:0 14px 12px}.tr-shadow{padding:10px 12px}.tr-shadow-text{font-size:17px}.tr-done-btn{margin-left:0}.tr-ketqua{margin:4px 14px 16px}}.dd-game-select{flex-direction:column;gap:28px;padding:8px 0;display:flex}.dd-game-select-header{text-align:center}.dd-game-select-title{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:28px;font-weight:800}.dd-game-select-sub{color:var(--text-muted);font-size:13px}.dd-game-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=580px){.dd-game-cards{grid-template-columns:1fr}.dd-game-select-title{font-size:22px}}.dd-game-card{cursor:pointer;text-align:center;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:32px 22px 24px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.dd-game-card:before{content:"";opacity:0;background:#ffffff1f;transition:opacity .2s;position:absolute;inset:0}.dd-game-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 48px #0003}.dd-game-card:hover:before{opacity:1}.dd-game-card.bubble-card{background:linear-gradient(145deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 28px #667eea66}.dd-game-card.bee-card{background:linear-gradient(145deg,#f7971e 0%,#e84393 100%);box-shadow:0 8px 28px #e8439359}.dd-game-card-blob{pointer-events:none;background:#ffffff1a;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.dd-game-card-icon{filter:drop-shadow(0 4px 12px #0003);font-size:52px;line-height:1;animation:3s ease-in-out infinite dd-card-icon-float}@keyframes dd-card-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dd-game-card h3{color:#fff;text-shadow:0 2px 8px #00000026;margin:0;font-size:18px;font-weight:800}.dd-game-card p{color:#ffffffd1;margin:0;font-size:12.5px;line-height:1.55}.dd-game-card-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;letter-spacing:.3px;background:#ffffff2e;border:2px solid #fff9;border-radius:50px;margin-top:6px;padding:11px 28px;font-size:14px;font-weight:700;transition:background .15s,transform .12s}.dd-game-card-btn:hover{background:#ffffff52;transform:scale(1.04)}.dd-game-hud{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;display:flex}.dd-game-back-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s;display:flex}.dd-game-back-btn:hover{background:var(--surface-2);border-color:var(--primary-light)}.dd-game-score-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.dd-game-score-label{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:600}.dd-game-score{color:var(--primary);font-size:22px;font-weight:900;line-height:1.1}.dd-game-lives{align-items:center;gap:3px;font-size:22px;display:flex}.dd-game-lives span{transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:inline-block}.dd-game-lives span.lost{opacity:.18;transform:scale(.65)}.dd-game-combo{color:#fff;letter-spacing:.4px;background:linear-gradient(135deg,#fdcb6e,#e17055);border-radius:50px;padding:3px 10px;font-size:11px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) dd-combo-pop;display:none}.dd-game-combo.visible{display:inline-block}@keyframes dd-combo-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dd-game-over{text-align:center;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:36px 20px 28px;display:flex}.dd-game-over-emoji{font-size:72px;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) dd-over-bounce}@keyframes dd-over-bounce{0%{transform:scale(0)}to{transform:scale(1)}}.dd-game-over h2{color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.dd-game-over .dd-go-score{color:var(--primary);font-size:28px;font-weight:900}.dd-game-over p{color:var(--text-muted);margin:0;font-size:14px}.dd-game-over-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.dd-game-over-btns button{cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.dd-game-over-btns button:hover{opacity:.88;transform:translateY(-2px)}.dd-game-over-btns .btn-restart{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 38%, transparent)}.dd-game-over-btns .btn-back{background:var(--surface-2);color:var(--text-secondary);border:1.5px solid var(--border)}.dd-wp-wrap{flex-direction:column;gap:12px;display:flex}.dd-wp-prompt{text-align:center;background:linear-gradient(135deg,#667eea18 0%,#764ba218 100%);border:1.5px solid #667eea30;border-radius:16px;padding:18px 22px;position:relative;overflow:hidden}.dd-wp-prompt:after{content:"🎯";opacity:.15;font-size:28px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dd-wp-prompt-label{letter-spacing:1px;text-transform:uppercase;color:#667eea;margin-bottom:6px;font-size:11px;font-weight:700}.dd-wp-prompt-def{color:var(--text-primary);font-size:19px;font-weight:700;line-height:1.35}.dd-wp-prompt-pinyin{color:#667eea;font-size:13px;font-family:var(--font-pinyin);opacity:.7;margin-top:4px}.dd-wp-arena{border:1.5px solid var(--border);cursor:default;background:radial-gradient(at 20% 80%,#667eea14 0%,#0000 50%),radial-gradient(at 80% 20%,#764ba214 0%,#0000 50%),linear-gradient(#eef2ff 0%,#f5eeff 60%,#fdf4ff 100%);border-radius:20px;width:100%;height:clamp(300px,46vh,440px);position:relative;overflow:hidden}.dd-wp-arena:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#667eea18 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}@media (width<=560px){.dd-wp-arena{height:clamp(280px,42vh,360px)}}.dd-wp-level-badge{color:#667eea;letter-spacing:.4px;z-index:5;background:#667eea1f;border:1px solid #667eea40;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:14px}.dd-wp-countdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#667eea1f;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.dd-wp-countdown-num{color:#667eea;text-shadow:0 4px 24px #667eea59;font-size:80px;font-weight:900;line-height:1;animation:.8s cubic-bezier(.34,1.56,.64,1) dd-countdown-pop}.dd-wp-countdown-label{color:#764ba2;opacity:.8;font-size:15px;font-weight:600}@keyframes dd-countdown-pop{0%{opacity:0;transform:scale(2.5)}60%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dd-wp-bubble{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-chinese-tc);text-align:center;box-sizing:border-box;color:#fff;text-shadow:0 1px 3px #00000040;will-change:transform;z-index:10;border:3px solid #fff9;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-weight:700;line-height:1.05;animation-name:dd-bubble-fall;animation-timing-function:linear;animation-fill-mode:forwards;display:flex;position:absolute;top:0;box-shadow:0 8px 24px #00000024,inset 0 3px 10px #ffffff73,inset 0 -4px 8px #00000014}.dd-wp-bubble:hover{filter:brightness(1.12)saturate(1.15);border-color:#fffffff2}.dd-wp-bubble.wp-c0{background:linear-gradient(145deg,#fd79a8,#e84393)}.dd-wp-bubble.wp-c1{background:linear-gradient(145deg,#fdcb6e,#e17055)}.dd-wp-bubble.wp-c2{background:linear-gradient(145deg,#55efc4,#00b894)}.dd-wp-bubble.wp-c3{background:linear-gradient(145deg,#74b9ff,#0984e3)}.dd-wp-bubble.wp-c4{background:linear-gradient(145deg,#a29bfe,#6c5ce7)}.dd-wp-bubble.wp-c5{background:linear-gradient(145deg,#81ecec,#00cec9)}.dd-wp-bubble.burst{pointer-events:none;animation:.35s ease-out forwards dd-bubble-burst!important}.dd-wp-bubble.wrong-burst{pointer-events:none;animation:.3s ease-out forwards dd-bubble-wrong-burst!important}.dd-wp-bubble.fade-out{pointer-events:none;animation:.35s ease-out forwards dd-bubble-fade!important}@keyframes dd-bubble-fall{0%{transform:translate3d(0, calc(var(--wp-fall,500px) * -.16), 0) rotate(-4deg)}50%{transform:translate3d(10px, calc(var(--wp-fall,500px) * .42), 0) rotate(4deg)}to{transform:translate3d(0, var(--wp-fall,500px), 0) rotate(-2deg)}}@keyframes dd-bubble-fade{to{opacity:0;transform:scale(.8)}}@keyframes dd-bubble-burst{0%{opacity:1;transform:scale(1)}40%{opacity:.7;filter:brightness(1.4);transform:scale(1.7)}to{opacity:0;filter:brightness(2);transform:scale(2.8)}}@keyframes dd-bubble-wrong-burst{0%{opacity:1;filter:hue-rotate();transform:scale(1)}50%{opacity:.6;filter:brightness(.6);transform:scale(.6)rotate(20deg)}to{opacity:0;transform:scale(.1)rotate(40deg)}}.dd-wp-score-popup{color:var(--primary-dark);pointer-events:none;white-space:nowrap;text-shadow:0 2px 8px #6c5ce766;z-index:30;font-size:18px;font-weight:900;animation:.9s ease-out forwards dd-score-popup;position:absolute}.dd-wp-score-popup.combo{color:#e17055;font-size:22px}@keyframes dd-score-popup{0%{opacity:1;transform:translateY(0)scale(1)}20%{opacity:1;transform:translateY(-16px)scale(1.15)}to{opacity:0;transform:translateY(-56px)scale(.9)}}@keyframes dd-wp-shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-7px)rotate(-.5deg)}30%{transform:translate(7px)rotate(.5deg)}45%{transform:translate(-5px)rotate(-.3deg)}60%{transform:translate(5px)rotate(.3deg)}75%{transform:translate(-3px)rotate(0)}}.dd-wp-arena.shake{animation:.45s dd-wp-shake}.dd-bee-wrap{flex-direction:column;gap:16px;display:flex}.dd-bee-clue{text-align:center;background:linear-gradient(135deg,#fffbeb 0%,#fff7f0 100%);border:1.5px solid #fdcb6e50;border-radius:16px;padding:18px 22px;position:relative;overflow:hidden}.dd-bee-clue:before{content:"🍯";opacity:.18;font-size:32px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dd-bee-clue-pos{letter-spacing:1px;text-transform:uppercase;color:#e17055;margin-bottom:5px;font-size:11px;font-weight:700}.dd-bee-clue-def{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.35}.dd-bee-progress{color:var(--text-muted);margin-top:5px;font-size:12px}.dd-bee-progress-bar-wrap{background:var(--border);border-radius:50px;height:4px;margin-top:8px;overflow:hidden}.dd-bee-progress-bar{background:linear-gradient(90deg,#fdcb6e,#e17055);border-radius:50px;height:100%;transition:width .4s}.dd-bee-main{grid-template-columns:160px 1fr;align-items:start;gap:16px;display:grid}@media (width<=620px){.dd-bee-main{grid-template-columns:1fr}}.dd-bee-cage-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.dd-bee-cage{justify-content:center;align-items:center;width:120px;height:130px;display:flex;position:relative}.dd-bee-bars{pointer-events:none;z-index:2;align-items:stretch;gap:4px;padding:8px 12px;display:flex;position:absolute;inset:0}.dd-bee-bar{transform-origin:top;background:linear-gradient(#b2bec3,#636e72);border-radius:50px;flex:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;box-shadow:0 2px 6px #0003}.dd-bee-bar.broken{opacity:0;transform:rotate(90deg)translate(60px)scaleX(.1)}.dd-bee-cage-oval{z-index:1;background:radial-gradient(circle,#fffbeb 60%,#fff3d0 100%);border:3px solid #b2bec3;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 20px #0000000f}.dd-bee-mascot{z-index:3;font-size:40px;transition:transform .1s;display:block;position:relative}.dd-bee-mascot.jump{animation:.5s dd-bee-jump}.dd-bee-mascot.sad{animation:.5s dd-bee-sad}.dd-bee-mascot.dance{animation:.7s dd-bee-dance}.dd-bee-mascot.free{animation:.8s cubic-bezier(.34,1.56,.64,1) dd-bee-free}@keyframes dd-bee-jump{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-16px)scale(1.15)}65%{transform:translateY(-6px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes dd-bee-sad{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)scale(.9)}50%{transform:rotate(12deg)scale(.85)}80%{transform:rotate(-8deg)scale(.9)}}@keyframes dd-bee-dance{0%{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-14px)rotate(-12deg)scale(1.2)}40%{transform:translateY(-4px)rotate(6deg)scale(1.1)}60%{transform:translateY(-14px)rotate(-8deg)scale(1.2)}80%{transform:translateY(-4px)rotate(4deg)scale(1.1)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes dd-bee-free{0%{transform:scale(1)translateY(0)}50%{transform:scale(1.5)translateY(-30px)rotate(20deg)}75%{transform:scale(1.2)translateY(-15px)rotate(-10deg)}to{transform:scale(1)translateY(0)rotate(0)}}.dd-bee-lives-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:11px;font-weight:700}.dd-bee-slots-area{flex-direction:column;justify-content:flex-start;gap:12px;padding-top:6px;display:flex}.dd-bee-slots{flex-wrap:wrap;gap:10px;display:flex}.dd-bee-slot{border:2.5px dashed var(--border);background:var(--white);width:58px;height:58px;font-family:var(--font-chinese-tc);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;font-size:28px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.dd-bee-slot.filled{color:#b7791f;background:linear-gradient(135deg,#fffbeb,#fff3d0);border:2.5px solid #fdcb6e;transform:scale(1.06)}.dd-bee-slot.correct-word{border:2.5px solid var(--success);background:linear-gradient(135deg, var(--success-light), #b2f5e9);color:#00664e;animation:.5s cubic-bezier(.34,1.56,.64,1) dd-slot-complete}@keyframes dd-slot-complete{0%{transform:scale(1)}50%{transform:scale(1.25)rotate(-3deg)}75%{transform:scale(.95)rotate(2deg)}to{transform:scale(1)}}.dd-bee-pinyin-hint{color:#e17055;font-size:13px;font-family:var(--font-pinyin);text-align:center;min-height:18px;font-weight:600}.dd-bee-char-grid-wrap{flex-direction:column;gap:8px;display:flex}.dd-bee-char-grid-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:11px;font-weight:700}.dd-bee-char-grid{flex-wrap:wrap;justify-content:center;gap:9px;max-width:500px;margin:0 auto;display:flex}.dd-bee-char-btn{width:56px;height:56px;font-family:var(--font-chinese-tc);color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#fffbeb,#fff7e6);border:2px solid #fdcb6e60;border-radius:14px;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 8px #fdcb6e33}.dd-bee-char-btn:after{content:"";border-radius:inherit;background:#fff0;transition:background .1s;position:absolute;inset:0}.dd-bee-char-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff3cd,#fde68a);border-color:#e17055;transform:translateY(-3px)scale(1.08);box-shadow:0 6px 16px #e170554d}.dd-bee-char-btn:disabled{cursor:default}.dd-bee-char-btn.guessed-correct{border-color:var(--success);background:linear-gradient(135deg, var(--success-light), #b2f5e9);color:#007a63;pointer-events:none;animation:.35s cubic-bezier(.34,1.56,.64,1) dd-char-correct-pop;box-shadow:0 4px 12px #00c9a74d}.dd-bee-char-btn.guessed-wrong{border-color:var(--danger);background:linear-gradient(135deg, var(--danger-light), #ffd0d0);color:var(--danger);opacity:.55;pointer-events:none;animation:.35s dd-char-wrong-shake}@keyframes dd-char-correct-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes dd-char-wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-3deg)}75%{transform:translate(6px)rotate(3deg)}}@media (width<=560px){.dd-bee-slot{width:50px;height:50px;font-size:24px}.dd-bee-char-btn{width:48px;height:48px;font-size:20px}.dd-bee-clue-def{font-size:17px}.dd-wp-prompt-def{font-size:16px}.dd-game-hud{padding:8px 12px}.dd-game-score{font-size:18px}}.dd-game-hud-right{align-items:center;gap:10px;display:flex}.dd-game-sound-btn{border:1.5px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:flex}.dd-game-sound-btn:hover{background:var(--surface-2);color:var(--primary);border-color:var(--primary-light)}.dd-game-sound-btn.is-off{opacity:.55}.dd-game-score.bump{animation:.32s cubic-bezier(.34,1.56,.64,1) dd-score-bump}@keyframes dd-score-bump{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.dd-wp-prompt-def.pop{animation:.3s ease-out dd-prompt-pop}@keyframes dd-prompt-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dd-wp-best-badge{z-index:5;color:#b7791f;letter-spacing:.4px;background:#fdcb6e38;border:1px solid #fdcb6e80;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:14px}.dd-wp-level-badge.is-hot{color:#e17055;background:#e1705524;border-color:#e170554d}.dd-game-card-best{color:#fff;background:#ffffff2e;border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.dd-game-card-best i{flex:none}.dd-game-card-best span{flex:1;min-width:0}.dd-game-card-best--empty{color:#ffffffbf;background:#ffffff1a;font-weight:600}.dd-game-best{color:#b7791f;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:50px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.dd-game-best i{color:#f59e0b;flex:none}.dd-game-best span{flex:1;min-width:0}.dd-game-best.is-new{color:#7c2d12;background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#f59e0b;animation:.5s cubic-bezier(.34,1.56,.64,1) dd-best-pop}@keyframes dd-best-pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}60%{transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dd-game-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dd-game-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:8px 14px;display:flex}.dd-game-stat b{color:var(--primary);font-size:18px;font-weight:900}.dd-game-stat span{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.dd-game-missed{text-align:left;width:100%;max-width:460px}.dd-game-missed-head{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.dd-game-missed-head i{flex:none}.dd-game-missed-head span{flex:1;min-width:0}.dd-game-missed-list{flex-direction:column;gap:6px;max-height:236px;display:flex;overflow-y:auto}.dd-game-missed-item{cursor:pointer;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:background .15s,border-color .15s,transform .12s;display:flex}.dd-game-missed-item:hover{background:var(--surface);border-color:var(--primary-light);transform:translate(3px)}.dd-game-missed-item>i{color:var(--primary);flex:none;font-size:13px}.dd-gm-hanzi{color:var(--text-primary);flex:none;font-size:21px;font-weight:700}.dd-gm-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dd-gm-pinyin{font-family:var(--font-pinyin);color:var(--primary);font-size:12px}.dd-gm-def{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dd-game-missed--none{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.dd-game-missed--none i{flex:none}.dd-go-word{font-family:var(--font-chinese-tc);color:var(--primary);font-size:22px}.dd-wp-pause{z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eea24;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.dd-wp-pause-icon{font-size:46px}.dd-wp-pause-title{color:#4c3fb5;font-size:20px;font-weight:800}.dd-wp-pause-sub{color:#6b62a8;font-size:12.5px}.dd-wp-pause-btn{background:linear-gradient(180deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);border:none;border-radius:50px;margin-top:6px;padding:10px 26px;font-size:14px;font-weight:700}.dd-wp-pause-btn:hover{opacity:.92}.dd-bee-hint-btn{cursor:pointer;color:#b7791f;background:#fffbeb;border:1.5px dashed #fdcb6e;border-radius:50px;align-self:flex-start;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:background .15s,transform .12s;display:flex}.dd-bee-hint-btn i{flex:none}.dd-bee-hint-btn span{flex:1;min-width:0}.dd-bee-hint-btn em{opacity:.7;font-style:normal;font-weight:600}.dd-bee-hint-btn:hover:not(:disabled){background:#fef3c7;transform:translateY(-1px)}.dd-bee-hint-btn:disabled{opacity:.45;cursor:default}.dd-bee-pinyin-hint.is-hint{color:#b7791f}.dd-bee-cage.shake{animation:.45s dd-wp-shake}.dd-game-save{justify-content:center;width:100%;min-height:4px;display:flex}.dd-game-save-msg{border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.dd-game-save-msg i{flex:none}.dd-game-save-msg span{flex:1;min-width:0}.dd-game-save-msg.is-ok{color:#15803d;background:#f0fdf4;border:1px solid #86efac}.dd-game-save-msg.is-info{color:#1e40af;background:#eff6ff;border:1px solid #93c5fd}.dd-game-save-msg.is-err{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.dd-game-save-msg.is-load{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.dd-game-card-icon,.dd-game-over-emoji,.dd-game-best.is-new,.dd-bee-mascot.jump,.dd-bee-mascot.sad,.dd-bee-mascot.dance,.dd-bee-mascot.free,.dd-wp-arena.shake,.dd-bee-cage.shake,.dd-game-score.bump,.dd-wp-prompt-def.pop{animation:none!important}.dd-wp-bubble{animation-timing-function:linear}.dd-game-card:hover,.dd-bee-char-btn:hover:not(:disabled),.dd-game-missed-item:hover{transform:none}}@media (width<=560px){.dd-game-hud{padding:8px 12px}.dd-game-stat{min-width:74px;padding:7px 10px}.dd-gm-hanzi{font-size:18px}.dd-game-missed-list{max-height:190px}}.dd-sub-item--vh{border-top:1px dashed var(--border,#e4e5ef);border-radius:0 0 8px 8px;margin-top:4px;padding-top:9px}.dd-sub-item--vh i{color:#d97706}.dd-sub-item--vh:hover{color:#b45309;background:#fff7ed}.dd-sub-item--vh:hover i{color:#b45309}.dd-sub-item--vh.active{background:linear-gradient(135deg,#c2410c,#ea580c);border-top-color:#0000;border-radius:8px;box-shadow:0 2px 10px #c2410c59}.dd-sub-item--vh.active i{color:#fff}.dd-sub-count--vh{letter-spacing:.01em;color:#92400e;opacity:1;background:#fef3c7;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.dd-sub-item--vh.active .dd-sub-count--vh{color:#fff;background:#ffffff38}.vh-article{max-width:780px;margin:0 auto;padding:4px 0 32px}.vh-loading,.vh-empty{text-align:center;color:var(--text-secondary,#56677c);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;font-size:14px;display:flex}.vh-loading{flex-direction:row}.vh-empty i{color:var(--primary-light,#a29bfe);font-size:34px}.vh-empty code{background:var(--surface-2,#f0f1f8);border-radius:5px;padding:2px 6px;font-size:12px}.vh-hero{color:#fff;background:linear-gradient(135deg,#7c2d12 0%,#b91c1c 48%,#c2410c 100%);border-radius:18px;align-items:center;gap:18px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #7c2d1247}.vh-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 88% 18%,#fde04742,#0000 42%),radial-gradient(circle at 12% 92%,#ffffff1f,#0000 45%);position:absolute;inset:0}.vh-hero-deco{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff24;border:1px solid #ffffff47;border-radius:16px;flex:none;place-items:center;width:62px;height:62px;font-size:27px;display:grid}.vh-hero-body{z-index:1;flex:1;min-width:0;position:relative}.vh-eyebrow{letter-spacing:.07em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.vh-title{letter-spacing:-.01em;margin:9px 0 2px;font-size:25px;font-weight:800}.vh-sub{opacity:.9;margin:0;font-size:16px}.vh-meta{opacity:.92;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12.5px;display:flex}.vh-meta span{align-items:center;gap:6px;display:inline-flex}.vh-meta i{opacity:.85;flex:none}.vh-toc{background:var(--surface,#fafbff);border:1px solid var(--border,#e4e5ef);border-radius:14px;margin-top:16px;padding:14px 16px}.vh-toc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#56677c);align-items:center;gap:7px;margin-bottom:10px;font-size:11.5px;font-weight:700;display:flex}.vh-toc-chips{flex-wrap:wrap;gap:8px;display:flex}.vh-toc-chip{border:1px solid var(--border,#e4e5ef);color:var(--text-primary,#1a1a2e);cursor:pointer;text-align:left;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 7px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.vh-toc-chip:hover{color:#b45309;background:#fff7ed;border-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c24}.vh-toc-num{color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.vh-sections{flex-direction:column;gap:20px;margin-top:20px;display:flex}.vh-section{border:1px solid var(--border,#e4e5ef);background:#fff;border-radius:16px;padding:22px 26px 26px;scroll-margin-top:12px;box-shadow:0 2px 10px #1a1a2e0d}.vh-flash{animation:1.1s vhFlash}@keyframes vhFlash{0%{box-shadow:0 0 0 3px #ea580c73}to{box-shadow:0 2px 10px #1a1a2e0d}}.vh-sec-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.vh-sec-num{color:#ea580c;letter-spacing:.02em;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;flex:none;padding:4px 9px;font-size:13px;font-weight:800}.vh-sec-title{color:var(--text-primary,#1a1a2e);margin:0;font-size:18px;font-weight:700;line-height:1.35}.vh-body{color:#2f3345;font-size:15.5px;line-height:1.85}.vh-p{margin:0 0 15px}.vh-p:last-child{margin-bottom:0}.vh-p--first:first-letter{float:left;background:linear-gradient(135deg,#dc2626,#ea580c);color:#0000;-webkit-background-clip:text;background-clip:text;padding:4px 10px 0 0;font-size:3.05em;font-weight:800;line-height:.84}.vh-h{color:var(--text-primary,#1a1a2e);border-left:4px solid #ea580c;margin:26px 0 12px;padding-left:12px;font-size:17px;font-weight:700;line-height:1.4}.vh-h:first-child{margin-top:0}.vh-h4{color:#b45309;margin:22px 0 10px;padding-left:15px;font-size:15.5px;font-weight:700;line-height:1.45;display:block;position:relative}.vh-h4:before{content:"";background:linear-gradient(135deg,#f97316,#dc2626);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.vh-h4:first-child{margin-top:0}.vh-body strong,.vh-body b{color:var(--text-primary,#1a1a2e);font-weight:700}.vh-body a{color:var(--primary,#6c5ce7);text-decoration:underline}.vh-list{margin:0 0 15px;padding-left:4px;list-style:none}.vh-list li{margin-bottom:9px;padding-left:22px;line-height:1.8;position:relative}.vh-list li:before{content:"";background:linear-gradient(135deg,#f97316,#dc2626);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:4px}.vh-list[class] li:last-child{margin-bottom:0}ol.vh-list{counter-reset:vhli}ol.vh-list li:before{content:counter(vhli);counter-increment:vhli;color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid;top:.35em;left:0}.vh-quote{color:#7c2d12;background:#fff7ed;border-left:4px solid #fdba74;border-radius:0 10px 10px 0;margin:0 0 15px;padding:12px 16px;font-style:italic}.vh-zh{color:#9a3412;cursor:pointer;background:#fff7ed;border-bottom:2px solid #fdba74;border-radius:6px;margin:0 1px;padding:4px 6px;font-family:Noto Serif TC,Songti TC,serif;font-size:1.14em;line-height:1.45;transition:all .16s;display:inline-block}.vh-zh:hover{background:#ffedd5;border-bottom-color:#f97316;transform:translateY(-1px)}.vh-zh.is-speaking{color:#fff;background:#f97316;border-bottom-color:#c2410c}.vh-fig{text-align:center;margin:20px 0}.vh-fig img{border:1px solid var(--border,#e4e5ef);border-radius:12px;width:auto;max-width:100%;height:auto;max-height:440px;box-shadow:0 6px 20px #1a1a2e1a}.vh-fig figcaption{color:var(--text-secondary,#56677c);margin-top:8px;font-size:12.5px;font-style:italic}.vh-table-wrap{margin:0 0 16px;overflow-x:auto}.vh-table{border-collapse:collapse;width:100%;font-size:14px}.vh-table th,.vh-table td{border:1px solid var(--border,#e4e5ef);text-align:left;padding:9px 12px}.vh-table th{color:#9a3412;background:#fff7ed;font-weight:700}.vh-foot{margin-top:22px}.vh-source{background:var(--surface,#fafbff);border:1px dashed var(--border,#e4e5ef);color:var(--text-secondary,#56677c);border-radius:12px;align-items:flex-start;gap:9px;margin:0 0 14px;padding:12px 14px;font-size:12.5px;line-height:1.6;display:flex}.vh-source i{color:#ea580c;flex:none;margin-top:2px}.vh-source span{flex:1;min-width:0}.vh-nav{justify-content:space-between;gap:12px;display:flex}.vh-nav-btn{border:1px solid var(--border,#e4e5ef);color:var(--text-primary,#1a1a2e);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.vh-nav-btn:hover{color:#b45309;background:#fff7ed;border-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c24}@media (width<=900px){.vh-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.vh-hero-deco{width:50px;height:50px;font-size:22px}.vh-title{font-size:21px}.vh-section{border-radius:14px;padding:18px 16px 20px}.vh-sec-title{font-size:16px}.vh-sec-head{align-items:flex-start;gap:10px}.vh-sec-num{margin-top:1px}.vh-body{font-size:15px}.vh-nav{flex-direction:column}.vh-nav-btn{justify-content:center}}.hskv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.hskv-title{color:var(--text);margin:0;font-size:22px;font-weight:800}.hskv-sub{color:var(--text-muted);margin:4px 0 0;font-size:13px}.hskv-tools{flex-wrap:wrap;gap:10px;margin:14px 0 10px;display:flex}.hskv-search{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.hskv-search>i{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;left:13px}.hskv-search input{width:100%;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:10px;padding:11px 34px 11px 36px;font-size:14px}.hskv-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}.hskv-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:6px;line-height:1;position:absolute;right:8px}.hskv-clear:hover{background:var(--bg-subtle,#f1f5f9);color:var(--text)}.hskv-pos{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;padding:11px 12px;font-size:14px}.hskv-count{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;font-size:13px;display:flex}.hskv-count i{margin-right:5px}.hskv-lv{background:var(--peach-bg);color:var(--seal);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.hskv-loading{color:var(--primary)}.hskv-item .vocab-hanzi{font-size:24px}.hskv-pos-tag{color:var(--text-muted);margin-top:2px;font-size:11px}.hskv-bai{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);white-space:nowrap;border-radius:999px;margin-right:6px;padding:2px 7px;font-size:11px;font-weight:700}@media (width<=640px){.hskv-tools{flex-direction:column}.hskv-pos{width:100%}}.hsk-phon{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);border:1px solid var(--line-soft,var(--line));vertical-align:middle;white-space:nowrap;border-radius:6px;margin-left:7px;padding:1px 6px;font-size:max(11px,.62em);font-weight:600}.tv-page{max-width:1080px;margin:0 auto}.tv-hero{border-radius:var(--radius-2xl);color:#fff;background:radial-gradient(420px 240px at 104% -12%,#ff8a4c73,#0000 62%),linear-gradient(135deg,#10a796 0%,#0b7c79 48%,#0d3b55 100%);justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.tv-hero-text{z-index:1;max-width:640px;position:relative}.tv-hero-badge{border-radius:var(--radius-full);letter-spacing:.02em;background:#ffffff2e;border:1px solid #ffffff47;align-items:center;gap:6px;margin-bottom:10px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.tv-hero h1{letter-spacing:-.01em;margin:0 0 8px;font-size:27px;font-weight:800}.tv-hero p{color:#ffffffe6;margin:0;font-size:14.5px;line-height:1.65}.tv-hero p strong{color:#fff;font-weight:700}.tv-hero-mark{color:#ffffff1a;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:168px;font-weight:700;line-height:1;position:absolute;bottom:-30px;right:22px}.tv-cap-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;display:grid}.tv-cap-card{--tvc:var(--primary);text-align:left;cursor:pointer;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--tvc);border-radius:var(--radius-xl);font:inherit;color:var(--text-primary);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;align-items:flex-start;gap:9px;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.tv-cap-card:hover{box-shadow:var(--shadow-lg);border-color:var(--tvc);transform:translateY(-3px)}.tv-cap-card:active{transform:translateY(-1px)}.tv-cap-l0{--tvc:var(--primary-light)}.tv-cap-l1{--tvc:var(--primary)}.tv-cap-l2{--tvc:var(--primary-dark)}.tv-cap-l3{--tvc:#9a8a6b}.tv-cap-l4{--tvc:var(--seal)}.tv-cap-l5{--tvc:var(--accent-hover)}.tv-cap-top{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.tv-cap-han{color:var(--tvc);letter-spacing:.04em;font-size:25px;font-weight:700}.tv-cap-lv{border-radius:var(--radius-full);background:color-mix(in srgb, var(--tvc) 12%, transparent);color:var(--tvc);white-space:nowrap;padding:3px 10px;font-size:11.5px;font-weight:700}.tv-cap-name{font-size:17px;font-weight:700}.tv-cap-chips{flex-wrap:wrap;gap:6px;display:flex}.tv-cap-stat{color:var(--text-secondary);font-size:13.5px}.tv-cap-stat strong{font-family:var(--font-num);color:var(--text-primary);font-size:19px;font-weight:700}.tv-cap-go{color:var(--tvc);border-radius:var(--radius-full);background:color-mix(in srgb, var(--tvc) 12%, var(--white));border:1.5px solid color-mix(in srgb, var(--tvc) 30%, var(--white));align-items:center;gap:7px;margin-top:8px;padding:8px 15px;font-size:13.5px;font-weight:800;display:inline-flex}.tv-cap-card:hover .tv-cap-go{background:var(--tvc);border-color:var(--tvc);color:#fff}.tv-cap-card:hover .tv-cap-go i{transform:translate(3px)}.tv-cap-go i{transition:transform var(--dur-fast) var(--ease-out)}.tv-note,.tv-warn{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text-secondary);align-items:flex-start;gap:9px;margin:18px 0 0;padding:12px 14px;font-size:12.5px;line-height:1.65;display:flex}.tv-note>i,.tv-warn>i{color:var(--primary);flex:none;margin-top:2px}.tv-note>span,.tv-warn>span{flex:1;min-width:0}.tv-warn{background:var(--warning-light);border-color:#f0a73c47}.tv-warn>i{color:var(--warning)}.tv-src>i{color:var(--seal)}.tv-caphead{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.tv-back{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line-soft);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:flex}.tv-back:hover{background:var(--primary);border-color:var(--primary);color:#fff}.tv-caphead-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.tv-caphead-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tv-caphead-title span{color:var(--primary);font-size:21px;font-weight:700}.tv-caphead-title h1{margin:0;font-size:20px;font-weight:700}.tv-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tv-search{flex:1;min-width:220px;position:relative}.tv-search>i{color:var(--primary);pointer-events:none;font-size:15px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tv-search input{border:2px solid color-mix(in srgb, var(--primary) 30%, var(--white));border-radius:var(--radius-md);background:var(--white);width:100%;height:50px;font:inherit;color:var(--text-primary);box-shadow:0 2px 10px -4px rgba(var(--primary-rgb), .18);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 40px 0 44px;font-size:16px}.tv-search input::placeholder{color:var(--text-secondary);opacity:1}.tv-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}.tv-search input::-webkit-search-cancel-button{display:none}.tv-search-clear{background:var(--surface-3);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tv-search-clear:hover{background:var(--danger);color:#fff}.tv-empty .btn,.st-empty-act .btn{min-height:46px;padding:0 22px;font-size:15px}.tv-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238A9AA1' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center/10px;appearance:none;height:50px;font:inherit;color:var(--text-primary);cursor:pointer;padding:0 32px 0 12px;font-size:13.5px}.tv-select:focus{border-color:var(--primary);outline:none}.tv-char-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:50px;height:50px;color:var(--primary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:none;font-size:16px;font-weight:700}.tv-char-toggle:hover{background:var(--primary);color:#fff}.tv-result{color:var(--text-muted);margin-bottom:12px;font-size:12.5px}.tv-result strong{color:var(--primary);font-family:var(--font-num)}.tv-detail-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px 18px;display:grid}.tv-detail-grid>div{flex-direction:column;gap:2px;font-size:14px;display:flex}.tv-dt-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.tv-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 4px;display:flex}.tv-pg{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);min-width:36px;height:36px;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;font-family:var(--font-num);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:0 10px}.tv-pg:hover:not(:disabled):not(.active){background:var(--primary-bg);color:var(--primary)}.tv-pg.active{background:var(--primary);border-color:var(--primary);color:#fff}.tv-pg:disabled{opacity:.4;cursor:default}.tv-pg-gap{color:var(--text-light);padding:0 2px}.tv-empty{text-align:center;color:var(--text-muted);padding:48px 20px}.tv-empty>i{color:var(--text-light);margin-bottom:12px;font-size:34px;display:block}.tv-empty p{margin:0 0 16px;font-size:14px}.tv-fc-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.tv-fc-progress{margin-bottom:16px}.tv-fc-hanzi{font-size:62px;font-weight:700;line-height:1.2}.tv-fc-speak{margin-top:16px}.tv-fc-pinyin{font-family:var(--font-pinyin);color:var(--primary);margin-bottom:10px;font-size:22px}.tv-fc-def{margin-bottom:12px;font-size:18px;font-weight:600}.tv-quiz-intro{text-align:center;max-width:520px;margin:0 auto;padding:40px 20px}.tv-quiz-intro .tw-ic{width:46px;height:46px;margin:0 auto 14px;font-size:19px}.tv-quiz-intro h3{margin:0 0 8px;font-size:20px;font-weight:700}.tv-quiz-intro p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.65}.tv-quiz-intro .tv-warn{text-align:left}.tv-quiz-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.tv-quiz-card{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);margin:18px 0;padding:26px 22px}.tv-quiz-prompt{margin-bottom:10px;font-size:46px;font-weight:700;line-height:1.25}.tv-quiz-q{color:var(--text-secondary);margin-bottom:20px;font-size:15px;font-weight:600}.tv-quiz-opts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.tv-opt{text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);font:inherit;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:11px;padding:13px 15px;font-size:15px;display:flex}.tv-opt:hover{border-color:var(--primary-light);background:var(--primary-bg)}.tv-opt.picked{border-color:var(--primary);background:var(--primary-bg)}.tv-opt-key{background:var(--white);border:1px solid var(--line);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tv-opt.picked .tv-opt-key{background:var(--primary);border-color:var(--primary);color:#fff}.tv-opt-text{flex:1;min-width:0}.tv-quiz-nav{justify-content:space-between;gap:10px;display:flex}.tv-quiz-done{text-align:center;padding:24px 0}.tv-score{font-family:var(--font-num);margin-bottom:6px;font-size:56px;font-weight:800;line-height:1}.tv-score.good{color:var(--success)}.tv-score.ok{color:var(--warning)}.tv-score.bad{color:var(--danger)}.tv-quiz-done>p{color:var(--text-secondary);margin:0 0 22px;font-size:15px}.tv-quiz-review{text-align:left;flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.tv-rv{border-radius:var(--radius-lg);background:var(--surface);border-left:3px solid var(--success);padding:11px 14px}.tv-rv.no{border-left-color:var(--danger);background:var(--danger-light)}.tv-rv-q{margin-bottom:5px;font-size:13.5px;font-weight:600}.tv-rv-a{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.tv-rv-dung{color:var(--success);font-weight:600}.tv-rv-sai{color:var(--danger);text-decoration:line-through}.tv-quiz-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=640px){.tv-hero{padding:20px}.tv-hero h1{font-size:22px}.tv-hero-mark{font-size:116px;bottom:-20px;right:-8px}.tv-cap-grid{grid-template-columns:1fr}.tv-toolbar{flex-wrap:wrap}.tv-search{order:-1;min-width:100%}.tv-select{flex:1}.tv-caphead{gap:10px;padding:13px 14px}.tv-caphead-title h1{font-size:17px}.tv-fc-hanzi{font-size:48px}.tv-quiz-prompt{font-size:36px}.tv-quiz-opts{grid-template-columns:1fr}.tv-detail-grid{grid-template-columns:repeat(2,1fr)}}.hskg-filter{flex-wrap:wrap;gap:8px;margin:4px 0 18px;display:flex}.hskg-group{margin-bottom:26px}.hskg-group-title{color:var(--primary-dark,var(--primary));border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:15px;font-weight:800;display:flex}.hskg-group-goc{color:var(--text-muted);font-size:13px;font-weight:600}.hskg-group-count{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:700}.hskg-item{background:var(--card);border:1px solid var(--line);transition:border-color var(--dur) var(--ease);border-radius:12px;margin-bottom:8px;padding:12px 14px}.hskg-item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}.hskg-item-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.hskg-name{color:var(--text);font-size:14px;font-weight:700}.hskg-sub{color:var(--text-muted);font-size:12.5px}.hskg-chips{flex-wrap:wrap;gap:9px 7px;display:flex}.hskg-chip{cursor:pointer;color:var(--seal);background:var(--peach-bg);transition:all var(--dur-fast,.15s) var(--ease);border:1px solid #0000;border-radius:8px;padding:7px 11px;font-size:15px;line-height:1.4}.hskg-chip:hover{background:var(--peach,#f7d8c4);border-color:var(--seal);transform:translateY(-1px)}.hskg-chip:active{transform:translateY(0)}@media (width<=640px){.hskg-group-count{margin-left:0}.hskg-chip{padding:7px 9px;font-size:14px}}.dd-lesson-group--don .dd-lesson-header{cursor:pointer}.dd-lesson-chevron--don{opacity:.55;font-size:12px;transform:none!important}.dd-lesson-group--don .dd-lesson-header.active{background:color-mix(in srgb, var(--primary) 12%, transparent);border-left-color:var(--primary)}.dd-lesson-group--don .dd-lesson-header.active .dd-lesson-name,.dd-lesson-group--don .dd-lesson-header.active .dd-lesson-hanzi{color:var(--primary-dark,var(--primary))}.kv-page,.bt-page{max-width:1080px;margin:0 auto}.kv-bo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.kv-hv{color:var(--seal);background:var(--peach-bg);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:12.5px;font-weight:700}.kv-nhan-row{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.kv-nhan{letter-spacing:.01em;border-radius:var(--radius-full);background:var(--bg-subtle,#f1f5f9);color:var(--text-muted);border:1px solid var(--line-soft,var(--line));white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700}.kv-nhan--tocfl{background:var(--primary-bg);color:var(--primary-dark);border-color:#0000}.kv-nhan--hsk{background:var(--peach-bg);color:var(--seal);border-color:#0000}.kv-nhan--duongdai{color:#2f6b4f;background:#e7f2ec;border-color:#0000}.kv-nhan--thoidai{color:#99621c;background:#fdf0e2;border-color:#0000}.kv-btn-luu.is-luu,.kv-btn-luu.is-luu:hover{color:var(--accent)}.kv-sotay-link{cursor:pointer;color:var(--primary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.kv-sotay-link:hover{text-decoration:underline}.luy-hv{color:var(--seal);margin-bottom:6px;font-size:15px;font-weight:700}.tdx-page{max-width:900px;margin:0 auto}.tdx-page .dict-page-search{display:block}.tdx-page .dict-search-input{border-color:color-mix(in srgb, var(--primary) 30%, var(--white));height:52px;box-shadow:0 2px 10px -4px rgba(var(--primary-rgb), .18);font-size:16px}.tdx-page .dict-search-icon{color:var(--primary)}.tdx-hero .dict-page-search{max-width:580px;margin:20px 0 2px}.tdx-hero .dict-search-input{border-radius:var(--radius-full);border:none;height:58px;padding:0 20px 0 54px;font-size:16px;font-weight:600;box-shadow:0 14px 34px -10px #0000006b}.tdx-hero .dict-search-input::placeholder{color:var(--text-muted);font-weight:500}.tdx-hero .dict-search-input:focus{box-shadow:0 0 0 4px #fff9,0 14px 34px -10px #0000006b}.tdx-hero .dict-search-icon{color:var(--primary);font-size:17px;left:22px}@media (width<=640px){.tdx-hero .dict-search-input{height:52px;padding-left:46px}.tdx-hero .dict-search-icon{font-size:15px;left:18px}}.tdx-goiy{margin-top:22px}.tdx-goiy-title{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:700}.tdx-goiy-chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tdx-chip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;transition:all var(--dur) var(--ease);padding:8px 16px;font-size:22px}.tdx-chip:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.tdx-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);margin-top:16px;padding:24px}.tdx-head{border-bottom:1px solid var(--line-soft,var(--line));flex-wrap:wrap;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.tdx-han{color:var(--text);letter-spacing:.02em;flex:none;font-size:62px;font-weight:600;line-height:1.1}.tdx-head-info{flex:1;min-width:180px}.tdx-py{color:var(--primary);margin-bottom:6px;font-size:21px;font-weight:700}.tdx-hv{align-items:center;gap:8px;margin-bottom:10px;font-size:16px;display:flex}.tdx-hv-nhan{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex:none;font-size:11px;font-weight:700}.tdx-hv strong{color:var(--seal);font-size:17px}.tdx-chips{flex-wrap:wrap;gap:6px;display:flex}.tdx-head-act{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.tdx-section{padding-top:20px}.tdx-section+.tdx-section{border-top:1px solid var(--line-soft,var(--line));margin-top:4px}.tdx-section h3{color:var(--text);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex}.tdx-section h3 i{color:var(--primary);flex:none;font-size:13px}.tdx-dem{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:700}.tdx-nghia-chinh{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:600}.tdx-may{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-full);vertical-align:middle;white-space:nowrap;margin-left:8px;padding:1px 7px;font-size:10.5px;font-weight:700}.tdx-en{color:var(--text-secondary);background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-md);margin-bottom:12px;padding:8px 12px;font-size:13.5px}.tdx-en span{color:var(--text-muted);margin-right:6px;font-weight:700}.tdx-muc+.tdx-muc{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.tdx-muc-py{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:700}.tdx-nghia-ds{margin:0;padding-left:20px}.tdx-nghia-ds li{color:var(--text-secondary);font-size:14.5px;line-height:1.7}.tdx-chu-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.tdx-chu{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-subtle,#f8fafa);align-items:flex-start;gap:14px;padding:12px;display:flex}.tdx-chu-han{color:var(--primary-dark);cursor:pointer;text-align:center;min-width:44px;transition:color var(--dur) var(--ease);flex:none;font-size:40px;font-weight:600;line-height:1}.tdx-chu-han:hover{color:var(--accent)}.tdx-chu-info{flex:1;min-width:0}.tdx-chu-hv{color:var(--seal);font-size:14px;font-weight:700}.tdx-chu-hv span{color:var(--text-muted);margin-left:5px;font-weight:600}.tdx-chu-ngh{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 6px;font-size:12.5px;overflow:hidden}.tdx-chu-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.tdx-bo{border:1px solid var(--primary);background:var(--primary-bg);color:var(--primary-dark);font:inherit;border-radius:var(--radius-full);cursor:pointer;padding:3px 8px;font-size:11px;font-weight:700}.tdx-bo:hover{background:var(--primary);color:#fff}.tdx-net,.tdx-phanra{color:var(--text-muted);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-full);padding:3px 8px;font-weight:600}.tdx-nghia-1{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:2px 0 8px;font-size:17px;font-weight:600;overflow:hidden}.tdx-nghia-1.is-trong{color:var(--text-muted);white-space:normal;font-size:14px;font-weight:500}.tdx-nghia-them{margin:0 0 10px}.tdx-nghia-them>summary{min-height:32px;color:var(--primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:700;list-style:none;display:inline-flex}.tdx-nghia-them>summary::-webkit-details-marker{display:none}.tdx-nghia-them>summary:after{content:"";width:7px;height:7px;transition:transform var(--dur) var(--ease);border-bottom:2px solid;border-right:2px solid;margin-top:-3px;transform:rotate(45deg)}.tdx-nghia-them[open]>summary:after{margin-top:3px;transform:rotate(-135deg)}.tdx-nghia-them>.tdx-muc:first-of-type{margin-top:6px}.tdx-nghia-them .tdx-muc{background:var(--bg-subtle,#f6f8f8);border-radius:var(--radius-md);padding:10px 12px}.tdx-nghia-them .tdx-muc+.tdx-muc{border-top:0;margin-top:8px}.tdx-vd-ds{gap:10px;display:grid}.tdx-vd{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--card), var(--bg-subtle,#f8fafa));align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.tdx-vd-nghe{flex:none;margin-top:2px}.tdx-vd-noi{flex:1;min-width:0}.tdx-vd-noi[role=button]{cursor:pointer}.tdx-vd-han{color:var(--text);font-size:21px;font-weight:500;line-height:1.5}.tdx-vd-han mark{color:var(--accent-hover,#ea580c);box-shadow:inset 0 -.32em 0 rgba(var(--accent-rgb,255,122,61), .18);background:0 0;font-weight:700}.tdx-vd-py{color:var(--primary);margin-top:2px;font-size:14px}.tdx-vd-vi{color:var(--text-secondary);margin-top:2px;font-size:14.5px}.tdx-viet-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tdx-viet-tab{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);min-width:48px;min-height:48px;color:var(--text);cursor:pointer;transition:all var(--dur) var(--ease);padding:4px 10px;font-size:26px;line-height:1}.tdx-viet-tab:hover{border-color:var(--primary)}.tdx-viet-tab.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.tdx-viet-body{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.tdx-viet-lon{flex:none;width:300px;max-width:100%}.tdx-viet-khung{aspect-ratio:1;border:2px solid rgba(var(--primary-rgb,11,124,112), .35);border-radius:var(--radius-lg);background:#fffdf8;width:100%;position:relative;overflow:hidden}.tdx-viet-luoi{width:100%;height:100%;position:absolute;inset:0}.tdx-viet-luoi line{stroke:rgba(var(--primary-rgb,11,124,112), .22);stroke-width:.5px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.tdx-viet-hw{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tdx-viet-hw svg{display:block}.tdx-viet-fallback{color:var(--line);font-size:150px;line-height:1}.tdx-viet-so{pointer-events:none;transition:opacity var(--dur) var(--ease);position:absolute;top:0;left:0}.tdx-viet-so.is-an{opacity:0}.tdx-so circle{fill:var(--accent,#ff7a3d);stroke:#fff;stroke-width:7px}.tdx-so text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:52px;font-weight:800;font-family:var(--font-num,Inter, sans-serif)}.tdx-viet-nut{gap:8px;margin-top:10px;display:flex}.tdx-viet-nut .btn{flex:1;justify-content:center}.tdx-viet-goiy{color:var(--text-secondary);text-align:center;margin:8px 0 0;font-size:13px}.tdx-viet-buoc{flex:1;min-width:220px}.tdx-viet-dem{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.tdx-viet-dem strong{color:var(--text);font-size:18px}.tdx-viet-defs{width:0;height:0;position:absolute;overflow:hidden}.tdx-viet-day{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.tdx-buoc{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8;position:relative}.tdx-buoc svg{box-sizing:border-box;width:100%;height:100%;padding:4px;display:block}.tdx-buoc use.xong{fill:#1f2e33}.tdx-buoc use.dang{fill:var(--accent,#ff7a3d)}.tdx-buoc use.chua{fill:#e3ebec}.tdx-buoc-so{color:var(--text-muted);font-size:11px;font-weight:800;font-family:var(--font-num,Inter, sans-serif);position:absolute;top:3px;left:4px}.tdx-moi{border-radius:var(--radius-xl);background:linear-gradient(120deg, rgba(var(--primary-rgb,11,124,112), .09), rgba(var(--accent-rgb,255,122,61), .09));border:1px solid rgba(var(--primary-rgb,11,124,112), .22);flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;padding:16px 18px;display:flex}.tdx-moi-ic{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.tdx-moi-text{flex-direction:column;flex:1;gap:2px;min-width:220px;display:flex}.tdx-moi-text strong{color:var(--text);font-size:15px}.tdx-moi-text>span{color:var(--text-secondary);font-size:13.5px}.tdx-moi-act{flex-wrap:wrap;gap:8px;display:flex}.tdx-bl{scroll-margin-top:80px}.tdx-bl-khach{border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--bg-subtle,#f8fafa);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.tdx-bl-khach>i{color:var(--primary);flex:none;font-size:18px}.tdx-bl-khach>span{flex:1;min-width:200px}.tdx-bl-o textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:76px;font:inherit;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);padding:10px 12px;font-size:15px;line-height:1.5}.tdx-bl-o textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb,11,124,112), .14);outline:none}.tdx-bl-o.is-tl{margin-top:10px}.tdx-bl-o.is-tl textarea{min-height:56px}.tdx-bl-o-cuoi{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.tdx-bl-luu-y{min-width:180px;color:var(--text-muted);flex:1;font-size:12px}.tdx-bl-o-nut{gap:8px;display:flex}.tdx-bl-trong{color:var(--text-muted);padding:18px 4px;font-size:14px}.tdx-bl-ds{gap:4px;margin-top:14px;display:grid}.tdx-bl-muc{gap:10px;padding:12px 0;display:flex}.tdx-bl-ds>.tdx-bl-muc+.tdx-bl-muc{border-top:1px solid var(--line-soft,var(--line))}.tdx-bl-muc.is-tl{padding:10px 0 0}.tdx-bl-av{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.tdx-bl-muc.is-tl .tdx-bl-av{width:30px;height:30px;font-size:13px}.tdx-bl-than{flex:1;min-width:0}.tdx-bl-dau{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.tdx-bl-dau strong{color:var(--text)}.tdx-bl-gv,.tdx-bl-cap{border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:700}.tdx-bl-gv{background:var(--primary);color:#fff}.tdx-bl-cap{background:var(--bg-subtle,#f1f5f9);color:var(--text-muted)}.tdx-bl-luc{color:var(--text-muted);font-size:12px}.tdx-bl-nd{color:var(--text);overflow-wrap:anywhere;margin-top:3px;font-size:15px;line-height:1.6}.tdx-bl-act{flex-wrap:wrap;gap:4px;margin-top:2px;margin-left:-8px;display:flex}.tdx-bl-act button{min-height:32px;font:inherit;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.tdx-bl-act button:hover{color:var(--primary);background:var(--primary-bg)}@media (hover:none) and (pointer:coarse){.tdx-bl-act button,.tdx-nghia-them>summary{min-height:44px}}.tdx-lq{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.tdx-lq-item{text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);cursor:pointer;min-height:44px;font:inherit;transition:all var(--dur) var(--ease);align-items:baseline;gap:8px;padding:10px 12px;display:flex}.tdx-lq-item:hover{border-color:var(--primary);background:var(--primary-bg)}.tdx-lq-item>span:first-child{color:var(--text);flex:none;font-size:18px;font-weight:600}.tdx-lq-py{color:var(--primary);flex:none;font-size:12px;font-weight:600}.tdx-lq-ngh{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.st-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.st-head-act{gap:8px;display:flex}.st-empty-act{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.bt-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;display:grid}.bt-the{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);cursor:pointer;min-height:148px;font:inherit;text-align:center;transition:all var(--dur) var(--ease);flex-direction:column;align-items:center;gap:3px;padding:16px 12px 12px;display:flex;position:relative}.bt-the:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px -12px #10292a59}.bt-so{color:var(--text-muted);font-size:11px;font-weight:700;position:absolute;top:8px;left:10px}.bt-chu{color:var(--primary-dark);font-size:40px;font-weight:600;line-height:1.1}.bt-hv{color:var(--text);font-size:15px;font-weight:800}.bt-ngh{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.bt-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto;padding-top:8px;font-size:11px;display:flex}.bt-bien{color:var(--seal);font-weight:600}.bt-back{margin-bottom:14px}.bt-detail{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);padding:24px}.bt-detail-head{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.bt-detail-chu{color:var(--primary-dark);flex:none;font-size:76px;font-weight:600;line-height:1}.bt-detail-info{flex:1;min-width:200px}.bt-detail-so{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:700}.bt-detail-info h2{color:var(--text);margin:4px 0 6px;font-size:26px;font-weight:800}.bt-detail-py{color:var(--primary);font-size:17px;font-weight:600}.bt-detail-info p{color:var(--text-secondary);margin:0 0 10px;font-size:15px}.bt-detail-bien{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bt-detail-bien>span:first-child{color:var(--text-muted);flex:none;font-size:12px;font-weight:700}.bt-bien-chip{border-radius:var(--radius-md);background:var(--peach-bg);color:var(--seal);padding:2px 12px;font-size:22px;font-weight:600}.bt-ghichu{background:var(--peach-bg);border-left:3px solid var(--seal);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:10px;margin:18px 0 0;padding:12px 14px;font-size:13.5px;line-height:1.65;display:flex}.bt-ghichu i{color:var(--seal);flex:none;margin-top:3px}.bt-ghichu span{flex:1;min-width:0}.bt-chu-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;display:grid}.bt-chu-o{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);cursor:pointer;min-height:62px;font:inherit;transition:all var(--dur) var(--ease);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.bt-chu-o:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.bt-chu-o>span:first-child{color:var(--text);font-size:26px;line-height:1.15}.bt-chu-hv{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.tw-toast{z-index:900;border-radius:var(--radius-full);background:var(--text);color:#fff;text-align:center;opacity:0;pointer-events:none;max-width:min(90vw,420px);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);padding:12px 18px;font-size:13.5px;font-weight:600;position:fixed;bottom:88px;left:50%;transform:translate(-50%,14px);box-shadow:0 10px 30px -12px #10292a8c}.tw-toast.show{opacity:1;transform:translate(-50%)}@media (width>=1024px){.tw-toast{bottom:28px}}@media (width<=640px){.tdx-han{font-size:48px}.tdx-head-act{width:100%;margin-left:0}.tdx-head-act .btn{flex:1}.tdx-card,.bt-detail{padding:18px 14px}.tdx-chu-grid{grid-template-columns:1fr}.tdx-nghia-1{font-size:16px}.tdx-viet-body{gap:16px}.tdx-viet-lon{width:100%;max-width:300px;margin:0 auto}.tdx-viet-buoc{flex:100%;min-width:0}.tdx-viet-day{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.tdx-vd-han{font-size:19px}.tdx-moi-act{width:100%}.tdx-moi-act .btn{flex:1;justify-content:center}.bt-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.bt-detail-chu{font-size:60px}.st-head-act{width:100%}.st-head-act .btn{flex:1}.kv-nhan-row{max-width:100%;overflow:hidden}}.tdx-bo,.kv-card .dd-vocab-actions>button,.kv-bo-tabs .lesson-tab{position:relative}.tdx-bo:after,.kv-bo-tabs .lesson-tab:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.kv-card .dd-vocab-actions>button:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.kv-bo-tabs{row-gap:12px}.kv-chua-co{color:var(--text-muted);font-style:italic}.kv-def-en{color:var(--text-secondary)}.kv-def-en:before{content:"EN";letter-spacing:.04em;color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);vertical-align:middle;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:10px;font-weight:800}.bt-nhom{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:8px;margin:16px 0 8px;font-size:12px;font-weight:700;display:flex}.bt-nhom span{background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-full);text-transform:none;letter-spacing:0;padding:1px 7px;font-size:11px}.lt-page{max-width:1000px;margin:0 auto}.lt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.lt-title{color:var(--text);margin:0;font-size:22px;font-weight:800}.lt-sub{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.lt-hero{align-items:center}.lt-hero-streak{z-index:1;text-align:center;border-radius:var(--radius-xl);background:#ffffff29;border:1px solid #ffffff47;flex:none;padding:14px 22px;position:relative}.lt-streak-num{color:#fff;font-size:42px;font-weight:800;line-height:1}.lt-streak-lb{color:#ffffffe6;margin-top:4px;font-size:12px;font-weight:600}.lt-streak-max{color:#ffffffbf;margin-top:6px;font-size:11px}.lt-o-grid{grid-template-columns:repeat(auto-fit,minmax(198px,1fr));gap:12px;margin:18px 0;display:grid}.lt-o{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);align-items:center;gap:14px;padding:16px;display:flex}.lt-o-gt{color:var(--text);font-size:21px;font-weight:800;font-family:var(--font-num,inherit)}.lt-o-nhan{color:var(--text-muted);margin-top:2px;font-size:12.5px}.lt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);margin-bottom:16px;padding:20px}.lt-card h3{color:var(--text);flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;font-size:15px;font-weight:800;display:flex}.lt-card h3 i{color:var(--primary);flex:none;font-size:14px}.lt-h3-phu{color:var(--text-muted);background:var(--bg-subtle,#f1f5f9);border-radius:var(--radius-full);padding:2px 8px;font-size:11.5px;font-weight:600}.lt-ghi-chu{color:var(--text-muted);margin:0 0 14px;font-size:12.5px;line-height:1.65}.lt-viec{gap:10px;margin-bottom:16px;display:grid}.lt-viec-dong{border-radius:var(--radius-xl);background:var(--primary-bg);border:1px solid #0000;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.lt-viec-dong>span{min-width:140px;color:var(--text);flex:1;font-size:14px}.lt-nhiet-so{color:var(--text-secondary);flex-wrap:wrap;gap:6px 20px;margin:2px 0 15px;font-size:13px;display:flex}.lt-nhiet-so strong{font-family:var(--font-num);color:var(--text-primary);margin-right:5px;font-size:17px;font-weight:800}.lt-nhiet-khung{--lt-o:18px;grid-template-columns:max-content max-content;justify-content:start;gap:5px 8px;padding-bottom:4px;display:grid;overflow-x:auto}.lt-nhiet-thang{grid-area:1/2;grid-template-columns:repeat(var(--lt-cot), var(--lt-o));color:var(--text-muted);gap:3px;font-size:10.5px;font-weight:700;display:grid}.lt-nhiet-thang>span{white-space:nowrap}.lt-nhiet-thu{grid-area:2/1;grid-template-rows:repeat(7, var(--lt-o));color:var(--text-muted);place-items:center end;gap:3px;font-size:10px;font-weight:700;display:grid}.lt-nhiet{grid-area:2/2;grid-auto-flow:column;grid-template-rows:repeat(7, var(--lt-o));grid-auto-columns:var(--lt-o);gap:3px;display:grid}.lt-nhiet .lt-o-lich{width:var(--lt-o);height:var(--lt-o)}.lt-o-lich{background:var(--bg-subtle,#eef2f2);border-radius:4px;width:16px;height:16px;display:inline-block}.lt-m0{background:var(--bg-subtle,#eef2f2)}.lt-m1{background:color-mix(in srgb, var(--primary) 26%, transparent)}.lt-m2{background:color-mix(in srgb, var(--primary) 48%, transparent)}.lt-m3{background:color-mix(in srgb, var(--primary) 72%, transparent)}.lt-m4{background:var(--primary)}.lt-o-lich.la-hom-nay{box-shadow:0 0 0 1.5px var(--white), 0 0 0 3px var(--seal)}.lt-nhiet-chu{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px 15px;margin-top:14px;font-size:11.5px;display:flex}.lt-nhiet-chu>span{align-items:center;gap:6px;display:inline-flex}.lt-nhiet-chu .lt-o-lich{width:13px;height:13px}.lt-nhiet-chu-nay{margin-left:0}.lt-bo{cursor:pointer;padding:10px 0}.lt-bo+.lt-bo{border-top:1px solid var(--line-soft,var(--line))}.lt-bo:hover .lt-bo-ten{color:var(--primary)}.lt-bo-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;display:flex}.lt-bo-ten{color:var(--text);font-size:14px;font-weight:700}.lt-bo-ten span{color:var(--text-muted);margin-left:6px;font-size:12px;font-weight:500}.lt-bo-so{color:var(--text-muted);white-space:nowrap;font-size:12.5px;font-weight:600}.lt-ds{gap:8px;display:grid}.lt-dong{text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);width:100%;min-height:44px;font:inherit;cursor:pointer;transition:all var(--dur) var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.lt-dong.is-tinh{cursor:default}.lt-dong:not(.is-tinh):hover,.lt-dong.is-toi{border-color:var(--primary);background:var(--primary-bg)}.lt-dong-ten{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:2px;font-size:14px;font-weight:600;display:flex}.lt-dong-ten em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:500;overflow:hidden}.lt-dong>i{color:var(--text-muted);flex:none;font-size:12px}.lt-diem{border-radius:var(--radius-full);flex:none;padding:3px 9px;font-size:13px;font-weight:800}.lt-diem.is-tot{color:#2f6b4f;background:#e7f2ec}.lt-diem.is-vua{background:var(--peach-bg);color:var(--seal)}.lt-diem.is-kem{color:#b3261e;background:#fdecec}.tw-bar>i.is-tot{background:#4a9e74}.tw-bar>i.is-vua{background:var(--seal)}.tw-bar>i.is-kem{background:#d9534f}.lt-han{white-space:nowrap;border-radius:var(--radius-full);background:var(--bg-subtle,#f1f5f9);color:var(--text-muted);flex:none;padding:3px 9px;font-size:11.5px;font-weight:700}.lt-han.is-gap{background:var(--peach-bg);color:var(--seal)}.lt-han.is-tre{color:#b3261e;background:#fdecec}.lt-ngay.is-dat{background:#f2f9f5;border-color:#a9d3be}.lt-ngay-top{align-items:flex-start;gap:14px;display:flex}.lt-ngay-ten{color:var(--text);font-size:15px;font-weight:800}.lt-ngay-mo{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.6}.lt-ngay-thanh{gap:12px;margin-top:16px;display:grid}.lt-ngay-muc span{color:var(--text-muted);margin-bottom:5px;font-size:12px;display:block}.lt-viec-ds{gap:10px;margin-bottom:16px;display:grid}.lt-viec-the{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.lt-viec-so{background:var(--bg-subtle,#f1f5f9);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lt-viec-noi{flex:1;min-width:160px}.lt-viec-ten{color:var(--text);font-size:15px;font-weight:700}.lt-viec-mo{color:var(--text-muted);margin-top:3px;font-size:12.5px;line-height:1.55}.lt-viec-nut{flex-wrap:wrap;gap:8px;display:flex}.lt-on-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lt-on-nut{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px;display:grid}.lt-on-btn{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);cursor:pointer;min-height:62px;font:inherit;transition:all var(--dur) var(--ease);flex-direction:column;align-items:center;gap:2px;padding:14px 10px;display:flex}.lt-on-btn b{color:var(--text);font-size:15px;font-weight:800}.lt-on-btn span{color:var(--text-muted);font-size:11.5px}.lt-on-btn:hover{transform:translateY(-2px)}.lt-on-btn.is-quen:hover{background:#fdecec;border-color:#d9534f}.lt-on-btn.is-kho:hover{border-color:var(--seal);background:var(--peach-bg)}.lt-on-btn.is-nho:hover{border-color:var(--primary);background:var(--primary-bg)}.lt-on-btn.is-de:hover{background:#e7f2ec;border-color:#4a9e74}.lt-kn{gap:12px;display:grid}.lt-kn-dong{grid-template-columns:minmax(120px,1.4fr) auto minmax(80px,2fr) auto;align-items:center;gap:10px;display:grid}.lt-kn-ten{color:var(--text);font-size:13.5px;font-weight:600}.lt-kn-so,.lt-kn-gio{color:var(--text-muted);white-space:nowrap;font-size:12px}.lt-kn-gio{font-weight:700}.lt-chart svg{width:100%;height:200px;display:block;overflow:visible}.lt-luoi{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.lt-tb{stroke:var(--seal);stroke-width:1px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.lt-vung{fill:color-mix(in srgb, var(--primary) 12%, transparent);stroke:none}.lt-duong{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.lt-cham{fill:var(--card);stroke:var(--primary);stroke-width:2px;vector-effect:non-scaling-stroke}.lt-chart-truc{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11.5px;display:flex}.lt-chart-tb{color:var(--seal);font-weight:700}.lt-solop{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.lt-solop>div{border-radius:var(--radius-lg);background:var(--bg-subtle,#f8fafa);border:1px solid var(--line);padding:12px 14px}.lt-solop-nhan{color:var(--text-muted);margin-bottom:4px;font-size:11.5px;display:block}.lt-solop-gt{color:var(--text);font-size:20px;font-weight:800}.lt-hh{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:10px;display:grid}.lt-hh-o{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-subtle,#f8fafa);align-items:flex-start;gap:12px;padding:13px;display:flex}.lt-hh-o.is-xong{background:var(--peach-bg);border-color:#0000}.lt-hh-icon{background:var(--card);width:34px;height:34px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.lt-hh-o.is-xong .lt-hh-icon{background:var(--seal);color:#fff}.lt-hh-noi{flex:1;min-width:0}.lt-hh-ten{color:var(--text);font-size:13px;font-weight:700;line-height:1.4}.lt-hh-mo{color:var(--text-muted);margin:3px 0 5px;font-size:11.5px}.lt-bxh-hang{background:var(--bg-subtle,#f1f5f9);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lt-bxh-hang.is-top{background:var(--seal);color:#fff}.lt-bxh-diem{color:var(--primary);white-space:nowrap;font-size:12.5px;font-weight:700}@media (width<=640px){.lt-hero{flex-direction:column;align-items:flex-start}.lt-hero-streak{align-self:stretch}.lt-card{padding:16px 14px}.lt-kn-dong{grid-template-columns:1fr auto;row-gap:6px}.lt-kn-dong .tw-bar{grid-column:1/-1}.lt-viec-nut{width:100%}.lt-viec-nut .btn{flex:1}.lt-nhiet-khung{--lt-o:13px}.lt-nhiet-chu{gap:6px 12px}}.hske-loc{flex-wrap:wrap;gap:8px;margin:4px 0 18px;display:flex}.hske-loc-nut{border:1px solid var(--line);color:var(--text-secondary);cursor:pointer;transition:all var(--dur) var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hske-loc-nut b{opacity:.6;font-weight:700;font-family:var(--font-num)}.hske-loc-nut:hover{border-color:var(--primary);color:var(--primary)}.hske-loc-nut.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.hske-loc-nut.is-on b{opacity:.85}.hske-cap{margin-bottom:30px}.hske-cap-ten{color:var(--text-primary);align-items:baseline;gap:10px;margin:0 0 4px;font-size:18px;font-weight:800;display:flex}.hske-cap-ten span{color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font-num)}.hske-nhom-nhan{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:14px 0 10px;font-size:12.5px;font-weight:700;display:flex}.hske-nhom-nhan i{color:var(--accent);flex:none}.hske-nhom-nhan span{flex:1;min-width:0}.hske-card.is-that{border-color:color-mix(in srgb, var(--accent) 34%, var(--line))}.hske-de{white-space:pre-line}.hske-bar-de{color:var(--text-secondary);font-size:13px;font-weight:600}.hske-cau-audio{width:100%;max-width:420px;height:34px;margin:4px 0 10px;display:block}.hske-viet{margin-top:4px}.hske-viet-o{border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--dur) var(--ease-out);background:#fff;padding:11px 14px;font-size:17px}.hske-viet-o:focus{border-color:var(--primary);outline:none}.hske-viet-o:disabled{background:var(--surface-2);color:var(--text-secondary)}.hske-viet-dap{background:color-mix(in srgb, var(--success) 8%, #fff);border-left:3px solid var(--success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:8px;margin-top:10px;padding:10px 12px;font-size:14px;display:flex}.hske-viet-dap i{color:var(--success);flex:none;margin-top:3px}.hske-viet-dap span{flex:1;min-width:0}.hske-viet-dap .font-tc{font-size:16px}.hske-giaithich{background:var(--peach-bg);border-radius:var(--radius-sm);color:var(--text-secondary);gap:9px;margin-top:10px;padding:10px 12px;font-size:13.5px;line-height:1.6;display:flex}.hske-giaithich i{color:var(--seal);flex:none;margin-top:3px}.hske-giaithich span{flex:1;min-width:0}.hske-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.hske-card{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:14px;padding:16px}.hske-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm,0 4px 14px #0000000f);transform:translateY(-2px)}.hske-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.hske-card-ten{color:var(--text);font-size:16px;font-weight:800}.hske-card-chuan{background:var(--bg-subtle,#f1f5f9);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.hske-card-chuan.is-moi{background:var(--peach-bg);color:var(--seal)}.hske-card-so{color:var(--primary);font-size:22px;font-weight:800;font-family:var(--font-num,inherit)}.hske-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;display:flex}.hske-card-meta i{margin-right:4px}.hske-note,.hske-khongcham{background:var(--peach-bg);color:var(--text);border-radius:10px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.hske-note>i,.hske-khongcham>i{color:var(--seal);flex:none;margin-top:2px}.hske-note>span,.hske-khongcham>span{flex:1;min-width:0}.hske-khongcham{background:var(--bg-subtle,#f1f5f9);margin-top:8px;font-size:12.5px}.hske-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 0;display:flex}.hske-bar-ten{align-items:center;gap:8px;display:flex}.hske-bar-ma{color:var(--text-muted);font-size:12px;font-family:var(--font-num,monospace)}.hske-tiendo{color:var(--text-muted);margin-left:auto;font-size:13px}.hske-audio{background:var(--card);border:1px solid var(--line);z-index:5;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex;position:sticky;top:0}.hske-audio>i{color:var(--primary);flex:none;font-size:18px}.hske-audio>div{flex:1;min-width:0}.hske-audio-nhan{color:var(--text-muted);margin-bottom:5px;font-size:12px}.hske-audio audio{width:100%;height:34px}.hske-ketqua{background:linear-gradient(180deg, var(--peach-bg), var(--card));border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex}.hske-diem{color:var(--primary);font-size:40px;font-weight:800;font-family:var(--font-num,inherit)}.hske-diem span{margin-left:2px;font-size:18px}.hske-ketqua-chi{flex:1;min-width:200px;font-size:14px}.hske-ketqua-note{color:var(--text-muted);margin-top:4px;font-size:12px}.hske-cau{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:14px}.hske-cau.is-dung{background:color-mix(in srgb, #16a34a 5%, var(--card));border-color:#16a34a}.hske-cau.is-sai{background:color-mix(in srgb, #dc2626 4%, var(--card));border-color:#dc2626}.hske-cau-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.hske-so{background:var(--bg-subtle,#f1f5f9);width:26px;height:26px;color:var(--text-muted);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.hske-de{flex:1;min-width:0;font-size:15px;line-height:1.7}.hske-de--nghe{color:var(--text-muted);font-size:13px}.hske-de--nghe i{margin-right:6px}.hske-kq{flex:none;font-size:13px;font-weight:700}.hske-cau.is-dung .hske-kq{color:#16a34a}.hske-cau.is-sai .hske-kq{color:#dc2626}.hske-opts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.hske-opt{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);transition:all var(--dur-fast,.15s) var(--ease);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.hske-opt:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--card))}.hske-opt:disabled{cursor:default}.hske-opt-nhan{background:var(--bg-subtle,#f1f5f9);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.hske-opt.is-chosen{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--card))}.hske-opt.is-right{background:color-mix(in srgb, #16a34a 10%, var(--card));border-color:#16a34a}.hske-opt.is-right .hske-opt-nhan{color:#fff;background:#16a34a}.hske-opt.is-wrong{border-color:#dc2626}.hske-opt.is-wrong .hske-opt-nhan{color:#fff;background:#dc2626}.hske-nop{justify-content:center;margin:24px auto;display:flex}.hske-credit{color:var(--text-muted);text-align:center;margin-top:18px;font-size:11.5px;line-height:1.6}@media (width<=640px){.hske-opts{grid-template-columns:1fr}.hske-tiendo{width:100%;margin-left:0}}.hske-anh{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;max-width:560px;margin:0 auto 12px;display:block}.hske-opts.is-nhan{grid-template-columns:repeat(auto-fit,minmax(64px,90px))}.hske-opts.is-nhan .hske-opt{justify-content:center}.hske-loithoai{background:var(--bg-subtle,#f1f5f9);border-radius:9px;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.7;display:flex}.hske-loithoai>i{color:var(--text-muted);flex:none;margin-top:3px}.hske-loithoai>span{flex:1;min-width:0}.hske-nhom{background:var(--surface-2,#f8fafc);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}.hske-nhom .hske-cau{background:var(--card)}.hske-nhom.co-anh{grid-template-columns:minmax(190px,290px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.hske-cot-anh .hske-anh{object-fit:contain;width:auto;max-height:240px}.hske-cot-anh{position:sticky;top:78px}.hske-cot-cau{min-width:0}.hske-cot-cau>.hske-cau:last-child{margin-bottom:0}.hske-nhom.co-anh .hske-anh{max-width:100%;margin:0}@media (width<=900px){.hske-nhom.co-anh{display:block}.hske-cot-anh{margin-bottom:12px;position:static}}.hske-doan{background:var(--peach-bg);border-left:3px solid var(--seal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:10px;margin-bottom:12px;padding:13px 15px;display:flex}.hske-doan>i{color:var(--seal);flex:none;margin-top:4px;font-size:13px}.hske-doan>span{white-space:pre-line;flex:1;min-width:0;max-width:42em;font-size:15.5px;line-height:2}.hske-cau.co-doan{margin-bottom:20px;padding:16px 18px}.hske-card.is-chixem{opacity:.78}.hske-card.is-chixem .hske-card-so{color:var(--text-muted)}.hske-card-canh{color:var(--text-muted);align-items:flex-start;gap:7px;margin-top:9px;font-size:11.5px;line-height:1.5;display:flex}.hske-card-canh>i{flex:none;margin-top:2px}.hske-card-canh>span{flex:1;min-width:0}.cd-page{max-width:1000px;margin:0 auto}.cd-doc{max-width:840px}.cd-thanh{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 12px;display:flex}.cd-thanh .tv-search{flex:1;min-width:200px}.cd-chude{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.cd-cd{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--card);min-height:36px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:all var(--dur) var(--ease);align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.cd-cd i{color:var(--text-muted);font-size:11px}.cd-cd:hover{border-color:var(--primary);color:var(--primary-dark)}.cd-cd.active{background:var(--primary);border-color:var(--primary);color:#fff}.cd-cd.active i{color:#fff}.cd-cd:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cd-chude{row-gap:12px}.cd-chip{white-space:nowrap;border-radius:var(--radius-full);background:var(--bg-subtle,#f1f5f9);color:var(--text-muted);padding:2px 9px;font-size:11px;font-weight:700}.cd-chip.is-ct{background:var(--primary-bg);color:var(--primary-dark)}.cd-chip.is-ghim{background:var(--peach-bg);color:var(--seal)}.cd-chip.is-loai{border:1px solid var(--line);background:0 0}.cd-vt{background:var(--primary-bg);color:var(--primary-dark);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:800}.cd-vt.is-ad{background:var(--peach-bg);color:var(--seal)}.cd-ds{gap:12px;display:grid}.cd-the{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);cursor:pointer;transition:all var(--dur) var(--ease);align-items:flex-start;gap:16px;padding:16px;display:flex}.cd-the:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px -14px #10292a66}.cd-the.is-ghim{border-left:3px solid var(--seal)}.cd-the-anh{border-radius:var(--radius-lg);flex:none;width:104px;height:78px;overflow:hidden}.cd-the-anh img{object-fit:cover;width:100%;height:100%;display:block}.cd-the-emoji{border-radius:var(--radius-lg);background:var(--bg-subtle,#f1f5f9);flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.cd-the-noi{flex:1;min-width:0}.cd-the-chip{flex-wrap:wrap;gap:6px;margin-bottom:7px;display:flex}.cd-the-ten{color:var(--text);margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.4}.cd-the-tom{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 9px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.cd-the-chan{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.cd-tacgia{color:var(--text-secondary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.cd-ava{object-fit:cover;color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.cd-so{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.cd-vlog-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;display:grid}.cd-vlog{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);cursor:pointer;transition:all var(--dur) var(--ease);overflow:hidden}.cd-vlog:hover{border-color:var(--primary);transform:translateY(-3px)}.cd-vlog-anh{aspect-ratio:16/9;background:var(--bg-subtle,#e9eeee);position:relative}.cd-vlog-anh img{object-fit:cover;width:100%;height:100%;display:block}.cd-vlog-icon{color:var(--primary);justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.cd-vlog-nguon{border-radius:var(--radius-full);color:#fff;text-transform:capitalize;background:#10292ab8;padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;bottom:8px;right:8px}.cd-vlog-noi{padding:12px 14px 14px}.cd-vlog-noi h3{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14.5px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.cd-back{margin-bottom:14px}.cd-bai{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-2xl);margin-bottom:18px;padding:24px}.cd-bai-ten{color:var(--text);margin:10px 0 12px;font-size:26px;font-weight:800;line-height:1.3}.cd-bai-meta{border-bottom:1px solid var(--line-soft,var(--line));color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:16px;font-size:12.5px;display:flex}.cd-bai-noi{color:var(--text-secondary);padding:18px 0;font-size:15.5px;line-height:1.8}.cd-bai-noi p{margin:0 0 14px}.cd-bai-anh{border-radius:var(--radius-lg);width:100%;margin:18px 0 0;display:block}.cd-video{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;margin:18px 0 0;position:relative;overflow:hidden}.cd-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.cd-nguon-video{color:var(--text-muted);word-break:break-all;align-items:flex-start;gap:8px;margin:10px 0 0;font-size:12px;display:flex}.cd-nguon-video i{flex:none;margin-top:3px}.cd-nguon-video span{flex:1;min-width:0}.cd-hanh-dong{border-top:1px solid var(--line-soft,var(--line));flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.cd-nut{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--card);min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:all var(--dur) var(--ease);align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex}.cd-nut:hover{border-color:var(--primary);color:var(--primary-dark)}.cd-nut.is-tim{border-color:var(--accent);color:var(--accent);background:#fff4ec}.cd-nut.is-xoa:hover{color:#b3261e;border-color:#d9534f}.cd-bl h3{align-items:center;gap:9px;margin:0 0 14px;font-size:15px;font-weight:800;display:flex}.cd-bl-soan{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);margin-bottom:18px;padding:12px}.cd-bl-soan.is-tra-loi{margin:10px 0 0}.cd-bl-soan textarea{resize:vertical;width:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;font-size:14px;line-height:1.6}.cd-bl-soan-chan{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.cd-loi{color:#b3261e;flex:1;min-width:0;font-size:12.5px;line-height:1.5}.cd-bl-ds{gap:16px;display:grid}.cd-bl-o{align-items:flex-start;gap:12px;display:flex}.cd-bl-o.is-con{margin-left:34px}.cd-bl-o .cd-ava{width:32px;height:32px;font-size:13px}.cd-bl-noi{flex:1;min-width:0}.cd-bl-dau{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.cd-bl-luc{color:var(--text-muted);font-size:11.5px}.cd-bl-chu{color:var(--text-secondary);word-break:break-word;margin:4px 0 6px;font-size:14px;line-height:1.65}.cd-bl-nut{gap:14px;display:flex}.cd-bl-nut button{cursor:pointer;font:inherit;color:var(--text-muted);background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.cd-bl-nut button:hover{color:var(--primary)}.cd-bl-nut button.is-xoa:hover{color:#b3261e}.cd-soan{gap:14px;display:grid}.cd-soan label{color:var(--text);font-size:13px;font-weight:700;display:block}.cd-soan input[type=text],.cd-soan input[type=url],.cd-soan textarea,.cd-soan select{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;font:inherit;background:var(--card);color:var(--text);margin-top:6px;padding:10px 12px;font-size:14px;font-weight:400}.cd-soan textarea{resize:vertical;line-height:1.6}.cd-soan input:focus,.cd-soan textarea:focus,.cd-soan select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}.cd-bat-buoc{color:#d9534f}.cd-noi-quy,.cd-canh-bao{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--primary-bg);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.65;display:flex}.cd-noi-quy i,.cd-canh-bao i{color:var(--primary);flex:none;margin-top:3px}.cd-noi-quy span,.cd-canh-bao span{flex:1;min-width:0}.cd-canh-bao{background:var(--peach-bg);margin-bottom:16px}.cd-canh-bao i{color:var(--seal)}.cd-kd{gap:8px;display:grid}.cd-kd-h{color:var(--text);align-items:center;gap:8px;margin:14px 0 6px;font-size:13px;font-weight:800;display:flex}.cd-kd-ds{gap:8px;display:grid}.cd-kd-o{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-subtle,#f8fafa);flex-wrap:wrap;align-items:center;gap:12px;padding:11px 13px;display:flex}.cd-kd-o>div:first-child{flex:1;min-width:180px;font-size:13.5px}.cd-kd-o em{color:var(--text-muted);margin-top:3px;font-size:11.5px;font-style:normal;display:block}.cd-kd-nut{flex-wrap:wrap;gap:6px;display:flex}.hb-ds{gap:14px;display:grid}.hb-the{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:18px 20px}.hb-dau{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hb-the h3{color:var(--text);margin:0;font-size:17px;font-weight:800;line-height:1.35}.hb-goc{color:var(--text-muted);margin-top:3px;font-size:12.5px}.hb-cap{flex-wrap:wrap;gap:5px;display:flex}.hb-donvi{color:var(--text-secondary);align-items:flex-start;gap:8px;margin:10px 0 0;font-size:13px;font-weight:600;display:flex}.hb-donvi i{color:var(--primary);flex:none;margin-top:3px}.hb-donvi span{flex:1;min-width:0}.hb-mo{color:var(--text-secondary);margin:10px 0 0;font-size:13.5px;line-height:1.7}.hb-bang{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:14px 0 0;display:grid}.hb-bang>div{border-radius:var(--radius-md);background:var(--bg-subtle,#f8fafa);border:1px solid var(--line);padding:10px 12px}.hb-bang dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.hb-bang dd{color:var(--text);margin:4px 0 0;font-size:13.5px;font-weight:600}.hb-chua{color:var(--text-muted);font-style:italic;font-weight:500}.hb-chan{border-top:1px solid var(--line-soft,var(--line));flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.hb-moc{color:var(--text-muted);margin-right:auto;font-size:11.5px}.hb-tick{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hb-tick-o{align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.hb-tick-o input{width:auto;margin:0}@media (width<=640px){.cd-the{gap:12px;padding:13px}.cd-the-anh{width:74px;height:60px}.cd-the-emoji{width:44px;height:44px;font-size:21px}.cd-bai{padding:18px 14px}.cd-bai-ten{font-size:21px}.cd-vlog-grid{grid-template-columns:1fr}.cd-bl-o.is-con{margin-left:18px}.hb-the{padding:15px 14px}.hb-bang{grid-template-columns:1fr 1fr}.cd-thanh .btn{flex:1}}.hske-anh-cau{border:1px solid var(--line);background:var(--bg-subtle,#f8fafc);border-radius:10px;margin:10px 0 4px;overflow:hidden}.hske-anh-cau img{object-fit:contain;width:100%;max-height:210px;display:block}.hske-nhom-ngang{margin-bottom:14px}.hske-bank{z-index:3;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:8px 10px;position:sticky;top:78px;box-shadow:0 2px 10px #10292a0f}.hske-bank img{object-fit:contain;width:100%;max-height:130px;display:block}.hske-bank .hske-cau-audio{width:100%;margin-bottom:8px}@media (width<=900px){.hske-bank{position:static}}.dd-khoa-panel{text-align:center;border:1px solid var(--line,#e3e8e8);background:linear-gradient(180deg, var(--peach-bg,#fdf2ea) 0%, var(--card-bg,#fff) 62%);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin:18px;padding:46px 22px;display:flex}.dd-khoa-ic{background:var(--primary,#38899e);color:#fff;width:58px;height:58px;box-shadow:0 6px 18px rgba(var(--primary-rgb), .28);border-radius:50%;justify-content:center;align-items:center;font-size:23px;display:flex}.dd-khoa-panel h3{margin:2px 0 0;font-size:18px}.dd-khoa-panel p{max-width:42em;color:var(--text-secondary,#5b6b70);margin:0;line-height:1.65}.dd-khoa-nut{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.gia-luoi{gap:10px;margin-bottom:16px;display:grid}.gia-card{border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);border-radius:12px;padding:13px 15px}.gia-card.is-goi-y{border-color:var(--primary,#38899e);box-shadow:0 0 0 2px rgba(var(--primary-rgb), .12)}.gia-ten{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.gia-chip{background:var(--primary,#38899e);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.gia-mo-ta{color:var(--text-secondary,#5b6b70);margin-top:3px;font-size:13px;line-height:1.5}.gia-tien{color:var(--seal,#d2662f);margin-top:7px;font-size:17px;font-weight:700}.gia-tien span{color:var(--text-secondary,#5b6b70);font-size:12px;font-weight:500}.gia-ghi-chu{color:var(--text-secondary,#5b6b70);background:var(--bg-soft,#f6f8f8);border-radius:10px;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;font-size:13px;line-height:1.6;display:flex}.gia-ghi-chu i{color:var(--primary,#38899e);flex:none;margin-top:2px}.gia-ghi-chu span{flex:1;min-width:0}.dd-lesson-khoa{color:var(--text-muted,#8a9a9f);flex:none;margin-right:2px;font-size:11px}.dd-lesson-mo{letter-spacing:.02em;background:rgba(var(--primary-rgb), .12);color:var(--primary-dark,#2a6b7d);border-radius:999px;flex:none;margin-right:2px;padding:1px 6px;font-size:11px;font-weight:700}.tk-cai-mo{color:var(--text-secondary,#5b6b70);margin:-6px 0 14px;font-size:13px;line-height:1.6}.tk-doi{flex-wrap:wrap;gap:10px;display:flex}.tk-doi-btn{cursor:pointer;border:1.5px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:46px;color:var(--text-primary);transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:12px;flex:140px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.tk-doi-btn span{font-size:19px;line-height:1}.tk-doi-btn:hover{border-color:var(--primary,#38899e)}.tk-doi-btn.active{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d);background:rgba(var(--primary-rgb), .09)}.tk-btn-thoat{background:var(--card-bg,#fff);color:#c0392b;border:1.5px solid #c0392b59}.tk-btn-thoat:hover{background:#c0392b12;border-color:#c0392b}.tk-xoa{border-color:#c0392b47}.tk-xoa h3 i{color:#c0392b}.tk-xoa.is-mo{background:#fff7f5}.tk-xoa-nut{flex-wrap:wrap;gap:10px;display:flex}.tk-xoa-nut .btn{flex:140px}.tk-btn-xoa{color:#fff;background:#c0392b;border:1.5px solid #c0392b}.tk-btn-xoa:hover{color:#fff;background:#a93226;border-color:#a93226}.tk-btn-xoa:disabled{opacity:.6;cursor:wait}.tk-btn-phu{background:var(--card-bg,#fff);color:var(--text-primary);border:1.5px solid var(--line,#e3e8e8)}.tk-btn-phu:hover{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d)}.tk-btn-huy{background:var(--card-bg,#fff);color:#c0392b;border:1.5px solid #c0392b59}.tk-btn-huy:hover{background:#c0392b12}.tk-lop-hien{flex-direction:column;gap:8px;display:flex}.tk-lop-item{border:1px solid var(--line,#e3e8e8);background:var(--peach-bg,#fdf2ea);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.tk-lop-item i{color:var(--primary,#38899e);flex:none}.tk-lop-item span{flex:1;min-width:0;font-size:14px}.tk-lop-trong{color:var(--text-muted,#6b7a7e);font-size:14px}.tk-ma-hint{color:var(--text-muted,#6b7a7e);margin:6px 0 0;font-size:12px;line-height:1.5}.tk-lienket-row{flex-wrap:wrap;gap:10px;display:flex}.tk-lk{cursor:pointer;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:76px;color:var(--text-primary);text-align:center;transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:12px;flex-direction:column;flex:130px;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font-size:12.5px;font-weight:600;display:flex}.tk-lk i{color:var(--primary,#38899e);font-size:17px}.tk-lk:hover{border-color:var(--primary,#38899e);transform:translateY(-2px)}.tk-tb-page{max-width:760px}.tk-tb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.tk-tb-tabs{flex-wrap:wrap;gap:7px;display:flex}.tk-tb-tab{cursor:pointer;white-space:nowrap;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:36px;color:var(--text-secondary,#5b6b70);transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;position:relative}.tk-tb-tab:after,.tk-goi-tab:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-2px;right:-2px;transform:translateY(-50%)}.tk-tb-tab:hover{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d)}.tk-tb-tab.active{background:var(--primary,#38899e);border-color:var(--primary,#38899e);color:#fff}.tk-tb-dem{text-align:center;background:#00000017;border-radius:999px;min-width:18px;margin-left:3px;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.tk-tb-tab.active .tk-tb-dem{background:#ffffff42}.tk-tb-all{cursor:pointer;white-space:nowrap;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:36px;color:var(--text-secondary,#5b6b70);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.tk-tb-all:hover{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d)}.tk-tb-list{flex-direction:column;gap:9px;display:flex}.tk-tb-item{cursor:pointer;text-align:left;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);width:100%;transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:13px;align-items:flex-start;gap:13px;padding:14px 15px;display:flex}.tk-tb-item:hover{border-color:var(--primary,#38899e);transform:translate(2px)}.tk-tb-item.unread{background:rgba(var(--primary-rgb), .055);border-color:rgba(var(--primary-rgb), .3);box-shadow:inset 3px 0 0 var(--primary,#38899e)}.tk-tb-ic{background:rgba(var(--primary-rgb), .13);width:38px;height:38px;color:var(--primary-dark,#2a6b7d);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.tk-tb-ic.is-assign{background:rgba(var(--accent-rgb), .16);color:#c2670f}.tk-tb-ic.is-exam{color:var(--seal,#d2662f);background:#d2662f24}.tk-tb-ic.is-pay-ok{color:#17795a;background:#228b5e24}.tk-tb-ic.is-pay-no{color:#c0392b;background:#c0392b21}.tk-tb-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tk-tb-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.tk-tb-cham{background:#e04b4b;border-radius:50%;flex:none;width:8px;height:8px}.tk-tb-desc{color:var(--text-secondary,#5b6b70);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.tk-tb-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.tk-tb-chip{background:rgba(var(--primary-rgb), .12);color:var(--primary-dark,#2a6b7d);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tk-tb-time{color:var(--text-muted,#8a9a9f);font-size:11.5px}.tk-goi-page,.tk-tt-page{max-width:1000px}.tk-goi-hero{background:linear-gradient(168deg, var(--primary,#38899e) 0%, #5f8b8a 55%, var(--peach,#f7d8c4) 100%);color:#fff;border-radius:18px;padding:30px 26px;position:relative;overflow:hidden}.tk-goi-hero-in{z-index:1;max-width:44em;position:relative}.tk-goi-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.tk-goi-hero h2{margin:0 0 9px;font-size:25px;font-weight:800;line-height:1.25}.tk-goi-hero p{opacity:.95;margin:0;font-size:14px;line-height:1.7}.tk-goi-daco{background:#ffffff38;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.tk-goi-tabs{flex-wrap:wrap;gap:7px;display:flex}.tk-goi-tab{cursor:pointer;white-space:nowrap;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:38px;color:var(--text-secondary,#5b6b70);transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;position:relative}.tk-goi-tab:hover{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d)}.tk-goi-tab.active{background:var(--primary,#38899e);border-color:var(--primary,#38899e);color:#fff}.tk-goi-nhom{margin-top:4px}.tk-goi-nhom-ten{color:var(--text-primary);align-items:center;gap:9px;margin:0 0 13px;font-size:16px;font-weight:800;display:flex}.tk-goi-nhom-ten i{color:var(--primary,#38899e)}.tk-goi-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,258px),1fr));gap:13px;display:grid}.tk-goi-the{border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:15px;flex-direction:column;gap:8px;padding:19px 18px 17px;display:flex;position:relative}.tk-goi-the:hover{border-color:var(--primary,#38899e);box-shadow:0 10px 26px rgba(var(--primary-rgb), .13);transform:translateY(-3px)}.tk-goi-the.is-owned{background:linear-gradient(180deg, #17795a0f, var(--card-bg,#fff) 60%)}.tk-goi-sale{background:var(--accent,#fd923c);color:#fff;letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:13px;right:13px}.tk-goi-ten{color:var(--text-primary);margin:0;padding-right:54px;font-size:15px;font-weight:800;line-height:1.4}.tk-goi-mo{color:var(--text-secondary,#5b6b70);flex:1;margin:0;font-size:12.5px;line-height:1.6}.tk-goi-gia{flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:4px;display:flex}.tk-goi-cu{color:var(--text-muted,#8a9a9f);font-size:13px;text-decoration:line-through}.tk-goi-moi{color:var(--seal,#d2662f);font-size:21px;font-weight:800}.tk-goi-vv{color:var(--text-secondary,#5b6b70);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:flex}.tk-goi-vv i{color:var(--primary,#38899e)}.tk-goi-btn{cursor:pointer;background:var(--primary,#38899e);color:#fff;width:100%;min-height:44px;transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:11px 16px;font-size:13.5px;font-weight:700;display:flex}.tk-goi-btn:hover{background:var(--primary-dark,#2a6b7d)}.tk-goi-btn.is-owned{color:#17795a;cursor:default;background:#17795a1f}.tk-goi-btn.is-wait{background:var(--accent,#fd923c)}.tk-goi-btn.is-wait:hover{background:#e8801f}.tk-goi-note{color:var(--text-secondary,#5b6b70);background:var(--bg-soft,#f6f8f8);border-radius:12px;align-items:flex-start;gap:10px;margin-top:6px;padding:13px 15px;font-size:13px;line-height:1.65;display:flex}.tk-goi-note i{color:var(--primary,#38899e);flex:none;margin-top:3px}.tk-goi-note span{flex:1;min-width:0}.tk-goi-note a{color:var(--primary-dark,#2a6b7d);font-weight:600}.tk-tt-back{cursor:pointer;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);min-height:40px;color:var(--text-secondary,#5b6b70);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.tk-tt-back:hover{border-color:var(--primary,#38899e);color:var(--primary-dark,#2a6b7d)}.tk-tt-head h2{margin:0 0 5px;font-size:22px;font-weight:800}.tk-tt-sp{color:var(--text-secondary,#5b6b70);margin:0;font-size:14px}.tk-tt-sp b{color:var(--seal,#d2662f);font-size:16px}.tk-tt-buoc{flex-wrap:wrap;gap:9px;display:flex}.tk-tt-b{background:var(--bg-soft,#f6f8f8);color:var(--text-muted,#8a9a9f);border:1px solid #0000;border-radius:11px;flex:150px;align-items:center;gap:9px;padding:11px 14px;font-size:12.5px;font-weight:600;display:flex}.tk-tt-b span{background:var(--text-muted,#8a9a9f);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:800;display:flex}.tk-tt-b.dang{background:rgba(var(--primary-rgb), .1);color:var(--primary-dark,#2a6b7d);border-color:rgba(var(--primary-rgb), .3)}.tk-tt-b.dang span{background:var(--primary,#38899e)}.tk-tt-b.xong{color:#17795a;background:#17795a1a;border-color:#17795a40}.tk-tt-b.xong span{background:#17795a}.tk-tt-grid{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:15px;display:grid}.tk-tt-qr{text-align:center;border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);border-radius:15px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.tk-tt-qr img{border-radius:10px;width:100%;max-width:216px;display:block}.tk-tt-qr-loi{display:none}.tk-tt-qr-loi img{border-radius:10px;width:100%;max-width:216px;margin:0 auto;display:block}.tk-tt-qr-loi p{color:var(--text-secondary,#5b6b70);margin:10px 0 0;font-size:12px;line-height:1.6}.tk-tt-qr.loi img{display:none}.tk-tt-qr.loi .tk-tt-qr-loi{display:block}.tk-tt-qr.loi .tk-tt-qr-mo{display:none}.tk-tt-qr-mo{color:var(--text-secondary,#5b6b70);margin:0;font-size:12px;line-height:1.55}.tk-tt-tt{border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);border-radius:15px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.tk-tt-dong{border-bottom:1px solid var(--line-soft,#eef2f2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.tk-tt-dong:last-of-type{border-bottom:none}.tk-tt-nhan{color:var(--text-secondary,#5b6b70);flex:0 0 148px;font-size:12.5px}.tk-tt-gt{min-width:0;color:var(--text-primary);word-break:break-word;flex:1;font-size:14.5px;font-weight:700}.tk-tt-dong.manh .tk-tt-gt{letter-spacing:.02em;color:var(--seal,#d2662f);font-size:14px;font-family:var(--font-num,inherit);word-break:break-all;line-height:1.5}.tk-tt-chep{cursor:pointer;border:1px solid var(--line,#e3e8e8);background:var(--bg-soft,#f6f8f8);width:34px;height:34px;color:var(--primary-dark,#2a6b7d);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.tk-tt-chep:after{content:"";height:max(100%,44px);position:absolute;top:50%;left:-3px;right:-3px;transform:translateY(-50%)}.tk-tt-chep:hover{border-color:var(--primary,#38899e);background:rgba(var(--primary-rgb), .09)}.tk-tt-luuy,.tk-tt-canh{border-radius:11px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:12.5px;line-height:1.6;display:flex}.tk-tt-luuy{background:rgba(var(--accent-rgb), .11);color:#8a4b0d}.tk-tt-luuy i{color:#c2670f;flex:none;margin-top:2px}.tk-tt-luuy span,.tk-tt-canh span{flex:1;min-width:0}.tk-tt-canh{color:#8e2f24;background:#c0392b17;margin:0 0 14px;font-size:13.5px}.tk-tt-canh i{color:#c0392b;flex:none;margin-top:2px;font-size:16px}.tk-tt-canh a{color:#8e2f24;font-weight:700;text-decoration:underline}.tk-tt-bill{max-width:none}.tk-tt-tai{cursor:pointer;border:2px dashed var(--line,#d7dedf);background:var(--bg-soft,#f6f8f8);width:100%;min-height:128px;color:var(--text-secondary,#5b6b70);transition:all var(--dur,.2s) var(--ease,cubic-bezier(.32, .72, 0, 1));border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px;display:flex}.tk-tt-tai:hover{border-color:var(--primary,#38899e);background:rgba(var(--primary-rgb), .06);color:var(--primary-dark,#2a6b7d)}.tk-tt-tai i{color:var(--primary,#38899e);font-size:25px}.tk-tt-tai span{font-size:14px;font-weight:700}.tk-tt-tai small{font-size:11.5px}.tk-tt-xem{flex-direction:column;gap:12px;display:flex}.tk-tt-xem img{object-fit:contain;border:1px solid var(--line,#e3e8e8);background:var(--bg-soft,#f6f8f8);border-radius:12px;width:100%;max-height:380px}.tk-tt-xem-nut{flex-wrap:wrap;gap:10px;display:flex}.tk-tt-daxong{color:#12604a;background:#17795a17;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.tk-tt-daxong i{color:#17795a;flex:none;margin-top:2px;font-size:19px}.tk-tt-daxong div{flex:1;min-width:0}.tk-tt-daxong p{margin:4px 0 0;font-size:12.5px;line-height:1.6}.tk-don-list{flex-direction:column;gap:11px;display:flex}.tk-don{border:1px solid var(--line,#e3e8e8);background:var(--card-bg,#fff);border-radius:14px;flex-direction:column;gap:9px;padding:16px 18px;display:flex}.tk-don.ok{border-left:3px solid #17795a}.tk-don.cho{border-left:3px solid var(--accent,#fd923c)}.tk-don.no{border-left:3px solid #c0392b}.tk-don-dau{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tk-don-dau h4{flex:1;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:1.4}.tk-don-tt{white-space:nowrap;background:var(--bg-soft,#f6f8f8);color:var(--text-secondary,#5b6b70);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.tk-don-tt.ok{color:#17795a;background:#17795a21}.tk-don-tt.cho{background:rgba(var(--accent-rgb), .16);color:#c2670f}.tk-don-tt.no{color:#c0392b;background:#c0392b1f}.tk-don-meta{color:var(--text-secondary,#5b6b70);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.tk-don-meta b{color:var(--text-primary);font-family:var(--font-num,inherit);letter-spacing:.03em}.tk-don-nhac{background:rgba(var(--accent-rgb), .1);color:#8a4b0d;border-radius:10px;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6;display:flex}.tk-don-nhac i{flex:none;margin-top:2px}.tk-don-nhac.ok{background:rgba(var(--primary-rgb), .1);color:var(--primary-dark,#2a6b7d)}.tk-don-nhac.no{color:#8e2f24;background:#c0392b17}.tk-don-nut{flex-wrap:wrap;gap:9px;display:flex}.tk-don-nut .btn{min-height:40px;font-size:13px}@media (width<=900px){.tk-tt-grid{grid-template-columns:minmax(0,1fr)}.tk-tt-qr img{max-width:240px}}@media (width<=640px){.tk-goi-hero{padding:24px 18px}.tk-goi-hero h2{font-size:21px}.tk-tt-nhan{flex:100%}.tk-tt-gt{flex:auto}.tk-tb-item{gap:11px;padding:12px 13px}.account-card{padding:18px 16px}}.lt-lich{margin-top:20px}.lt-lich-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.lt-lich-head>div:nth-child(2){flex:1;min-width:0}.lt-lich-ti{border-radius:999px;flex:none;padding:4px 10px;font-size:15px;font-weight:800}.lt-lich-ti.is-tot{color:#2e9e8b;background:#2e9e8b24}.lt-lich-ti.is-vua{color:#b45309;background:#f0a73c29}.lt-lich-ti.is-kem{color:#e05c4b;background:#e05c4b24}.lt-lich-nhan{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:800}.lt-lich-dong{border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:14px;display:flex}.lt-lich-dong+.lt-lich-dong{margin-top:2px}.lt-lich-dong:nth-child(2n){background:var(--bg)}.lt-lich-dong.is-homnay{background:rgba(var(--primary-rgb), .1);font-weight:600}.lt-lich-ngay{width:88px;color:var(--primary);flex:none;font-size:13px;font-weight:700}.lt-lich-noi{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lt-lich-lop,.lt-lich-phe{color:var(--text-muted);font-size:12px}.lt-lich-phe{font-style:italic}.lt-lich-tt{flex:none;font-size:12px;font-weight:700}.lt-lich-tt.is-co{color:#2e9e8b}.lt-lich-tt.is-vang{color:#e05c4b}.lt-lich-tt.is-chua{color:var(--text-muted);font-weight:500}.lt-lich-trong{color:var(--text-muted);margin:0;font-size:13px}.lt-lich-qua{margin-top:12px}.lt-lich-qua>summary{cursor:pointer;color:var(--primary);padding:6px 0;font-size:13px;font-weight:700;list-style:none}.lt-lich-qua>summary::-webkit-details-marker{display:none}.lt-lich-qua>summary:before{content:"▸ "}.lt-lich-qua[open]>summary:before{content:"▾ "}@media (width<=600px){.lt-lich-dong{flex-wrap:wrap}.lt-lich-ngay{width:auto}.lt-lich-tt{width:100%}}.cc-luoi{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.cc-the{text-align:center;border:1px solid var(--line);cursor:pointer;background:linear-gradient(160deg,#fdf2ea 0%,#f2f8f9 100%);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;font-family:inherit;display:flex}.cc-the:hover{border-color:var(--primary);transform:translateY(-2px)}.cc-dau{background:var(--seal,#d2662f);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.cc-ten{color:var(--text);font-size:14px;font-weight:800;line-height:1.25}.cc-cap{color:var(--text-muted);font-size:12px}.cc-xem{color:var(--primary);margin-top:2px;font-size:12px;font-weight:700}.cc-tien{margin-top:16px}.cc-dong{grid-template-columns:1fr 120px auto;align-items:center;gap:10px;padding:6px 0;display:grid}.cc-dong-ten{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cc-dong-so{color:var(--text-muted);white-space:nowrap;font-size:12px}.cc-khung{background:var(--bg);border-radius:12px;padding:10px}.cc-svg{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 2px 12px #00000014}@media (width<=600px){.cc-dong{grid-template-columns:1fr;gap:4px}.cc-luoi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.hske-gio{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.hske-gio>i{color:var(--primary);flex:none;font-size:16px}.hske-gio-mo{min-width:200px;color:var(--text-secondary);flex:1;font-size:13px}.hske-gio.is-bat{border-color:var(--primary);background:rgba(var(--primary-rgb), .06);z-index:20;position:sticky;top:0}.hske-gio-so{font-variant-numeric:tabular-nums;color:var(--primary);flex:none;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.hske-gio-so .is-gap{color:var(--danger,#e05c4b)}.hske-phantich{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:16px 18px}.hske-phantich h4{margin:0 0 12px;font-size:15px;font-weight:800}.hske-kn-ds{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.hske-kn-dau{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.hske-kn-dau>span{flex:1;min-width:0;font-weight:600}.hske-kn-dau>b{font-size:16px;font-weight:800}.hske-kn-dau>b.is-tot{color:#2e9e8b}.hske-kn-dau>b.is-vua{color:#b45309}.hske-kn-dau>b.is-kem{color:#e05c4b}.hske-kn-chi{color:var(--text-muted);margin-top:5px;font-size:12px}.hske-kn-loi{background:var(--bg);border-radius:10px;gap:8px;margin:14px 0 0;padding:10px 12px;font-size:13px;display:flex}.hske-kn-loi>i{color:var(--accent,#fd923c);flex:none;margin-top:2px}.hske-kn-loi>span{flex:1;min-width:0}.ln-dong{background:var(--surface);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;display:flex}.ln-nghe,.ln-noi{cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-family:inherit;display:flex}.ln-nghe{background:var(--primary);color:#fff;border-radius:50%;width:36px;height:36px}.ln-noi{background:var(--seal,#d2662f);color:#fff;border-radius:999px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:700}.ln-noi:disabled{opacity:.7;cursor:default}.ln-kq{margin-top:8px}.ln-kq-box{background:var(--bg);border-left:3px solid var(--line);border-radius:10px;padding:10px 12px}.ln-kq-box.is-tot{border-left-color:#2e9e8b}.ln-kq-box.is-vua{border-left-color:#f0a73c}.ln-kq-box.is-kem{border-left-color:#e05c4b}.ln-kq-dau{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ln-pt{font-size:20px;font-weight:900}.is-tot .ln-pt{color:#2e9e8b}.is-vua .ln-pt{color:#b45309}.is-kem .ln-pt{color:#e05c4b}.ln-loi-khuyen{color:var(--text-secondary);font-size:13px}.ln-chu{letter-spacing:2px;margin:8px 0 6px;font-size:20px}.ln-chu .is-dung{color:#2e9e8b}.ln-chu .is-sai{color:#e05c4b;text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.ln-nghe-duoc{color:var(--text-secondary);font-size:13px}.ln-note{color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.4}.ln-loi,.ln-khong{background:var(--bg);border-radius:10px;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.ln-loi>i,.ln-khong>i{color:var(--accent,#fd923c);flex:none;margin-top:2px}.ln-loi>span,.ln-khong>span{flex:1;min-width:0}.luy-nguon{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.luy-nguon label{color:var(--text-secondary);flex:none;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.luy-nguon label>i{color:var(--primary)}.luy-nguon select{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex:1;min-width:190px;padding:8px 12px;font-family:inherit;font-size:14px}.luy-dem{color:var(--text-muted);flex:none;font-size:12px;font-weight:600}.fc-loa{border:1px solid var(--line);background:var(--surface);color:var(--primary);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:36px;margin-top:10px;padding:7px 16px;font-family:inherit;font-size:14px;display:inline-flex}.fc-loa:hover{border-color:var(--primary);background:var(--primary-bg,rgba(var(--primary-rgb), .08))}.fc-pos{color:var(--text-muted);margin-top:2px;font-size:12px}.fc-example-py{color:var(--text-muted);margin:2px 0;font-size:13px}@media (width<=600px){.luy-nguon{gap:8px}.luy-nguon label{width:100%}}.ht-player{background:var(--surface);border:1px solid var(--line);z-index:20;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex;position:sticky;top:0}.ht-player audio{flex:1;min-width:240px;height:38px}.ht-goi-y{color:var(--text-muted);gap:7px;font-size:12px;display:flex}.ht-goi-y>i{flex:none;margin-top:2px}.ht-goi-y>span{flex:1;min-width:0}.ht-ten{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.dialogue-row{cursor:pointer}@media (width<=600px){.ht-player{position:static}.ht-goi-y{display:none}}.ht-chua-dich{background:var(--bg);border-radius:10px;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.ht-chua-dich>i{color:var(--accent,#fd923c);flex:none;margin-top:2px}.ht-chua-dich>span{flex:1;min-width:0}.ht-dong-don{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.ht-dong-don:hover{border-color:var(--primary)}.ht-dong-don.karaoke-active{border-color:var(--primary);background:rgba(var(--primary-rgb), .08)}.ht-so{background:var(--bg);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.ht-dong-don.karaoke-active .ht-so{background:var(--primary);color:#fff}.ht-noi{flex:1;min-width:0}.ht-loa{color:var(--text-muted);flex:none;margin-top:4px}.ht-dong-don:hover .ht-loa{color:var(--primary)}.dh-hero{background:linear-gradient(168deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg,18px);margin-bottom:18px;padding:22px 24px}.dh-hero h1{align-items:center;gap:10px;margin:0 0 4px;font-size:22px;font-weight:800;display:flex}.dh-hero p{opacity:.9;margin:0;font-size:14px}.dh-empty{text-align:center;padding:40px 24px}.dh-empty>i{color:var(--text-muted);margin-bottom:14px;font-size:40px;display:block}.dh-empty h3{justify-content:center;margin-bottom:6px}.dh-empty p{color:var(--text-secondary);margin:0;max-width:460px;margin-inline:auto;font-size:14px}.dh-sub{color:var(--text-secondary);font-size:12.5px}.dh-sub.ok,.dh-tien-tom b.ok,b.ok{color:#047857}.dh-tien-tom b.no,b.no{color:var(--danger,#dc2626)}.dh-note{color:var(--text-secondary);align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13px;display:flex}.dh-note>i{flex:none;margin-top:2px}.dh-note>span{flex:1;min-width:0}.dh-note.canh{background:var(--peach-bg,#fdf2ea);border-left:3px solid var(--accent,#fd923c);color:var(--text-primary);border-radius:8px;padding:10px 12px}.dh-chip{background:var(--bg-soft,#f1f5f9);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.dh-chip.ok{background:var(--success-light,#d1fae5);color:#047857}.dh-chip.no{background:var(--danger-light,#fee2e2);color:#b91c1c}.dh-steps{flex-wrap:wrap;gap:6px;display:flex}.dh-step{text-align:center;background:var(--bg-soft,#f1f5f9);border:1px solid #0000;border-radius:10px;flex:96px;min-width:0;padding:10px 6px}.dh-step-ic{background:var(--surface);width:30px;height:30px;color:var(--text-muted);border-radius:50%;margin:0 auto 6px;font-size:13px;line-height:30px;display:block}.dh-step-ten{color:var(--text-secondary);font-size:11.5px;font-weight:600;display:block}.dh-step.xong .dh-step-ic{background:var(--success-light,#d1fae5);color:#047857}.dh-step.dang{background:var(--primary);border-color:var(--primary-dark)}.dh-step.dang .dh-step-ic{color:#fff;background:#ffffff38}.dh-step.dang .dh-step-ten{color:#fff;font-weight:800}.dh-ket-thuc{background:var(--bg-soft,#f1f5f9);border-radius:10px;align-items:center;gap:10px;padding:14px;font-weight:800;display:flex}.dh-moc{flex-direction:column;gap:8px;margin-top:14px;display:flex}.dh-moc-i{border:1px solid var(--line,#e2e8f0);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dh-moc-i>i{text-align:center;width:20px;color:var(--primary);flex:none}.dh-moc-i>div{flex:1;min-width:0}.dh-moc-i b{font-size:14px}.dh-tb-i{cursor:pointer;background:var(--peach-bg,#fdf2ea);border-left:3px solid var(--accent,#fd923c);transition:transform var(--dur-fast,.15s) var(--ease,cubic-bezier(.32,.72,0,1));border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.dh-tb-i:hover{transform:translate(2px)}.dh-tb-i>i{text-align:center;width:20px;color:var(--accent,#fd923c);flex:none}.dh-tb-i>div{flex:1;min-width:0}.dh-yc{border:1px solid var(--line,#e2e8f0);border-radius:10px;margin-bottom:10px;padding:12px}.dh-yc-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.dh-yc-ds{margin:0;padding-left:18px;font-size:13.5px}.dh-yc-ds li{margin-bottom:3px}.dh-yc-ds s{color:var(--text-muted)}.dh-2cot{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px;display:grid}.dh-tien-tom{flex-wrap:wrap;gap:10px;display:flex}.dh-tien-tom>div{background:var(--bg-soft,#f1f5f9);border-radius:10px;flex:120px;min-width:0;padding:12px}.dh-tien-tom b{font-variant-numeric:tabular-nums;margin-top:2px;font-size:17px;font-weight:800;display:block}.dh-bang{border-collapse:collapse;width:100%;margin-top:14px;font-size:13.5px}.dh-bang th,.dh-bang td{border-bottom:1px solid var(--line-soft,#eef2f3);text-align:left;padding:8px 6px}.dh-bang th{text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.dh-bang .pha{text-align:right;font-variant-numeric:tabular-nums}.dh-gt{margin:0;padding:0;list-style:none}.dh-gt li{border-bottom:1px solid var(--line-soft,#eef2f3);align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.dh-gt li:last-child{border-bottom:0}.dh-gt li>i{flex:none;font-size:11px}.dh-gt li>span:first-of-type{flex:1;min-width:0}.dh-gt li.chua>i{color:var(--danger,#dc2626)}.dh-gt li.roi>i{color:#047857}.dh-gt li.roi>span:first-of-type{color:var(--text-secondary)}.dh-tv{margin-top:18px}.dh-tv-i{align-items:center;gap:12px;display:flex}.dh-tv-i>div:first-of-type{flex:none}.dh-tv-i>div:nth-of-type(2){flex:1;min-width:0}.dh-tv-av{background:var(--primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.dh-nhom{margin-top:18px}.dh-nhom h3{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.dh-luoi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dh-o{flex-direction:column;gap:5px;min-width:0;display:flex}.dh-o.rong{grid-column:1/-1}.dh-o label{color:var(--text-secondary);font-size:12.5px;font-weight:700}.dh-sao{color:var(--danger,#dc2626)}.dh-o input,.dh-o select,.dh-o textarea{border:1px solid var(--line,#e2e8f0);background:var(--surface);width:100%;min-height:44px;color:var(--text-primary);transition:border-color var(--dur-fast,.15s);border-radius:8px;padding:11px 12px;font-family:inherit;font-size:14px}.dh-o input:focus,.dh-o select:focus,.dh-o textarea:focus{border-color:var(--primary);outline:none}.dh-o input:disabled,.dh-o textarea:disabled,.dh-o select:disabled{background:var(--bg-soft,#f1f5f9);color:var(--text-secondary)}.dh-goi-y{color:var(--text-muted);font-size:11.5px}.dh-dl{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;margin:0;display:grid}.dh-dl>div{min-width:0}.dh-dl dt{text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.dh-dl dd{word-break:break-word;margin:2px 0 0;font-size:14px}.dh-sua{border-top:2px dashed var(--line,#e2e8f0);margin-top:20px;padding-top:18px}.dh-sua>h3{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;display:flex}.dh-nut{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.dh-nut .btn{min-height:44px}.dh-msg{border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:13.5px;display:flex}.dh-msg>i{flex:none;margin-top:2px}.dh-msg>span{flex:1;min-width:0}.dh-msg.no{background:var(--danger-light,#fee2e2);color:#b91c1c}.dh-msg.ok{background:var(--success-light,#d1fae5);color:#047857}.tk-duhoc h3{justify-content:flex-start}.tk-dh-badge{background:var(--accent,#fd923c);color:#fff;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11.5px;font-weight:800}.tk-dh-tom{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tk-dh-tom>div{background:var(--bg-soft,#f1f5f9);border-radius:10px;flex:100px;min-width:0;padding:10px}.tk-dh-tom span{color:var(--text-muted);font-size:11.5px;display:block}.tk-dh-tom b{font-size:14px;font-weight:800}.tk-dh-viec{background:var(--peach-bg,#fdf2ea);border-radius:8px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;display:flex}.tk-dh-viec>i{color:var(--accent,#fd923c);flex:none;margin-top:2px}.tk-dh-viec>span{flex:1;min-width:0}.notif-ico.is-duhoc{background:var(--peach-bg,#fdf2ea);color:#c2410c}@media (width<=600px){.dh-hero{padding:18px}.dh-hero h1{font-size:19px}.dh-luoi,.dh-dl{grid-template-columns:1fr}.dh-step{flex-basis:74px}.dh-step-ten{font-size:11px}}.kt-dau-trang{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.kt-dau-trang h1{margin:0 0 4px;font-size:24px}.kt-dau-trang h1 i{color:var(--primary);margin-right:8px}.kt-dau-trang p{color:var(--text-secondary);margin:0;font-size:14px}.kt-dem-canlam{background:var(--primary-bg,#eaf5f7);color:var(--primary-dark,#2a6b7d);border-radius:999px;flex:none;align-items:baseline;gap:7px;padding:8px 16px;display:flex}.kt-dem-canlam b{font-size:22px;font-family:var(--font-num,inherit)}.kt-dem-canlam span{font-size:13px}.kt-nhom{margin:22px 0 12px;font-size:16px}.kt-luoi{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.kt-the{background:var(--bg-card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,14px);transition:border-color var(--dur-fast,.15s) var(--ease,ease), box-shadow var(--dur-fast,.15s) var(--ease,ease);flex-direction:column;gap:9px;padding:16px;display:flex}.kt-the:hover{border-color:var(--primary);box-shadow:0 3px 14px #00000012}.kt-the.is-khoa{opacity:.62}.kt-the.is-khoa:hover{border-color:var(--line);box-shadow:none}.kt-the h3{margin:0;font-size:16.5px;line-height:1.35}.kt-the-dau{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kt-mota{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.kt-loai{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.kt-loai--kiem-tra{color:#92400e;background:#fef3c7}.kt-loai--bai-tap{color:#1e40af;background:#dbeafe}.kt-chip{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.kt-chip--cho{color:#3730a3;background:#e0e7ff}.kt-chip--het{color:#991b1b;background:#fee2e2}.kt-chip--xong{color:#166534;background:#dcfce7}.kt-meta{color:var(--text-secondary);flex-wrap:wrap;gap:5px 14px;font-size:12.5px;display:flex}.kt-meta i{opacity:.8;margin-right:4px}.kt-han-gap{color:#b91c1c;font-weight:600}.kt-ghichu{background:var(--peach-bg,#fdf2ea);border-radius:8px;gap:8px;padding:8px 10px;font-size:13px;display:flex}.kt-ghichu i{color:var(--seal,#d2662f);flex:none;margin-top:2px}.kt-ghichu span{flex:1;min-width:0}.kt-diem-cu{color:var(--text-secondary);font-size:13px}.kt-lan{color:var(--text-muted)}.kt-the-nut{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.kt-trong,.kt-loi{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:44px 20px;display:flex}.kt-trong i,.kt-loi i{color:var(--text-muted);font-size:34px}.kt-loi{flex-flow:wrap;justify-content:center}.kt-thanh{z-index:20;background:var(--bg-card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000f}.kt-thanh-trai{min-width:0}.kt-thanh-td{font-size:15px;font-weight:700}.kt-thanh-phu{color:var(--text-secondary);font-size:12.5px}.kt-thanh-phai{align-items:center;gap:12px;display:flex}.kt-dongho{font-family:var(--font-num,monospace);background:var(--bg,#f6f8f8);text-align:center;letter-spacing:.5px;border-radius:12px;min-width:100px;padding:5px 15px;font-size:27px;font-weight:800;line-height:1.1}.kt-dongho.is-an{display:none}.kt-dongho.is-gap{color:#b91c1c;background:#fee2e2;animation:1s ease-in-out infinite kt-nhay}@keyframes kt-nhay{50%{opacity:.45}}.kt-dieuhuong{background:var(--bg-card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,14px);z-index:19;flex-wrap:wrap;gap:6px;max-height:106px;margin-bottom:14px;padding:12px 14px;display:flex;position:sticky;top:76px;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.kt-dieuhuong--kq{top:0}.kt-o-cau{border:1px solid var(--line);background:var(--bg,#f6f8f8);width:38px;height:38px;color:var(--text-secondary);font-family:var(--font-num,inherit);cursor:pointer;transition:all var(--dur-fast,.15s) var(--ease,ease);border-radius:9px;font-size:13.5px;font-weight:700}.kt-o-cau:hover{border-color:var(--primary);color:var(--primary)}.kt-o-cau.is-xong{background:var(--primary);border-color:var(--primary);color:#fff}.kt-o-cau.is-dung{color:#166534;background:#dcfce7;border-color:#16a34a}.kt-o-cau.is-sai{color:#991b1b;background:#fee2e2;border-color:#dc2626}.kt-o-cau.is-cho{color:#475569;background:#e2e8f0;border-color:#94a3b8}.kt-nhac{background:var(--bg,#f6f8f8);border-radius:10px;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.kt-nhac i{color:var(--primary);flex:none;margin-top:2px}.kt-nhac span{flex:1;min-width:0}.kt-quaylai{margin-bottom:14px}.kt-ds-cau{flex-direction:column;gap:12px;display:flex}.kt-cau{background:var(--bg-card,#fff);border:1px solid var(--line);border-radius:var(--r-lg,14px);padding:15px 16px;scroll-margin-top:90px}.kt-cau.is-nhay{animation:.9s kt-sang}@keyframes kt-sang{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--primary)}}.kt-cau.is-dung{border-left:4px solid #16a34a}.kt-cau.is-sai{border-left:4px solid #dc2626}.kt-cau.is-cho{border-left:4px solid #94a3b8}.kt-cau-dau{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.kt-stt{color:var(--primary);font-size:15px;font-weight:800}.kt-diem{color:var(--text-secondary);flex:none;font-size:12.5px}.kt-noidung{white-space:pre-line;margin-bottom:10px;font-size:15.5px;line-height:1.55}.kt-anh{border-radius:10px;max-width:100%;max-height:300px;margin-bottom:10px;display:block}.kt-lc{flex-direction:column;gap:6px;display:flex}.kt-lc-nut{text-align:left;border:1px solid var(--line);background:var(--bg-card,#fff);cursor:pointer;width:100%;color:inherit;transition:all var(--dur-fast,.15s) var(--ease,ease);border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:9px 13px;font-family:inherit;font-size:15px;line-height:1.4;display:flex}.kt-lc-nut:hover{border-color:var(--primary);background:var(--primary-bg,#eaf5f7)}.kt-lc-nut.is-chon{border-color:var(--primary);background:var(--primary-bg,#eaf5f7);box-shadow:inset 0 0 0 1px var(--primary);font-weight:600}.kt-lc-nut.is-dapan{background:#dcfce7;border-color:#16a34a}.kt-lc-nut.is-sai{background:#fee2e2;border-color:#dc2626}.kt-lc-ky{width:20px;color:var(--primary);text-align:center;flex:none;font-weight:800}.kt-lc-nut>span:not(.kt-lc-ky){flex:1;min-width:0}.kt-nhan{white-space:nowrap;flex:none;font-size:11px;font-style:normal}.kt-bandachon{color:var(--text-muted);white-space:nowrap;flex:none;font-size:11px;font-style:normal}.kt-nhan-dung{color:#15803d;font-weight:700}.kt-lc-ky.ky-dung{color:#15803d}.kt-lc-ky.ky-sai{color:#dc2626}.kt-goi-y{color:var(--text-secondary);margin-top:6px;font-size:12.5px}.kt-tl-text,.kt-tl-dien{border:1px solid var(--line);background:var(--bg-card,#fff);width:100%;color:inherit;border-radius:10px;min-height:44px;padding:10px 13px;font-family:inherit;font-size:15px;line-height:1.55}.kt-tl-text:focus,.kt-tl-dien:focus{outline:2px solid var(--primary);border-color:#0000}.kt-kq-traloi,.kt-kq-dapan{background:var(--bg,#f6f8f8);border-radius:8px;margin-bottom:6px;padding:8px 12px;font-size:14px}.kt-kq-dapan{color:#166534;background:#dcfce7}.kt-giaithich{background:var(--peach-bg,#fdf2ea);border-radius:8px;gap:8px;margin-top:9px;padding:9px 12px;font-size:13.5px;display:flex}.kt-giaithich i{color:var(--seal,#d2662f);flex:none;margin-top:2px}.kt-giaithich span{flex:1;min-width:0}.kt-kq{border-radius:var(--r-lg,14px);background:linear-gradient(#f1f5f9,#e2e8f0);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:14px;padding:20px 22px;display:flex}.kt-kq.is-dat{background:linear-gradient(#dcfce7,#bbf7d0)}.kt-kq-vong{background:var(--bg-card,#fff);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:122px;height:122px;display:flex;box-shadow:0 3px 12px #00000017}.kt-kq-diem{font-size:29px;font-weight:800;line-height:1;font-family:var(--font-num,inherit)}.kt-kq-diem span{color:var(--text-secondary);font-size:16px;font-weight:500}.kt-kq-pt{color:var(--text-secondary);margin-top:4px;font-size:14px}.kt-kq-chu{flex:1;min-width:200px}.kt-kq-chu h2{margin:0 0 5px;font-size:19px}.kt-kq-chu p{margin:0 0 9px}.kt-kq-so{color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.kt-kq-so i{margin-right:5px}.kt-nhanxet{background:var(--primary-bg,#eaf5f7);border-radius:12px;margin-bottom:14px;padding:13px 16px}.kt-nhanxet-dau{color:var(--primary-dark,#2a6b7d);margin-bottom:5px;font-weight:700}.kt-nop-cuoi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 40px;display:flex}.kt-tiendo{color:var(--text-secondary);font-size:14px}@media (width<=600px){.kt-luoi{grid-template-columns:1fr}.kt-dau-trang h1{font-size:20px}.kt-kq-vong{width:100px;height:100px}.kt-kq-diem{font-size:24px}.kt-dongho{min-width:86px;padding:4px 11px;font-size:23px}.kt-o-cau{width:34px;height:34px;font-size:12.5px}.kt-nop-cuoi .btn{width:100%}.kt-thanh{padding:10px 13px}.kt-dieuhuong{max-height:92px;top:112px}.kt-dieuhuong--kq{top:0}}@media (width<=1023px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{font-size:16px!important}}@media (width<=768px){.tone-cards,.tone-drills,.sandhi-list,.mark-rules,.pron-pairs{grid-template-columns:minmax(0,1fr)}.sandhi-card,.tone-card{min-width:0}}@media (width<=400px){.sandhi-formula{white-space:normal}}.dd-onllang-audio audio,.dd-onllang-audio--quiz audio,.dd-onllang-passage audio{width:100%;min-width:0;max-width:100%}.dd-onllang-passage figure{max-width:100%;margin-inline:0}@media (width<=768px){.btn-mobile-menu,.btn-notifications,.btn-char-toggle,.btn-user-avatar{width:44px;height:44px}.header-right{gap:6px}}@media (hover:none) and (pointer:coarse){.tr-item-submit{padding:12px 18px;font-size:14px}.btn,.btn-sm,select,.tv-select,.fc-loa{min-height:44px}.tv-pg{min-width:44px;height:44px}.ln-nghe{width:44px;height:44px}.ln-noi{min-height:44px}.dd-btn-speak{width:44px;height:44px}.dd-fc-nav-btn,.dd-fc-ctrl-btn{min-width:44px;min-height:44px}.dd-dlg-cue-speak{width:44px;height:44px;margin-top:0}.tv-note a{margin:-14px -4px;padding:14px 4px}.dd-dlg-btn,.dd-dlg-opt-btn{min-width:44px;min-height:44px}.dd-tab-btn,.lesson-tab,.tone-legend-item,.vh-toc-chip,.vh-nav-btn{min-height:44px}.dd-onllang-back-btn{width:44px;height:44px}.dd-onllang-bank-opt{min-height:44px}.tr-reset-btn{min-width:44px}}.sidebar-chan-doan{width:100%;color:var(--sb-text-dim,#fff9);border:1px dashed var(--sb-line,#ffffff2e);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:12.5px;font-weight:600;display:none}.tw-standalone .sidebar-chan-doan{display:flex}.sidebar-chan-doan:hover{color:var(--sb-text,#fff)}html.tw-standalone,html.tw-standalone body{height:100vh}html.tw-standalone .app-shell{height:100vh;min-height:0}html.tw-standalone,html.tw-standalone body{background:var(--white)}html.tw-standalone{--safe-bottom:min(max(env(safe-area-inset-bottom,0px) - 24px, 0px), 10px)}.ht-page{flex-direction:column;gap:16px;max-width:880px;margin:0 auto;display:flex}.ht-ks{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:22px}.ht-ks-dau{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ht-ks-lui{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--primary-dark);cursor:pointer;border-radius:50%;flex:none;font-size:16px}.ht-ks-cham{flex:1;gap:6px;display:flex}.ht-ks-cham i{background:var(--surface-3);border-radius:4px;flex:1;height:8px}.ht-ks-cham i.is-xong{background:var(--primary)}.ht-ks-cham i.is-dang{background:var(--accent)}.ht-ks-so{font:700 13px var(--font-num);color:var(--text-secondary);text-align:right;min-width:34px}.ht-ks-hoi{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.3}.ht-ks-phu{color:var(--text-secondary);margin:0 0 14px;font-size:14px;line-height:1.5}.ht-ks-luoi{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin-top:14px;display:grid}.ht-ks-luoi.is-nho{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.ht-ks-o{text-align:left;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--white);min-height:58px;box-shadow:0 3px 0 var(--border);cursor:pointer;transition:border-color var(--dur-fast,.15s), background var(--dur-fast,.15s), transform var(--dur-fast,.15s), box-shadow var(--dur-fast,.15s);color:var(--text-primary);align-items:center;gap:12px;padding:12px 14px;display:flex}.ht-ks-o:hover{border-color:var(--primary-light);background:var(--primary-bg);box-shadow:0 3px 0 var(--primary-light)}.ht-ks-o:active{transform:translateY(3px);box-shadow:0 0 #0000}.ht-ks-o.is-chon{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 3px 0 var(--primary)}.ht-ks-ic{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:13px;flex:none;place-items:center;font-size:17px;display:grid}.ht-ks-chu{flex-direction:column;gap:2px;min-width:0;display:flex}.ht-ks-chu b{font-size:15px;font-weight:700}.ht-ks-chu small{color:var(--text-secondary);font-size:13px;line-height:1.4}.ht-ks-luu{justify-content:center;width:100%;min-height:50px;margin-top:18px;font-size:16px}.ht-kq{border-radius:var(--radius-lg);background:var(--peach-bg);border:1px solid var(--peach-line);flex-direction:column;gap:10px;margin-top:10px;padding:16px;display:flex}.ht-kq-dong,.ht-kq-kt{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.ht-kq-dong>i,.ht-kq-kt>i{width:18px;color:var(--seal);flex:none;margin-top:3px}.ht-kq-dong>span,.ht-kq-kt>span{flex:1;min-width:0}.ht-kq-dong.is-canh>i{color:var(--warning)}.ht-ks-o.is-goi-y{border-color:rgba(var(--accent-rgb), .55);position:relative}.ht-ks-o.is-goi-y.is-chon{border-color:var(--primary)}.ht-ks-tag{background:var(--accent);color:#fff;letter-spacing:.01em;box-shadow:0 2px 6px rgba(var(--accent-rgb), .35);pointer-events:none;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;line-height:1.5;position:absolute;top:-10px;right:12px}.ht-ks-luoi:has(.ht-ks-tag){padding-top:6px}.ht-kq-ly{border-radius:var(--radius-lg);background:var(--peach-bg);border:1px solid rgba(var(--accent-rgb), .25);margin:16px 0 4px;padding:14px 16px}.ht-kq-ly>b{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.ht-kq-ly>b>i{color:var(--accent);flex:none}.ht-kq-ly ul{gap:4px;margin:0;padding-left:20px;display:grid}.ht-kq-ly li{color:var(--text-secondary);font-size:14px;line-height:1.55}.ht-kt-thanh{background:var(--surface-3);border-radius:4px;flex:1;height:8px;overflow:hidden}.ht-kt-thanh i{background:var(--primary);height:100%;transition:width .3s;display:block}.ht-kt-chu{font-family:var(--font-chinese-tc,serif);text-align:center;color:var(--text-primary);margin:12px 0 6px;font-size:52px}.ht-kt-o.is-dung{border-color:var(--success);background:var(--success-light)}.ht-kt-o.is-sai{border-color:var(--danger);background:var(--danger-light)}.ht-kt-o.is-bo{color:var(--text-secondary);border-style:dashed}.ht-kt-nap{text-align:center;color:var(--text-secondary);padding:40px}.ht-hero{color:#fff;border-radius:var(--radius-2xl);background:radial-gradient(420px 260px at 104% -14%,#ff8a4c80,#0000 62%),radial-gradient(360px 240px at -8% 115%,#f43f7442,#0000 62%),linear-gradient(135deg,#10a796 0%,#0b7c79 48%,#0d3b55 100%);flex-direction:column;gap:12px;padding:22px;display:flex;box-shadow:0 2px 4px #0b6b602e,0 24px 44px -24px #0b5e55b3}.ht-hero-tren{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ht-hero-nhan{opacity:.9;font-size:13px;font-weight:700}.ht-tt{border-radius:var(--radius-full);color:#fff;background:#ffffff2e;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.ht-tt-cham .ht-tt{background:var(--accent)}.ht-tt-vuot .ht-tt,.ht-tt-xong .ht-tt{background:var(--success)}.ht-hero-ten{margin:0;font-size:21px;font-weight:800;line-height:1.3}.ht-hero-ten em{border-radius:var(--radius-full);vertical-align:middle;background:#fff3;padding:3px 10px;font-size:13px;font-style:normal;font-weight:700;display:inline-block}.ht-thanh{background:#ffffff40;border-radius:6px;height:12px;position:relative;overflow:visible}.ht-thanh>i{min-width:12px;height:100%;transition:width .5s var(--ease,ease);background:linear-gradient(90deg,#ffc24a,#ff8a4c);border-radius:6px;display:block;box-shadow:inset 0 -2px #0000001f,inset 0 2px #ffffff59}.ht-thanh-kv{background:#fff;border-radius:2px;width:3px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 0 1px #10292a33}.ht-thanh.is-nho{background:var(--surface-2);height:8px}.ht-thanh.is-nho .ht-thanh-kv{background:var(--primary-dark)}.ht-thanh-chu{opacity:.92;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;display:flex}.ht-thanh-chu b{font:800 16px var(--font-num)}.ht-tiep{text-align:left;border-radius:var(--radius-lg);width:100%;color:var(--text-primary);cursor:pointer;transition:transform var(--dur-fast,.15s), box-shadow var(--dur-fast,.15s);background:#fff;border:none;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 5px #00000029}.ht-tiep:active{transform:translateY(4px);box-shadow:0 1px #00000029}.ht-tiep-ic{background:linear-gradient(180deg, #ff8a4c, var(--accent-hover));width:46px;height:46px;box-shadow:0 3px 0 var(--accent-edge);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.ht-tiep-chu{flex-direction:column;flex:1;min-width:0;display:flex}.ht-tiep-chu small{color:var(--accent-hover);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.ht-tiep-chu b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.ht-tiep-chu em{color:var(--text-secondary);font-size:13px;font-style:normal}.ht-tiep>.fa-arrow-right{color:var(--primary-dark)}.ht-hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.ht-hero-meta .ht-link{color:#fff}.ht-link{min-height:44px;font:inherit;color:var(--primary-dark);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:10px 4px;font-weight:700;text-decoration:underline}.ht-canh,.ht-goi-y,.ht-chu-thich,.ht-xt,.ht-offline{align-items:center;gap:10px;display:flex}.ht-canh>i,.ht-goi-y>i,.ht-chu-thich>i,.ht-xt>i,.ht-offline>i{flex:none}.ht-canh>span,.ht-goi-y>span,.ht-chu-thich>span,.ht-xt>span,.ht-offline>span{flex:1;min-width:0}.ht-canh{border-radius:var(--radius-lg);background:var(--warning-light);border:1px solid #f0a73c59;flex-wrap:wrap;padding:12px 14px;font-size:14px}.ht-canh>i{color:var(--warning)}.ht-goi-y{border-radius:var(--radius-lg);background:var(--peach-bg);margin:0;padding:12px 14px;font-size:14px}.ht-goi-y>i{color:var(--seal)}.ht-ba{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ht-o{border-radius:var(--radius-xl);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px;display:flex}.ht-o-chu{min-width:0;color:var(--text-secondary);flex-direction:column;gap:3px;font-size:13px;display:flex}.ht-o-chu b{color:var(--text-primary);font-size:15px}.ht-o-so{background:var(--surface-2);width:72px;height:72px;color:var(--text-muted);border-radius:50%;flex:none;align-content:center;place-items:center;font-size:18px;display:grid}.ht-o-so b{font:800 22px var(--font-num);color:var(--text-secondary)}.ht-o-so.is-lua{color:var(--berry);background:linear-gradient(160deg,#ffe4ec,#ffd2c2);box-shadow:inset 0 0 0 2px #f43f742e}.ht-o-so.is-lua b{color:var(--berry-dark)}.ht-hoi{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;position:relative}.ht-hoi:after{content:"";position:absolute;inset:-8px}.ht-vong{flex:none;width:72px;height:72px;position:relative}.ht-vong svg{width:100%;height:100%;transform:rotate(-90deg)}.ht-vong-nen{fill:none;stroke:var(--surface-2);stroke-width:8px}.ht-vong-mau{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease,ease)}.ht-vong-giua{text-align:center;align-content:center;place-items:center;line-height:1.05;display:grid;position:absolute;inset:0}.ht-vong-giua b{font:800 17px var(--font-num);color:var(--text-primary)}.ht-vong-giua small{color:var(--text-secondary);max-width:58px;font-size:11px}.ht-khoi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:18px}.ht-khoi h3{align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:800;display:flex}.ht-khoi h3 i{color:var(--primary)}.ht-chang{scrollbar-width:none;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ht-chang li{border-radius:var(--radius-lg);background:var(--surface);border:2px solid #0000;flex:1 0 128px;align-items:center;gap:10px;padding:10px;display:flex}.ht-chang li.is-dang{border-color:var(--accent);background:var(--peach-bg)}.ht-chang li.is-xong{background:var(--success-light)}.ht-chang-cham{width:32px;height:32px;font:800 14px var(--font-num);background:var(--white);color:var(--text-secondary);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:grid}.ht-chang li.is-dang .ht-chang-cham{background:var(--accent);color:#fff;border-color:var(--accent)}.ht-chang li.is-xong .ht-chang-cham{background:var(--success);color:#fff;border-color:var(--success)}.ht-chang-chu{min-width:0;color:var(--text-secondary);flex-direction:column;font-size:12px;display:flex}.ht-chang-chu b{color:var(--text-primary);font-size:14px}.ht-chang-chu em{font-style:normal;font-weight:700}.ht-ds-bai{flex-direction:column;gap:8px;display:flex}.ht-bai{border-bottom:1px solid var(--line-soft);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;display:grid}.ht-bai-so{font:800 14px var(--font-num);color:var(--text-muted);text-align:center}.ht-bai-ten{font-family:var(--font-chinese-tc,serif);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ht-bai-con{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ht-con{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);min-width:56px;min-height:44px;font:700 13px var(--font-num);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.ht-con.is-da{background:var(--success-light);color:var(--success);border-color:#2e9e8b66}.ht-con.is-day{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-light)}.ht-chu-thich{color:var(--text-secondary);margin:12px 0 0;font-size:13px;line-height:1.5}.ht-chu-thich>i{color:var(--text-muted)}.ht-offline{border-radius:var(--radius-lg);background:var(--primary-bg);flex-wrap:wrap;margin-top:12px;padding:12px;font-size:14px}.ht-offline>i{color:var(--primary)}.ht-offline-thanh{background:var(--surface-3);border-radius:3px;flex:1 0 100%;height:6px;overflow:hidden}.ht-offline-thanh i{background:var(--primary);height:100%;display:block}.ht-moi{background:var(--peach-bg);border-color:var(--peach-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ht-moi h3{margin-bottom:4px}.ht-moi p{color:var(--text-secondary);margin:0;font-size:14px}.ht-cuoi{text-align:center;margin:0}.ht-ul{padding-left:20px;line-height:1.7}.ht-moi-link input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);width:100%;padding:12px;font-size:16px}.ht-moi-so{color:var(--text-secondary);gap:16px;margin-top:12px;font-size:14px;display:flex}.ht-moi-so b{font:800 18px var(--font-num);color:var(--primary-dark);margin-right:4px}.ht-ong{align-items:flex-start;gap:14px;display:flex}.ht-ong-ic{flex:none;font-size:40px;line-height:1}.ht-ong p{flex:1;margin:0;font-size:15px;line-height:1.6}.ht-tuan-dau{justify-content:space-between;align-items:center;gap:8px;display:flex}.ht-tuan-dau h3{margin:0}.ht-tuan-con{color:var(--seal);font-size:13px;font-weight:700}.ht-tuan-tabs{gap:6px;margin:12px 0;display:flex}.ht-tuan-tab{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:700}.ht-tuan-tab.is-chon{background:var(--primary);color:#fff;border-color:var(--primary)}.ht-tuan-ds{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ht-tuan-ds li{border-radius:var(--radius-md);grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ht-tuan-ds li.is-toi{background:var(--peach-bg)}.ht-tuan-hang{font:800 14px var(--font-num);color:var(--text-muted);text-align:center}.ht-tuan-hang.is-top1{color:#d4a017}.ht-tuan-hang.is-top2{color:#8a9aa1}.ht-tuan-hang.is-top3{color:#b8733e}.ht-tuan-av{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.ht-tuan-ten{flex-direction:column;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.ht-tuan-ten em{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:500}.ht-tuan-ds b{font:800 15px var(--font-num);color:var(--primary-dark)}.ht-tuan-toi{margin:10px 0 0;font-size:14px}.ht-tuan-nap{text-align:center;color:var(--text-muted);padding:20px}.ht-the{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:16px;display:flex}.ht-the:not(.ht-the-moi){color:#fff;background:radial-gradient(420px 260px at 104% -14%,#ff8a4c80,#0000 62%),radial-gradient(360px 240px at -8% 115%,#f43f7442,#0000 62%),linear-gradient(135deg,#10a796 0%,#0b7c79 48%,#0d3b55 100%);border:none;padding:18px;box-shadow:0 2px 4px #0b6b602e,0 22px 40px -24px #0b5e55bf}.ht-the:not(.ht-the-moi) .ht-the-ten{color:#fff;font-size:16px}.ht-the:not(.ht-the-moi) .ht-the-ten>i:first-child{color:#ffd36e}.ht-the:not(.ht-the-moi) .ht-the-duoi{color:#ffffffe0;font-weight:600}.ht-the:not(.ht-the-moi) .ht-thanh.is-nho{background:#ffffff38;height:12px}.ht-the:not(.ht-the-moi) .ht-thanh.is-nho .ht-thanh-kv{background:#fff}.ht-the:not(.ht-the-moi) .btn-primary{color:var(--primary-dark);text-shadow:none;background:#fff;box-shadow:0 4px #0000002e}.ht-the:not(.ht-the-moi) .btn-primary i{color:var(--accent)}.ht-the-moi{border:2px solid var(--peach);box-shadow:0 4px 0 var(--peach);background:linear-gradient(135deg,#fff3ec 0%,#fff 70%);flex-flow:wrap;align-items:center;gap:14px}.ht-the-ic{background:linear-gradient(180deg, #ff8a4c, var(--accent-hover));width:50px;height:50px;box-shadow:0 4px 0 var(--accent-edge);color:#fff;border-radius:16px;flex:none;place-items:center;font-size:20px;display:grid}.ht-the-chu{min-width:200px;color:var(--text-secondary);flex-direction:column;flex:1;gap:3px;font-size:14px;display:flex}.ht-the-chu b{color:var(--text-primary);font-size:16px}.ht-the-dau{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ht-the-ten{min-height:44px;font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:15px;font-weight:800;display:inline-flex}.ht-the-ten>i:first-child{color:var(--primary)}.ht-the .ht-tt{color:#fff;background:#ffffff2e;border:1px solid #ffffff42}.ht-the.ht-tt-cham .ht-tt{background:var(--accent);border-color:#0000}.ht-the.ht-tt-vuot .ht-tt,.ht-the.ht-tt-xong .ht-tt{background:#22c55e;border-color:#0000}.ht-the-duoi{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.ht-the-duoi .btn{min-height:44px}.ht-xt{border-radius:var(--radius-lg);background:var(--info-light);flex-wrap:wrap;padding:10px 12px;font-size:13px}.ht-xt>i{color:var(--primary)}.ht-an-mung{left:50%;bottom:calc(16px + var(--safe-bottom,0px));z-index:950;width:min(440px,100vw - 24px);transition:transform .35s var(--ease,ease);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--line);padding:18px;position:fixed;transform:translate(-50%,calc(100% + 40px))}.ht-an-mung.show{transform:translate(-50%)}@media (width<=1023px){.ht-an-mung{bottom:calc(76px + var(--safe-bottom,0px))}}.ht-am-dong{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:8px;right:8px}.ht-am-tren{align-items:center;gap:12px;padding-right:36px;display:flex}.ht-am-ic{background:var(--primary-bg);width:48px;height:48px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.ht-am-ic.is-tot{background:var(--warning-light);color:var(--warning);animation:ht-nay .6s var(--ease,ease)}.ht-am-ic.is-cap{background:var(--accent);color:#fff;animation:ht-nay .6s var(--ease,ease)}@keyframes ht-nay{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}.ht-am-chu{flex-direction:column;gap:2px;min-width:0;display:flex}.ht-am-chu b{font-size:17px;font-weight:800}.ht-am-chu span{color:var(--text-secondary);font-size:14px}.ht-am-so{gap:8px;margin:14px 0;display:flex}.ht-am-so span{text-align:center;border-radius:var(--radius-lg);background:var(--surface);color:var(--text-secondary);flex-direction:column;flex:1;gap:2px;padding:10px 6px;font-size:12px;display:flex}.ht-am-so b{font:800 18px var(--font-num);color:var(--text-primary)}.ht-am-nut{flex-direction:column;gap:8px;display:flex}.ht-am-nut .btn{justify-content:center;width:100%;min-height:46px}.dd-buoc:empty{display:none}.dd-buoc{border-radius:var(--radius-xl);background:var(--primary-bg);border:1px solid var(--primary-lighter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.dd-buoc-so{color:var(--primary-dark);font-size:14px;font-weight:700}.dd-buoc .btn{min-height:46px}.dd-fc-nut{justify-content:center;gap:12px;margin-top:16px;display:flex}.dd-fc-nut .dd-fc-speak{margin-top:0}.dd-fc-noi{background:linear-gradient(180deg, #ff8a4c, var(--accent-hover))!important;box-shadow:0 4px 0 var(--accent-edge)!important}.dd-fc-noi.is-nghe,.dd-dlg-cue-noi.is-nghe{animation:1s infinite ht-mic}@keyframes ht-mic{0%,to{box-shadow:0 0 0 0 var(--accent-light)}50%{box-shadow:0 0 0 10px rgba(var(--accent-rgb), 0)}}.dd-dlg-cue-nut{flex-direction:column;flex:none;align-self:center;gap:6px;display:flex}.dd-dlg-cue-noi{color:var(--accent-hover)!important}.tk-cap{color:var(--text-primary);flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:14px;font-size:14px;font-weight:700;display:flex}.tk-cap>span:first-child i{color:var(--accent)}.tk-cap-thanh{background:var(--surface-2);border-radius:4px;width:100%;max-width:280px;height:8px;overflow:hidden}.tk-cap-thanh i{background:var(--accent);height:100%;display:block}.tk-cap small{color:var(--text-secondary);font-weight:500}#tk-nhac-may:empty{display:none}.lt-cap .tw-bar{height:10px}#ht-nhac:empty{display:none}.ht-ban-mo{opacity:.92;margin:0;font-size:14px;line-height:1.5}.ht-ban-ma{border-radius:var(--radius-lg);background:#ffffff29;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.ht-ban-ma b{font:800 22px var(--font-num);letter-spacing:3px;margin-right:auto}.ht-ban-ma .btn{background:#fff;min-height:40px}.ht-ban-them{gap:8px;display:flex}.ht-ban-them input{border-radius:var(--radius-lg);min-width:0;min-height:48px;font:700 16px var(--font-num);letter-spacing:2px;text-transform:uppercase;border:none;flex:1;padding:0 14px}.ht-ban-them .btn{white-space:nowrap;min-height:48px}.ht-so-tai{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ht-so-tai li{border-radius:var(--radius-md);grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ht-so-tai li.is-toi{background:var(--peach-bg)}.ht-so-tai li>b{font:800 16px var(--font-num);color:var(--primary-dark)}.ht-so-tai-ten{flex-direction:column;gap:5px;min-width:0;font-size:14px;font-weight:700;display:flex}.ht-so-tai-thanh{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.ht-so-tai-thanh i{background:var(--accent);border-radius:3px;height:100%;display:block}.ht-ban-luoi{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;display:grid}.ht-ban{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;gap:10px;padding:14px;display:flex}.ht-ban-dau{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ht-ban-dau.is-lon .ht-tuan-av{width:48px;height:48px;font-size:20px}.ht-ban-ten{flex-direction:column;flex:1;min-width:0;display:flex}.ht-ban-ten b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ht-ban-ten small{color:var(--text-secondary);font-size:12px}.ht-ban-cv{color:var(--seal);background:var(--seal-bg);border-radius:var(--radius-full);padding:4px 8px;font-size:12px;font-weight:700}.ht-ban-so{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.ht-ban-so b{font:800 15px var(--font-num);color:var(--text-primary)}.ht-ban-so .fa-fire{color:var(--seal)}.ht-ban-trang{color:var(--text-secondary);align-items:flex-start;gap:8px;margin:0;font-size:13px;display:flex}.ht-ban-trang>i{color:var(--warning);flex:none;margin-top:2px}.ht-ban-trang>span{flex:1;min-width:0}.ht-ban-trang.is-da>i{color:var(--success)}.ht-ban-nut{gap:8px;display:flex}.ht-ban-nut .btn{flex:1;justify-content:center;min-height:44px}.ht-ban-trong{text-align:center}.ht-ban-trong>i{color:var(--primary-light);font-size:34px}.ht-so-sanh{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}.ht-so-sanh th,.ht-so-sanh td{border-bottom:1px solid var(--line-soft);text-align:center;padding:8px 6px}.ht-so-sanh tbody th{text-align:left;color:var(--text-secondary);font-weight:600}.ht-so-sanh thead th{color:var(--text-muted);font-size:12px}.ht-so-sanh td{font:800 15px var(--font-num)}.ht-so-sanh td.is-hon{color:var(--success)}.ht-ban-h4{margin:14px 0 8px;font-size:14px;font-weight:800}.ht-ban-tt{flex-wrap:wrap;gap:8px;display:flex}.ht-ban-tt span{border-radius:var(--radius-full);background:var(--peach-bg);color:var(--seal);padding:6px 10px;font-size:13px;font-weight:700}.ht-ban-gd{margin:0;padding:0;list-style:none}.ht-ban-gd li{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:7px 0;font-size:13px;display:grid}.ht-ban-gd li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ht-ban-gd li small{color:var(--text-muted)}@media (width<=640px){.ht-ks{padding:16px}.ht-ks-hoi{font-size:19px}.ht-hero{padding:18px}.ht-hero-ten{font-size:18px}.ht-ba{gap:8px}.ht-o{text-align:center;flex-direction:column;gap:8px;padding:12px 6px}.ht-o-chu{align-items:center;font-size:12px}.ht-o-chu b{font-size:13px}.ht-vong,.ht-o-so{width:60px;height:60px}.ht-bai{grid-template-columns:26px minmax(0,1fr)}.ht-bai-con{grid-column:1/-1;justify-content:flex-start;padding-left:36px}.ht-kt-chu{font-size:44px}}:focus-visible{border-radius:6px;outline:3px solid var(--primary-vivid)!important;outline-offset:2px!important}.sidebar :focus-visible,.btn-primary:focus-visible,.btn-accent:focus-visible{box-shadow:0 0 0 5px rgba(var(--primary-rgb), .9);outline-color:#fff!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0!important}html{touch-action:manipulation}.skip-link{z-index:1000;color:#fff;background:var(--brand-navy);box-shadow:var(--shadow-lg);transition:top .2s var(--ease-out);border-radius:12px;padding:12px 18px;font-weight:700;position:fixed;top:-64px;left:12px}.skip-link:focus{top:12px}.mascot-widget{opacity:.62;width:46px;height:46px;transition:transform .2s,opacity .25s;bottom:16px;right:14px}.mascot-widget .mascot-emoji{font-size:23px}.mascot-widget:hover,.mascot-widget:focus-visible{opacity:1}body.tw-cuon .mascot-widget{opacity:0;pointer-events:none;transform:translateY(14px)scale(.9)}.page-content{scroll-padding-bottom:96px}@media (width>=1024px){body:not(.tw-landing) .page-content:after{content:"";height:72px;display:block}}.btn-login-sidebar.is-logout{color:var(--sb-text,#ffffffdb);box-shadow:none;background:0 0;border:1px solid #ffffff38;padding:10px 14px;font-size:13.5px;font-weight:600}.btn-login-sidebar.is-logout:hover{filter:none;background:#ffffff1a;transform:none}.page-title,.dd-ex-title,.dd-exercise-title{text-wrap:balance}.header-left .page-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=640px){.header-left .page-title{font-size:17px}}.lt-lich-ti small{opacity:.85;letter-spacing:.02em;font-size:10.5px;font-weight:700;line-height:1.1;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}body.tw-home .page-content>.th-boot{background:linear-gradient(#e9f7f4 0%,#f4f6fd 48%,#fff5ee 100%);min-height:100%;margin:-24px -26px -48px;padding:28px 26px 72px}.th-boot{grid-template-columns:repeat(12,1fr);align-content:start;gap:16px;display:grid}.th-boot i{background:linear-gradient(90deg,#0f3c460f 25%,#0f3c461f 37%,#0f3c460f 63%) 0 0/400% 100%;border-radius:24px;height:150px;animation:1.4s infinite tw-shimmer;display:block}.th-boot .s8{grid-column:span 8;height:340px}.th-boot .s4{grid-column:span 4}.th-boot .s7{grid-column:span 7;height:300px}.th-boot .s5{grid-column:span 5;height:300px}@media (width<=1023px){body.tw-home .page-content>.th-boot{margin:-20px -16px -40px;padding:20px 16px 40px}.th-boot .s8,.th-boot .s7,.th-boot .s5,.th-boot .s4{grid-column:span 12}.th-boot .s8{height:280px}.th-boot .s4{height:96px}}@media (width<=768px){body.tw-home .page-content>.th-boot{margin:-12px -12px -20px}}@media (width<=480px){body.tw-home .page-content>.th-boot{margin:-8px -8px -16px}}.tw-native{overscroll-behavior-y:none}.tw-native body{overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tw-native input,.tw-native textarea,.tw-native [contenteditable],.tw-native .page-content p,.tw-native .zh,.tw-native .vh-body,.tw-native .dd-dialog-line,.tw-native .tr-answer{-webkit-user-select:text;user-select:text}.tw-native .top-header{background-image:none}.tw-native.tw-ios{--safe-bottom:min(max(env(safe-area-inset-bottom,0px) - 24px, 0px), 10px)}.tw-native.tw-android{--safe-bottom:env(safe-area-inset-bottom,0px)}.tw-native .page-content{padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}@media (width<=1023px){.tw-native .page-content{padding-bottom:24px}#tw-offline-bar{bottom:calc(var(--mobile-nav-height,64px) + var(--safe-bottom,env(safe-area-inset-bottom)));padding-bottom:12px}}.tw-native .sidebar-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.tw-native body.tw-keyboard-open .mobile-nav{display:none}#tw-offline-bar{z-index:9999;padding:12px 16px calc(12px + env(safe-area-inset-bottom));color:#fff;background:#8a5a2b;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;animation:.28s cubic-bezier(.32,.72,0,1) tw-offline-len;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000002e}#tw-offline-bar>i{flex:none;margin-top:2px}#tw-offline-bar>span{flex:1;min-width:0}@keyframes tw-offline-len{0%{transform:translateY(100%)}to{transform:translateY(0)}}