.hero-section{border-radius:var(--radius-2xl);background:linear-gradient(168deg, #2e6b58 0%, #4c8f72 36%, #9cbf9e 70%, var(--peach) 100%);width:100%;box-shadow:var(--shadow-lg);border:none;align-items:stretch;min-height:262px;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.hero-section:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(96deg,#1a3f35f0 0%,#204a3eeb 38%,#2e6b58a8 50%,#7ca38c33 64%,#fff0 76%);position:absolute;inset:0}.hero-section:before{content:"學";font-family:var(--font-chinese-tc);color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:260px;font-weight:600;line-height:1;position:absolute;top:-64px;left:44%}.hero-text-panel{z-index:2;color:#fff;flex-direction:column;flex:0 0 470px;justify-content:center;padding:30px 34px;display:flex;position:relative}.hero-badge{border-radius:var(--radius-full);color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;align-self:flex-start;align-items:center;gap:7px;height:26px;margin-bottom:14px;padding:0 11px;font-size:11.5px;font-weight:600;display:inline-flex}.hero-badge i{font-size:11px}.hero-text-panel h2{letter-spacing:-.035em;color:#fff;margin:0;font-size:34px;font-weight:800;line-height:1.2}.hero-text-panel h2 .hero-sub-name{letter-spacing:-.02em;color:#ffe2c9;margin-top:2px;font-size:22px;font-weight:700;display:block}.hero-slogan{color:#ffffffeb;text-shadow:0 1px 3px #112d2359;margin-top:10px;font-size:15px;font-weight:600}.hero-text-panel p{text-shadow:0 1px 3px #112d2359;color:#ffffffde;opacity:1;max-width:400px;margin-top:10px;font-size:14px;line-height:1.6}.hero-contact{flex-wrap:wrap;gap:8px 10px;margin-top:16px;display:flex}.hero-contact-row{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;transition:background var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#ffffff26;border:1px solid #ffffff47;align-items:center;gap:8px;padding:7px 13px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.hero-contact-row i{color:#ffe2c9;flex:none;font-size:12px}@media (hover:hover){.hero-contact-row:hover{background:#ffffff42;transform:translateY(-1px)}}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-text-panel .hero-cta{background:linear-gradient(180deg, var(--accent), var(--accent-hover));border-radius:var(--radius-md);color:#fff;cursor:pointer;min-height:42px;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff38;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:8px;width:fit-content;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hero-ghost{white-space:nowrap}.hero-text-panel .hero-cta:hover{transform:translateY(-1px);box-shadow:0 2px 4px #e87c2442,0 16px 30px -12px #e87c24cc,inset 0 1px #ffffff38}.hero-ghost{border-radius:var(--radius-md);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:42px;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:#ffffff29;border:1px solid #ffffff57;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.hero-ghost:hover{background:#ffffff42;border-color:#ffffff80;transform:translateY(-1px)}.hero-image-panel{z-index:0;background-image:-webkit-image-set(url(/banner.webp) 1x type("image/webp"),url(/banner.jpg) 1x type("image/jpeg"));background-image:image-set("/banner.webp" 1x type("image/webp"),"/banner.jpg" 1x type("image/jpeg"));background-position:50%;background-size:cover;min-height:244px;position:absolute;inset:0 0 0 46%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16%);mask-image:linear-gradient(90deg,#0000 0%,#000 16%)}@media (width<=900px){.hero-section{flex-direction:column;min-height:auto}.hero-image-panel{width:100%;position:static;inset:auto}.hero-section:after{display:none}.hero-section:before{font-size:190px;top:-50px;left:auto;right:-30px}.hero-text-panel{background:0 0;flex:none;padding:24px 20px}.hero-text-panel h2{font-size:23px}.hero-text-panel p{margin-top:8px;font-size:13.5px}.hero-contact{margin-top:14px}.hero-contact-row{font-size:13px}.hero-text-panel h2 .hero-sub-name{font-size:17px}.hero-slogan{margin-top:8px;font-size:13.5px}.hero-actions{flex-direction:column;align-items:stretch}.hero-text-panel .hero-cta,.hero-ghost{justify-content:center;width:100%}.hero-image-panel{order:-1;min-height:150px}}:root{--brand-navy:#17281f;--brand-navy-light:#263c31;--brand-navy-dark:#0f1d16;--primary:#265648;--primary-dark:#1a3f35;--primary-light:#7fb79f;--primary-lighter:#c8e2d5;--primary-bg:#edf6f1;--accent:#1f7a52;--accent-hover:#17603f;--accent-light:#1f7a5221;--mint:#7ed8ac;--mint-soft:#cfeede;--peach:#f3dcc2;--peach-bg:#fdf7ef;--peach-line:#b85c1a2e;--seal:#c2410c;--seal-bg:#fcefe7;--seal-line:#c2410c38;--success:#1e8e5a;--success-light:#e2f4eb;--warning:#c77700;--warning-light:#fdf2e0;--danger:#b3261e;--danger-light:#fbeae8;--info:#12726b;--info-light:#e3f4f1;--surface:#f1f6f2;--surface-2:#e7f0e9;--surface-3:#d7e6db;--border:#dee9e1;--border-light:#edf3ee;--line:#17281f17;--line-soft:#17281f0e;--text-primary:#17281f;--text-secondary:#4a5b51;--text-muted:#7f8d84;--text-light:#b0bdb4;--white:#fff;--sb-bg:#fff;--sb-bg-mid:#f8fbf9;--sb-bg-2:#f1f7f3;--sb-bg-3:#edf5ef;--sb-glow-top:#7ed8ac29;--sb-glow-bot:#b85c1a12;--sb-line:#17281f17;--sb-text:#4a5b51;--sb-text-dim:#5f7168;--sb-text-strong:#17281f;--sb-hover:#26564814;--sb-active:#265648;--sb-active-ink:#fff;--sb-chip:#2656481a;--sb-accent:#7ed8ac;--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:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #1f2e330d;--shadow-md:0 1px 2px #1f2e330d, 0 8px 20px -12px #1f2e3333;--shadow-lg:0 2px 4px #1f2e330f, 0 18px 36px -18px #1f2e3342;--shadow-xl:0 4px 8px #1f2e330f, 0 28px 56px -24px #1f2e3352;--shadow-primary:0 1px 2px #2656483d, 0 12px 26px -12px #2656489e;--shadow-accent:0 1px 2px #1f7a523d, 0 12px 26px -12px #1f7a5299;--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);background-image:radial-gradient(1100px 620px at 12% -8%, #7ed8ac42, transparent 62%), radial-gradient(880px 540px at 98% 4%, #f3dcc26b, transparent 58%), linear-gradient(180deg, #edf5ef 0%, var(--surface) 46%, #f5f1ea 100%);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background-attachment:fixed;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,.pron-card-py,.pron-pair-py,.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,#1f2e330d 25%,#1f2e3317 37%,#1f2e330d 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);color:var(--primary-dark);border-color:#2656483d}.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:#1f2e3314;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(120% 38% at 2% -6%, var(--sb-glow-top) 0%, transparent 56%), radial-gradient(100% 36% at 104% 106%, var(--sb-glow-bot) 0%, transparent 62%), linear-gradient(176deg, var(--sb-bg) 0%, var(--sb-bg-mid) 34%, var(--sb-bg-2) 72%, var(--sb-bg-3) 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}.sidebar-logo-img{background:var(--white);border-radius:50%;flex:none;width:40px;height:40px;display:block}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-brand{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 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.8px;padding:16px 28px 8px;font-size:10.5px;font-weight:800}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);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{background-color:var(--sb-active);color:var(--sb-active-ink);font-weight:700;box-shadow:0 6px 16px -8px #265648b3}.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-active-ink);background-color:var(--sb-active)}.nav-item.nav-child.active:before{background-color:var(--sb-accent);border-radius:50%;width:8px;height:8px;top:50%;left:12px;transform:translateY(-50%);box-shadow:0 0 0 3px #7ed8ac73}.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-active-ink)}}.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-chip);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:#ffffff2e}@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{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:#f6f8f8db;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);z-index:50;background-repeat:no-repeat;align-items:center;gap:16px;display:flex}.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(--surface-2)}.page-title{color:var(--text-primary);white-space:nowrap;letter-spacing:-.3px;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;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}.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);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.btn-notifications:hover{background:var(--surface-2);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{background:linear-gradient(135deg, var(--primary) 0%, #1d4ed8 100%);color:#fff;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}.dashboard-grid{max-width:var(--content-max-width);grid-template-columns:1fr 320px;gap:24px;margin:0 auto;display:grid}.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}.continue-card{background:linear-gradient(135deg, #fff 0%, var(--primary-bg) 100%);border:1px solid #2656482e}.continue-card .card-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.continue-card .card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-light), var(--primary));width:44px;height:44px;color:var(--white);justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:0 4px 12px #027ab340}.continue-card h3{color:var(--text-primary);font-size:18px;font-weight:800}.continue-card p{color:var(--text-muted);font-size:14px}.srs-banner{background:linear-gradient(168deg, var(--primary-dark) 0%, var(--primary) 46%, #7b9fd4 100%);color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);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-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;display:grid}.roadmap-item{text-align:center;cursor:pointer;transition:transform .3s var(--ease-out)}.roadmap-item:hover{transform:translateY(-4px)}@media (hover:hover){.roadmap-item:hover .roadmap-cover.rm-book{transform:perspective(560px)rotateY(-7deg);box-shadow:0 2px 4px #1f2e332e,0 18px 30px -12px #1f2e3399}}.roadmap-cover{aspect-ratio:3/4;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--surface-2), var(--surface-3));width:100%;font-family:var(--font-chinese-tc);color:var(--primary);border:1px solid var(--border-light);justify-content:center;align-items:center;margin-bottom:8px;font-size:40px;font-weight:700;display:flex;position:relative;overflow:hidden}.roadmap-cover.tocfl{background:linear-gradient(135deg,#f2faf5,#ddf1e6);font-size:28px}.roadmap-label{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.3}.roadmap-cover.rm-book{font-size:inherit;color:#fff;border-radius:3px var(--radius-md) var(--radius-md) 3px;transition:box-shadow var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);background:linear-gradient(150deg,#35806a,#265648 55%,#1a3f35);border:0;flex-direction:column;justify-content:center;gap:2px;padding:10px 9px 10px 16px;box-shadow:0 1px 2px #1f2e3329,0 10px 20px -10px #1f2e338c}.roadmap-cover.rm-book:after{content:"";pointer-events:none;background:linear-gradient(122deg,#ffffff38 0%,#ffffff0d 26%,#fff0 46%,#0000001f 100%),radial-gradient(120% 80% at 82% 6%,#ffffff2e,#fff0 60%);position:absolute;inset:0}.rm-spine{z-index:1;background:linear-gradient(90deg,#00000057 0%,#00000029 34%,#ffffff42 62%,#ffffff1a 74%,#0003 100%);border-right:1px solid #ffffff29;width:13px;position:absolute;top:0;bottom:0;left:0}.rm-mid{z-index:2;border-top:1px solid #ffffff57;border-bottom:1px solid #ffffff57;flex-direction:column;align-items:center;gap:1px;padding:5px 12px 6px;display:flex;position:relative}.rm-tap{letter-spacing:.14em;opacity:.78;font-size:9.5px;font-weight:700;line-height:1}.roadmap-cover.rm-book[data-book="2"]{background:linear-gradient(150deg,#0e7490,#0c607a 55%,#084a5e)}.roadmap-cover.rm-book[data-book="3"]{background:linear-gradient(150deg,#c2410c,#9c330a 55%,#6e2407)}.roadmap-cover.rm-book[data-book="4"]{background:linear-gradient(150deg,#8a6a12,#6e540e 55%,#46350a)}.roadmap-cover.rm-book[data-book="5"]{background:linear-gradient(150deg,#4f7a3d,#3e6130 55%,#27401f)}.roadmap-cover.rm-book[data-book="6"]{background:linear-gradient(150deg,#2f5d6b,#254a55 55%,#16323a)}.roadmap-cover.rm-book[data-tb=thoidai]{background:linear-gradient(150deg,#b45309,#8a4513 55%,#451a03)}.roadmap-cover.rm-book[data-tb=thoidai][data-book="2"]{background:linear-gradient(150deg,#be123c,#9f1239 55%,#4c0519)}.roadmap-cover.rm-book[data-tb=thoidai][data-book="3"]{background:linear-gradient(150deg,#c2410c,#9a3412 55%,#431407)}.roadmap-cover.rm-book[data-tb=thoidai][data-book="4"]{background:linear-gradient(150deg,#a16207,#854d0e 55%,#422006)}.roadmap-cover.rm-book[data-tb=thoidai][data-book="5"]{background:linear-gradient(150deg,#86198f,#701a75 55%,#4a044e)}.roadmap-group{margin-bottom:18px}.roadmap-group:last-child{margin-bottom:0}.roadmap-group-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.roadmap-group-name{color:var(--text-secondary,#475569);font-size:13px;font-weight:700}.roadmap-group-hanzi{color:var(--text-muted,#94a3b8);font-size:12px}.rm-series{z-index:2;writing-mode:vertical-rl;letter-spacing:.16em;opacity:.72;text-shadow:0 1px 2px #00000040;font-size:9.5px;font-weight:600;line-height:1;position:absolute;top:9px;right:6px}.rm-num{font-family:var(--font-num);letter-spacing:-.02em;text-shadow:0 2px 10px #00000047;font-size:34px;font-weight:800;line-height:1.05}.rm-lv{z-index:2;white-space:normal;text-align:center;background:#ffffff2e;border-radius:999px;max-width:calc(100% - 12px);margin-top:7px;padding:2px 9px;font-size:10px;font-weight:700;line-height:1.3;position:relative}.rm-soon{letter-spacing:.04em;background:#0f172a8c;padding:2px 24px;font-size:9px;font-weight:700;position:absolute;top:8px;right:-22px;transform:rotate(35deg)}.roadmap-cover.rm-book.is-soon{filter:saturate(.55)brightness(.82)}.roadmap-item:hover .roadmap-cover.rm-book.is-soon{filter:none}.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}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.hub-card{border-radius:var(--radius-xl);background:var(--white);border:1px solid var(--border-light);cursor:pointer;transition:all .3s var(--ease-out);padding:22px;position:relative;overflow:hidden}.hub-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.hub-card:after{content:"";opacity:.06;width:60px;height:60px;font-size:50px;position:absolute;bottom:0;right:0}.hub-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:18px;display:flex}.hub-card h4{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:800}.hub-card p{color:var(--text-muted);font-size:13px;font-weight:500}.hub-card.blue{border-bottom:3px solid var(--primary)}.hub-card.blue .hub-card-icon{color:var(--primary);background:#027ab31a}.hub-card.purple{border-bottom:3px solid var(--primary)}.hub-card.purple .hub-card-icon{background:var(--primary-bg);color:var(--primary)}.hub-card.green{border-bottom:3px solid var(--success)}.hub-card.green .hub-card-icon{color:var(--success);background:#10b9811a}.hub-card.cyan{border-bottom:3px solid #06b6d4}.hub-card.cyan .hub-card-icon{color:#06b6d4;background:#06b6d41a}.hub-card.amber{background:linear-gradient(135deg, #fffbeb, var(--white));border-bottom:3px solid #f59e0b}.hub-card.amber .hub-card-icon{color:#f59e0b;background:#f59e0b1a}.hub-card.rose{background:linear-gradient(135deg, #fff1f2, var(--white));border-bottom:3px solid #f43f5e}.hub-card.rose .hub-card-icon{color:#f43f5e;background:#f43f5e1a}.hub-card.orange{border-bottom:3px solid #f97316}.hub-card.orange .hub-card-icon{color:#f97316;background:#f973161a}.hub-card.teal{border-bottom:3px solid #14b8a6}.hub-card.teal .hub-card-icon{color:#14b8a6;background:#14b8a61a}.hub-card.sky{border-bottom:3px solid #0ea5e9}.hub-card.sky .hub-card-icon{color:#0ea5e9;background:#0ea5e91a}.hub-card.indigo{border-bottom:3px solid var(--accent)}.hub-card.indigo .hub-card-icon{background:var(--peach-bg);color:var(--accent-hover)}.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-avatar-wrap .level-badge{background:var(--primary);border:2px solid var(--white);border-radius:var(--radius-full);width:22px;height:22px;color:var(--white);justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.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}.streak-display{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.streak-number{color:var(--text-primary);font-size:40px;font-weight:900;line-height:1}.streak-label{color:var(--text-secondary);font-size:14px;font-weight:700}.streak-sublabel{color:var(--text-muted);margin-bottom:16px;font-size:12px}.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}.leaderboard-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.leaderboard-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:18px 20px;display:flex}.leaderboard-header .lb-emoji{font-size:20px}.leaderboard-header h3{color:var(--text-primary);font-size:15px;font-weight:800}.lb-list{max-height:400px;overflow-y:auto}.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)}.lb-rank{width:28px;color:var(--text-muted);text-align:center;font-size:14px;font-weight:800}.lb-rank.gold{color:#d97706}.lb-rank.silver{color:#6b7280}.lb-rank.bronze{color:#b45309}.lb-avatar{border-radius:var(--radius-full);width:36px;height:36px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.lb-info{flex:1;min-width:0}.lb-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.lb-level{color:var(--text-muted);font-size:11px;font-weight:500}.lb-score{color:var(--text-primary);font-size:14px;font-weight:800}.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)}.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:40px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);cursor:pointer;white-space:nowrap;background:var(--white);border:1.5px solid var(--line,#dce3e4);color:var(--primary-dark);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1f2e330d}.btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn:active{transform:scale(.97)}.btn-sm{border-radius:var(--radius-sm);min-height:33px;padding:0 14px;font-size:13px}.btn-primary{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:linear-gradient(180deg, var(--primary), var(--primary-dark));min-height:40px;color:var(--white);box-shadow:var(--shadow-primary), inset 0 1px 0 #ffffff2e;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 4px #26564842,0 16px 30px -12px #265648cc,inset 0 1px #ffffff2e}.btn-secondary{background:var(--white);border:1px solid var(--line);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{color:var(--primary-dark);border-color:#26564866;transform:translateY(-1px)}.btn-accent{background:linear-gradient(180deg, var(--accent), var(--accent-hover));color:#fff;box-shadow:var(--shadow-accent), inset 0 1px 0 #fff3;border:none}.btn-accent:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-outline{background:var(--white);border:2px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);border:none}.btn-white:hover{box-shadow:var(--shadow-md)}.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-img{border-radius:14px;width:56px;height:56px;margin:0 auto 12px;display:block}.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}.auth-image-overlay{background:linear-gradient(#0000,#013c5ad9);position:absolute;inset:0}.auth-image-content{z-index:1;padding:32px;position:relative}.auth-image-dots{gap:6px;margin-bottom:16px;display:flex}.dot{border-radius:var(--radius-full);width:8px;height:8px}.dot-gold{background:var(--accent)}.dot-white-60{background:#fff9}.dot-white-30{background:#ffffff4d}.auth-image-logo{background:var(--white);border-radius:50%;width:56px;height:56px;margin-bottom:12px;display:block}.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(--border-light);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}.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;font-size:11px;font-weight:600;transition:color .2s;display:flex}.mnav-item i{font-size:18px;transition:transform .2s}.mnav-item.active{color:var(--primary)}.mnav-item.active i{transform:translateY(-1px)scale(1.1)}.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-next{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--primary-bg), var(--white));border:1px solid var(--primary-lighter);cursor:pointer;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);align-items:center;gap:16px;padding:18px 20px;display:flex}@media (hover:hover){.tc-next:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tc-next:hover .tc-next-arrow{transform:translate(4px)}}.tc-next.is-moi{background:linear-gradient(180deg, var(--peach-bg), var(--white));border-color:var(--peach-line)}.tc-next-ic{border-radius:var(--radius-md);color:#fff;background:linear-gradient(180deg, var(--primary-light), var(--primary));flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;display:flex;box-shadow:0 6px 14px -6px #265648cc}.tc-next.is-moi .tc-next-ic{background:linear-gradient(180deg, var(--accent), var(--accent-hover));box-shadow:0 6px 14px -6px #1f7a52cc}.tc-next-body{flex:1;min-width:0}.tc-next-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);font-size:11px;font-weight:800;display:inline-block}.tc-next.is-moi .tc-next-tag{color:var(--seal)}.tc-next-body h3{color:var(--text-primary);margin:2px 0 3px;font-size:16px;font-weight:800;line-height:1.35}.tc-next-body p{color:var(--text-secondary);font-size:12.5px;line-height:1.5}.tc-next-arrow{color:var(--primary);transition:transform var(--dur) var(--ease-out);flex:none;font-size:15px}.tc-viec{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.tc-viec-o{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);cursor:pointer;min-height:96px;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{color:var(--text-muted);margin-bottom:4px;font-size:14px}.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,.tc-viec-o.is-cam b{color:var(--accent-hover)}.tc-viec-o.is-tim>i,.tc-viec-o.is-tim b{color:var(--primary)}.tc-viec-o.is-do>i,.tc-viec-o.is-do b{color:var(--danger)}.tc-viec-o.is-xanh>i,.tc-viec-o.is-xanh b{color:var(--success)}.tc-viec-o.is-rong{background:var(--surface)}.tc-viec-o.is-rong .tc-viec-ok{color:var(--success);font-size:17px}.tc-progress{grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px;display:grid}.tc-prog-bo,.tc-prog-lich{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px}.tc-prog-bo h4,.tc-prog-lich h4{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.tc-prog-bo h4 i,.tc-prog-lich h4 i{color:var(--primary);font-size:12px}.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-prog-row:hover .tc-prog-ten{color:var(--primary-dark)}.tc-prog-ten{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.tc-prog-so{font-family:var(--font-num);color:var(--text-primary);text-align:right;min-width:52px;font-size:12.5px;font-weight:800}.tc-prog-so em{color:var(--text-muted);font-style:normal;font-weight:600}.tc-prog-note{color:var(--text-muted);margin-top:10px;font-size:11.5px;line-height:1.5}.tc-prog-note b{color:var(--text-secondary);font-weight:700}.tc-lich{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.tc-lich-o{aspect-ratio:1;background:var(--surface-2);border-radius:7px;justify-content:center;align-items:center;display:flex}.tc-lich-o em{color:var(--text-light);font-size:11px;font-style:normal;font-weight:700}.tc-lich-o.m1{background:#2656483d}.tc-lich-o.m2{background:#2656488c}.tc-lich-o.m3{background:var(--primary)}.tc-lich-o.m1 em{color:var(--primary-dark)}.tc-lich-o.m2 em,.tc-lich-o.m3 em{color:#fff}.tc-sk-wrap{flex-direction:column;gap:16px;display:flex}.tc-sk-row{grid-template-columns:repeat(4,1fr);gap:12px;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-pf-link{border-radius:var(--radius-md);border:1px solid var(--primary-lighter);background:var(--primary-bg);width:100%;min-height:44px;color:var(--primary-dark);cursor:pointer;transition:background var(--dur) var(--ease-out);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:700;display:flex}.tc-pf-link:hover{background:var(--primary-lighter)}.rm-pt{z-index:2;border-radius:var(--radius-full);background:#ffffff52;height:4px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.rm-pt>i{border-radius:inherit;background:#fff;height:100%;display:block}.rm-done{color:var(--primary-dark);margin-top:2px;font-size:11px;font-weight:700;display:block}.tc-free{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--peach-bg), var(--white) 70%);border:1px solid var(--peach-line);padding:20px}.tc-free-tag{border-radius:var(--radius-full);background:var(--seal-bg);border:1px solid var(--seal-line);height:24px;color:var(--seal);letter-spacing:.02em;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.tc-free-head h3{color:var(--text-primary);letter-spacing:-.02em;margin-top:10px;font-size:19px;font-weight:800}.tc-free-head h3 b{color:var(--seal);font-weight:800}.tc-free-head p{color:var(--text-secondary);max-width:620px;margin-top:6px;font-size:13px;line-height:1.55}.tc-free-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.tc-free-card{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);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}@media (hover:hover){.tc-free-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.tc-free-han{color:#26564817;pointer-events:none;font-size:58px;font-weight:700;line-height:1;position:absolute;top:-14px;right:-6px}.tc-free-card h4{color:var(--text-primary);font-size:14.5px;font-weight:800;position:relative}.tc-free-card p{color:var(--text-secondary);min-height:38px;margin-top:5px;font-size:12.5px;line-height:1.5;position:relative}.tc-free-go{color:var(--primary-dark);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:700;display:inline-flex}.tc-kho-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tc-kho{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);cursor:pointer;transition:transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;gap:3px;padding:16px;display:flex}@media (hover:hover){.tc-kho:hover{border-color:var(--primary-lighter);transform:translateY(-2px)}}.tc-kho>i{color:var(--primary);margin-bottom:4px;font-size:15px}.tc-kho b{font-family:var(--font-num);letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.1}.tc-kho span{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.4}.tc-exam-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tc-exam{border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:linear-gradient(160deg,#3e8f6b,#1a3f35 70%,#24564a);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:hover .tc-exam-go i{transform:translate(4px)}}.tc-exam-head{color:#ffffffb8;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.tc-exam-tag{border-radius:var(--radius-full);color:#fff;letter-spacing:.04em;background:#fff3;border:1px solid #ffffff4d;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.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-exam-go{color:#fff;align-items:center;gap:7px;margin-top:12px;font-size:13px;font-weight:700;display:inline-flex}.tc-exam-go i{transition:transform var(--dur) var(--ease-out)}.tc-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.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-emoji{font-size:22px}.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}.tc-blog-meta{color:var(--text-muted);margin-top:10px;font-size:11.5px;font-weight:600;display:block}.tc-join{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(#2e6b58,#24564a 60%,#1a3f35);padding:22px 20px;position:relative;overflow:hidden}.tc-join-han{color:#ffffff1a;pointer-events:none;font-size:130px;font-weight:700;line-height:1;position:absolute;top:-30px;right:-14px}.tc-join h3{letter-spacing:-.02em;font-size:18px;font-weight:800;position:relative}.tc-join p{color:#ffffffdb;margin:8px 0 16px;font-size:13px;line-height:1.6;position:relative}.tc-join .btn-white{justify-content:center;width:100%;position:relative}.tc-join-alt{color:#ffffffdb;cursor:pointer;background:0 0;border:none;width:100%;margin-top:6px;padding:14px 6px;font-size:12.5px;font-weight:600;text-decoration:underline;display:block;position:relative}.dash-wide{max-width:var(--content-max-width);flex-direction:column;gap:24px;margin:24px auto 0;display:flex}@media (width>=1101px){.dash-wide .roadmap-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.dash-wide .rm-num{font-size:46px}.dash-wide .rm-tap{font-size:10.5px}.dash-wide .rm-series{font-size:11px;top:12px;right:9px}.dash-wide .rm-lv{padding:3px 11px;font-size:11px}.dash-wide .rm-spine{width:16px}.dash-wide .roadmap-cover.rm-book{padding:12px 11px 12px 20px}.dash-wide .roadmap-label{font-size:13px}}.dash-right-col{align-self:start}.tc-gv{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(150deg,#3e8f6b 0%,#1a3f35 42%,#265648 74%,#1f4a3c 100%);grid-template-columns:272px 1fr;gap:30px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 6px #1f2e3324,0 24px 44px -24px #1b4553e6}.tc-gv:before{content:"師";font-family:var(--font-chinese-tc);color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:240px;font-weight:600;line-height:1;position:absolute;top:-68px;right:-26px}.tc-gv-anh{z-index:1;align-self:start;position:relative}.tc-gv-anh>img:not(.tc-gv-anh2){aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;border-radius:var(--radius-lg);border:1px solid #ffffff47;width:100%;display:block;box-shadow:0 18px 34px -18px #000000bf}.tc-gv-anh>img.tc-gv-anh2{aspect-ratio:4/3;object-fit:cover;object-position:50% 62%;border-radius:var(--radius-md);border:3px solid #fff;width:56%;display:block;position:absolute;bottom:-18px;right:-16px;transform:rotate(-3deg);box-shadow:0 12px 24px -10px #000000b3}.tc-gv-body{z-index:1;align-self:center;min-width:0;position:relative}.tc-gv-tag{border-radius:var(--radius-full);color:#ffd3ac;letter-spacing:.04em;background:#1f7a5233;border:1px solid #1f7a528c;align-items:center;gap:7px;height:26px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.tc-gv-body h3{letter-spacing:-.03em;color:#fff;margin-top:12px;font-size:30px;font-weight:800;line-height:1.15}.tc-gv-vai{color:#ffe2c9;margin-top:5px;font-size:14px;font-weight:600}.tc-gv-dan{color:#ffffffe6;border-left:3px solid #1f7a52bf;gap:11px;margin-top:16px;padding:0 0 0 15px;font-size:14px;line-height:1.65;display:flex}.tc-gv-dan>i{color:#1f7a52d9;flex:none;margin-top:4px;font-size:14px}.tc-gv-dan>span{flex:1;min-width:0}.tc-gv-moc{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.tc-gv-o{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff17;border:1px solid #ffffff29;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.tc-gv-o>i{color:#ffd3ac;background:#1f7a523d;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.tc-gv-o>div{min-width:0}.tc-gv-o b{color:#fff;font-size:13px;font-weight:800;line-height:1.35;display:block}.tc-gv-o span{color:#ffffffb8;margin-top:2px;font-size:12px;line-height:1.45;display:block}.tc-gv-now{color:#ffffffd1;border-top:1px solid #ffffff29;gap:9px;margin-top:18px;padding-top:15px;font-size:13px;line-height:1.55;display:flex}.tc-gv-now>i{color:#fdb474;flex:none;margin-top:3px}.tc-gv-now>span{flex:1;min-width:0}@media (width<=1100px){.tc-progress{grid-template-columns:1fr}}@media (width<=768px){.tc-next{gap:12px;padding:14px}.tc-next-ic{width:40px;height:40px;font-size:15px}.tc-next-body h3{font-size:15px}.tc-viec{grid-template-columns:1fr 1fr;gap:10px}.tc-viec-o{min-height:88px;padding:12px}.tc-viec-o b{font-size:22px}.tc-sk-row{grid-template-columns:1fr 1fr}.tc-free{padding:16px}.tc-free-head h3{font-size:17px}.tc-free-grid{grid-template-columns:1fr;gap:10px}.tc-free-card p{min-height:0}.tc-kho-grid{grid-template-columns:1fr 1fr;gap:10px}.tc-kho{padding:13px}.tc-kho b{font-size:20px}.tc-kho span{font-size:11.5px}.tc-exam-row{grid-template-columns:1fr;gap:12px}.tc-blog-grid{grid-template-columns:1fr;gap:10px}.tc-prog-row{grid-template-columns:68px 1fr auto}.tc-lich{gap:5px}.tc-gv{grid-template-columns:1fr;gap:18px;padding:18px}.tc-gv:before{font-size:170px;top:-46px;right:-20px}.tc-gv-anh>img:not(.tc-gv-anh2){aspect-ratio:16/10;object-position:50% 16%}.tc-gv-anh>img.tc-gv-anh2{display:none}.tc-gv-body h3{font-size:23px}.tc-gv-vai,.tc-gv-dan{font-size:13px}.tc-gv-moc{grid-template-columns:1fr 1fr;gap:8px}.tc-gv-o{gap:9px;padding:11px}.tc-gv-o>i{width:26px;height:26px;font-size:11.5px}.tc-gv-o b{font-size:12px}.tc-gv-o span{font-size:11px}}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.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}}.dash-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@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{grid-template-columns:1fr}.dash-two-col{grid-template-columns:1fr;gap:14px}.hub-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-card{padding:14px}.hub-card h4{font-size:13px}.hub-card p{font-size:11px}.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}.roadmap-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.rm-lv{white-space:normal;max-width:100%}.roadmap-cover.tocfl{height:70px}.roadmap-cover.tocfl span{font-size:32px!important}.roadmap-label{font-size:11px}.card-padded{padding:16px}.srs-banner{padding:24px 20px}.srs-banner h2{font-size:20px}.srs-banner p{font-size:13px}.continue-card .card-header{gap:10px}.continue-card .card-icon{width:36px;height:36px}.continue-card h3{font-size:15px}.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}.hub-grid{grid-template-columns:1fr 1fr;gap:8px}.hub-card{padding:12px}.hub-card-icon{width:32px;height:32px;font-size:14px}.hub-card h4{font-size:12px}.hub-card p{font-size:10px;display:none}.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}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rm-lv{white-space:normal;max-width:100%;padding:2px 7px}.rm-num{font-size:30px}.rm-series{font-size:11px}.rm-lv{padding:2px 8px;font-size:11px}.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}.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:#6c5ce7;--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:linear-gradient(#35806a 0%,#265648 55%,#1a3f35 100%);justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #26564847}.pron-hero--initials{background:linear-gradient(#57a9be 0%,#3e93a8 55%,#2f7488 100%);box-shadow:0 8px 28px #2f748847}.pron-hero--tones{background:linear-gradient(#d9743a 0%,#c2410c 58%,#9a3608 100%);box-shadow:0 8px 28px #9a360847}.pron-hero--chart{background:linear-gradient(#4e93b8 0%,#3a7a9e 55%,#2c5f7e 100%);box-shadow:0 8px 28px #2c5f7e47}.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:#6c5ce7}.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,#265648), var(--primary-dark,#1a3f35));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,#265648);font-weight:800}.dd-lesson-group.has-active>.dd-lesson-header .dd-lesson-hanzi{color:var(--primary-dark,#1a3f35);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,#265648);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,#265648);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,#64748b);-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,#265648);transform:translate(2px)}.dd-sub-item.active{background:var(--primary,#265648);color:#fff;font-weight:600;transform:translate(2px);box-shadow:0 2px 8px #0891b259}.dd-sub-item.active:hover{background:var(--primary-dark,#1a3f35);color:#fff}.dd-sub-item.active i{color:#fff}.dd-sub-item.active .dd-sub-count{color:#ffffffe6;opacity:1}.dd-sub-item i{flex-shrink:0;font-size:12px}.dd-sub-count{opacity:.7;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), background-color .16s var(--ease-out), color .16s var(--ease-out)}.btn-primary:active,.btn-secondary:active,.btn-accent:active,.btn-outline:active,.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,.hub-card,.continue-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,.hub-card:active,.continue-card:active,.srs-banner:active,.dd-game-card:active,.dd-vocab-item:active,.quiz-option:active:not(.disabled),.dd-ex-opt:active,.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}.hero-section{margin-bottom:16px}.hero-text-panel{padding:20px 18px}.hero-image-panel,.hero-desc{display:none}.hero-title{font-size:24px;line-height:1.25}.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 #1f2e3357}.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), 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:600;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,#265648);background:var(--card-bg,#fff);color:var(--primary,#265648);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,#1f7a52);border-color:var(--accent,#1f7a52);color:#fff}.dd-vocab-card.dang-doc{border-color:var(--primary,#265648);box-shadow:0 0 0 3px var(--primary-bg,#ecfeff), 0 6px 20px -6px #26564859}.dd-vocab-card.dang-doc .dd-vocab-hanzi{color:var(--primary-dark,#1a3f35)}@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(--border-light,#e2e8f0);border-radius:14px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.dd-vocab-card:hover{border-color:var(--primary,#265648);box-shadow:0 4px 16px -4px #0891b21f}.dd-vocab-main{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.dd-vocab-main:hover{background:#fafbfc}.dd-vocab-num{background:var(--primary-bg,#ecfeff);width:32px;height:32px;color:var(--primary,#265648);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;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,#1e293b);font-size:20px;font-weight:600}.dd-vocab-pinyin{color:var(--primary,#265648);font-size:14px;font-weight:500}.dd-vocab-pos{color:#64748b;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,#265648);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,#265648);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,#265648);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,#265648);font-size:13px}.dd-ex-trans{color:var(--text-secondary,#64748b);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:1px solid var(--border-light,#e2e8f0);background:var(--card-bg,#fff);width:40px;height:40px;color:var(--text-secondary,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.dd-fc-ctrl-btn:hover{border-color:var(--primary,#265648);color:var(--primary,#265648);background:var(--primary-bg,#ecfeff)}.dd-fc-counter{color:var(--text-secondary,#64748b);font-size:14px;font-weight:700}.dd-fc-container{justify-content:center;align-items:center;gap:16px;display:flex}.dd-fc-nav-btn{border:1px solid var(--border-light,#e2e8f0);background:var(--card-bg,#fff);width:48px;height:48px;color:var(--text-secondary,#64748b);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,#265648);color:#fff;border-color:var(--primary,#265648);transform:scale(1.1)}.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:1px solid var(--border-light,#e2e8f0);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;box-shadow:0 8px 32px -8px #00000014}.dd-fc-front{background:linear-gradient(145deg,#fff,#f8fafc)}.dd-fc-back{background:linear-gradient(145deg, var(--primary-bg,#ecfeff), #fff);transform:rotateY(180deg)}.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,#265648);margin-top:8px;font-size:18px;font-weight:500}.dd-fc-speak{background:var(--primary,#265648);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:16px;font-size:18px;transition:all .15s;display:flex}.dd-fc-speak:hover{transform:scale(1.15);box-shadow:0 4px 16px -2px #0891b280}.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,#265648);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:240px}.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,#265648);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,#265648);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,#265648);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,#265648);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,#64748b)}@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,#64748b);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,#265648);transform:translateY(-1px)}.dd-book-tab.active{background:linear-gradient(135deg, var(--primary,#265648), var(--primary-dark,#1a3f35));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,#64748b);border-style:dashed}.dd-book-badge{letter-spacing:.02em;color:var(--primary,#265648);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,#64748b)!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,#265648);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,#64748b);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}@media (hover:none) and (pointer:coarse){.fc-hint-kb{display:none!important}}.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{background:linear-gradient(135deg,#f2faf5,#ddf1e6);border-color:#0284c7;box-shadow:0 2px 8px #0284c726}.dd-dlg-cue-num{color:#64748b;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{color:#fff;background:#0284c7}.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:#0284c7;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:#64748b;margin-top:6px;font-size:13px;font-style:italic;line-height:1.4}.dd-dlg-cue-speak{color:#0284c7;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;font-size:13px;transition:all .2s;display:flex}.dd-dlg-cue-speak:hover{color:#fff;background:#0284c7}@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);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.dd-ex-intro-icon{color:var(--primary);opacity:.8;font-size:48px}.dd-ex-intro h3{margin:0;font-size:20px;font-weight:700}.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{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.dd-ex-start-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.dd-ex-toolbar{background:var(--white);z-index:10;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.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(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.dd-ex-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.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{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.dd-ex-submit-btn:hover{background:#00b395}.dd-ex-submit-btn.partial{background:var(--warning)}.dd-ex-submit-btn.partial:hover{background:#e6b64e}.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);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px}.dd-ex-questions{flex-direction:column;gap:20px;display:flex}.dd-ex-question{background:color-mix(in srgb, var(--primary) 3%, var(--surface));border:1px solid var(--border);border-radius:12px;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);font-size:13px;font-weight:700}.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);font-size:28px;font-weight:700;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:8px;display:grid}.dd-ex-opt{border:2px solid var(--border);background:var(--white);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.dd-ex-opt:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--white))}.dd-ex-opt.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--white))}.dd-ex-opt-letter{background:var(--border);width:24px;height:24px;color:var(--text-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;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);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);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:#8a4513;background:#fbeedf;border:1px solid #f2d9b8;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;background:linear-gradient(135deg, var(--info) 0%, #1d4ed8 100%);color:#fff;border-radius:16px;margin-bottom:20px;padding:32px 16px}.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:2px solid var(--border);background:var(--white);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.dd-ex-retry-btn:hover,.dd-ex-vocab-btn:hover{border-color:var(--primary);color:var(--primary)}@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-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)}}.assign-card{border-left:4px solid var(--primary);margin-bottom:20px}.assign-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.assign-head-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #0369a1);border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.assign-head h3{color:var(--text-primary);font-size:15px;font-weight:800}.assign-head p{color:var(--text-muted);font-size:12px}.assign-list{flex-direction:column;gap:8px;display:flex}.assign-item{border:1.5px solid var(--border-light);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,transform .15s;display:flex}.assign-item:hover{border-color:var(--primary);transform:translate(2px)}.assign-item.is-done{opacity:.62}.assign-item-icon{width:32px;height:32px;color:var(--primary);background:#027ab31a;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.assign-item.is-done .assign-item-icon{color:#047857;background:#ddf1e6}.assign-item-info{flex:1;min-width:0}.assign-item-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.assign-item-info p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.assign-item-meta{flex:none}.assign-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}@media (width<=600px){.assign-item{flex-wrap:wrap}.assign-item-meta{width:100%;padding-left:44px}}.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:#8a4513;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:#2f6b58}.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,#2f6b58,#1f4a3c);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,#2f6b58,#1f4a3c);border-color:#2f6b58;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:#2f6b58}.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:#2f6b58;background:linear-gradient(135deg,#2f6b5822,#2f6b5811);border:1.5px solid #2f6b5844;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:#2f6b58;cursor:pointer;background:0 0;border:1.5px solid #2f6b5866;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:#2f6b58;border-color:#2f6b58;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:#2f6b58;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,#fdf7ef,#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,#f2faf5,#ddf1e6);border:1px solid #a8cdb6;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:#8a4513;background:linear-gradient(135deg,#fbeedf,#f2d9b8);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:#8a4513;background:#fdf7ef;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,#f2faf5,#ddf1e6);border-color:#a8cdb6}.tr-ketqua--warn .tr-ketqua-head i{color:#265648}.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,#fdf7ef 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,#fdf7ef 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,#fdf7ef,#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,#fdf7ef,#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,#f2d9b8);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,#fdf7ef,#fbeedf);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,#f2d9b8,#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:#fdf7ef;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:#fbeedf;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:#f2faf5;border:1px solid #a8cdb6}.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:#b45309;background:#fbeedf;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,#64748b);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,#64748b);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,#64748b);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,#64748b);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);background:linear-gradient(168deg, var(--primary) 0%, var(--primary-dark) 46%, #7c837a 100%);color:#fff;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-src,.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-src>i,.tv-warn>i{color:var(--primary);flex:none;margin-top:2px}.tv-note>span,.tv-src>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{background:var(--peach-bg);border-color:var(--peach-line);margin:10px 0 0}.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);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;box-shadow:0 2px 10px -4px #2656482e}.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-real{color:var(--success);font-size:10px}.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,#f3dcc2);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;font-size:16px;box-shadow:0 2px 10px -4px #2656482e}.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-viet-row{flex-wrap:wrap;gap:14px;display:flex}.tdx-viet{text-align:center}.tdx-viet-canvas{border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--card);justify-content:center;align-items:center;width:108px;height:108px;margin-bottom:6px;display:flex}.tdx-viet-fallback{color:var(--text);font-size:56px}.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 #1f2e3359}.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 #1f2e338c}.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}.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}.tdx-may-note{color:var(--text-muted);align-items:flex-start;gap:8px;margin:0 0 12px;font-size:12.5px;line-height:1.6;display:flex}.tdx-may-note i{flex:none;margin-top:3px}.tdx-may-note span{flex:1;min-width:0}.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(--mint) 55%, transparent);stroke:none}.lt-duong{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.lt-cham{fill:var(--white);stroke:var(--accent);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 #1f2e3366}.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:#1f2e33b8;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 #1f2e330f}.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,#fdf7ef) 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,#265648);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:23px;display:flex;box-shadow:0 6px 18px #26564847}.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,#265648);box-shadow:0 0 0 2px #2656481f}.gia-ten{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.gia-chip{background:var(--primary,#265648);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,#c2410c);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,#265648);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;color:var(--primary-dark,#1a3f35);background:#2656481f;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,#265648)}.tk-doi-btn.active{border-color:var(--primary,#265648);color:var(--primary-dark,#1a3f35);background:#26564817}.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-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,#265648);color:var(--primary-dark,#1a3f35)}.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,#fdf7ef);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.tk-lop-item i{color:var(--primary,#265648);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,#265648);font-size:17px}.tk-lk:hover{border-color:var(--primary,#265648);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,#265648);color:var(--primary-dark,#1a3f35)}.tk-tb-tab.active{background:var(--primary,#265648);border-color:var(--primary,#265648);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,#265648);color:var(--primary-dark,#1a3f35)}.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,#265648);transform:translate(2px)}.tk-tb-item.unread{box-shadow:inset 3px 0 0 var(--primary,#265648);background:#2656480e;border-color:#2656484d}.tk-tb-ic{width:38px;height:38px;color:var(--primary-dark,#1a3f35);background:#26564821;border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.tk-tb-ic.is-assign{color:#c2670f;background:#1f7a5229}.tk-tb-ic.is-exam{color:var(--seal,#c2410c);background:#c2410c24}.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{color:var(--primary-dark,#1a3f35);background:#2656481f;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,#265648) 0%, #5f8b8a 55%, var(--peach,#f3dcc2) 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,#265648);color:var(--primary-dark,#1a3f35)}.tk-goi-tab.active{background:var(--primary,#265648);border-color:var(--primary,#265648);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,#265648)}.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,#265648);transform:translateY(-3px);box-shadow:0 10px 26px #26564821}.tk-goi-the.is-owned{background:linear-gradient(180deg, #17795a0f, var(--card-bg,#fff) 60%)}.tk-goi-sale{background:var(--accent,#1f7a52);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,#c2410c);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,#265648)}.tk-goi-btn{cursor:pointer;background:var(--primary,#265648);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,#1a3f35)}.tk-goi-btn.is-owned{color:#17795a;cursor:default;background:#17795a1f}.tk-goi-btn.is-wait{background:var(--accent,#1f7a52)}.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,#265648);flex:none;margin-top:3px}.tk-goi-note span{flex:1;min-width:0}.tk-goi-note a{color:var(--primary-dark,#1a3f35);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,#265648);color:var(--primary-dark,#1a3f35)}.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,#c2410c);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{color:var(--primary-dark,#1a3f35);background:#2656481a;border-color:#2656484d}.tk-tt-b.dang span{background:var(--primary,#265648)}.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,#c2410c);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,#1a3f35);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,#265648);background:#26564817}.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{color:#8a4b0d;background:#1f7a521c}.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,#265648);color:var(--primary-dark,#1a3f35);background:#2656480f}.tk-tt-tai i{color:var(--primary,#265648);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,#1f7a52)}.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{color:#c2670f;background:#1f7a5229}.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{color:#8a4b0d;background:#1f7a521a;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{color:var(--primary-dark,#1a3f35);background:#2656481a}.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}}.tc-hb-grid,.tc-tl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tc-hb{cursor:pointer;text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);width:100%;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.tc-hb:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 22px #26564821}.tc-hb-ic{width:36px;height:36px;color:var(--seal,#c2410c);background:#c2410c1f;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.tc-hb-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tc-hb-ten{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tc-hb-dv{color:var(--text-secondary);font-size:12px}.tc-hb-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.tc-hb-chip{color:var(--primary-dark);text-overflow:ellipsis;white-space:nowrap;background:#2656481f;border-radius:999px;max-width:100%;padding:2px 8px;font-size:11px;font-weight:700;overflow:hidden}.tc-hb-han{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.tc-tl{cursor:pointer;text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);width:100%;min-height:108px;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;justify-content:space-between;gap:10px;padding:15px 16px;display:flex}.tc-tl:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 22px #26564821}.tc-tl-top{flex-direction:column;gap:5px;min-width:0;display:flex}.tc-tl-ten{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.tc-tl-mo{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.tc-tl-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11.5px;display:flex}.tc-tl-meta i{margin-right:4px}.tc-tl-ng{text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;overflow:hidden}@media (width<=900px){.tc-hb-grid,.tc-tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tc-hb-grid,.tc-tl-grid{grid-template-columns:minmax(0,1fr)}}.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:#2656481a;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,#fdf4f2 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,#c2410c);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);z-index:20;background:#2656480f;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,#1f7a52);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,#c2410c);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,#1f7a52);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,#26564814)}.fc-that{letter-spacing:.3px;text-transform:uppercase;color:#2e9e8b;background:#2e9e8b1f;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.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,#1f7a52);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:#26564814}.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,#fdf7ef);border-left:3px solid var(--accent,#1f7a52);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,#ddf1e6);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,#ddf1e6);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-step-phu{color:var(--text-secondary);margin-top:3px;font-size:10.5px;font-weight:700;display:block}.dh-step.dang .dh-step-phu{color:#fff}.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,#fdf7ef);border-left:3px solid var(--accent,#1f7a52);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,#1f7a52);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,#ddf1e6);color:#047857}.tk-duhoc h3{justify-content:flex-start}.tk-dh-badge{background:var(--accent,#1f7a52);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,#fdf7ef);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,#1f7a52);flex:none;margin-top:2px}.tk-dh-viec>span{flex:1;min-width:0}.notif-ico.is-duhoc{background:var(--peach-bg,#fdf7ef);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,#1a3f35);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,#fdf7ef);border-radius:8px;gap:8px;padding:8px 10px;font-size:13px;display:flex}.kt-ghichu i{color:var(--seal,#c2410c);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,#fdf7ef);border-radius:8px;gap:8px;margin-top:9px;padding:9px 12px;font-size:13.5px;display:flex}.kt-giaithich i{color:var(--seal,#c2410c);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,#1a3f35);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}}.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)}.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 .sidebar{padding-top:env(safe-area-inset-top)}.tw-native .main-area>header,.tw-native .app-header,.tw-native .topbar{padding-top:calc(env(safe-area-inset-top) + 4px)}.tw-native .page-content{padding-bottom:calc(env(safe-area-inset-bottom) + var(--tw-keyboard,0px) + 24px)}@media (width<=1023px){.tw-native .page-content{padding-bottom:calc(var(--tw-keyboard,0px) + 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.tw-ios .tw-keyboard-open .page-content{scroll-padding-bottom:var(--tw-keyboard,0px)}#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)}}