@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700;900&family=Inter:wght@300;400;500;600;700;800&family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap";html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}.app-header[data-v-c3132da2]{z-index:1000;background:#fff;border-bottom:2px solid #c8102e;height:60px;position:fixed;top:0;left:0;right:0}.header-inner[data-v-c3132da2]{align-items:center;gap:16px;height:100%;display:flex}.header-logo[data-v-c3132da2]{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;transition:opacity .15s;display:flex}.header-logo[data-v-c3132da2]:hover{opacity:.88}.header-logo .header-logo-img[data-v-c3132da2]{object-fit:contain;width:auto;height:44px}.header-logo .logo-wrapper[data-v-c3132da2]{flex-direction:column;justify-content:center;display:flex}.header-logo .logo-icon[data-v-c3132da2]{letter-spacing:-.5px;align-items:baseline;font-family:Noto Serif SC,serif;font-size:18px;font-weight:900;line-height:1;display:flex}.header-logo .logo-icon .logo-hi[data-v-c3132da2]{color:#c8102e}.header-logo .logo-icon .logo-hsk[data-v-c3132da2]{color:#111;font-weight:700}.header-logo .logo-tagline[data-v-c3132da2]{color:#8c8580;letter-spacing:1.5px;margin-top:4px;font-size:13px;font-weight:500;line-height:1.2;display:block}.header-search[data-v-c3132da2]{flex:1;max-width:360px}.header-search .search-input[data-v-c3132da2]{background:#faf9f8;border:1.5px solid #f2f0ee;padding:6px 16px;font-size:13px;transition:all .15s;border-radius:9999px!important}.header-search .search-input[data-v-c3132da2]:hover,.header-search .search-input[data-v-c3132da2]:focus-within{background:#fff;border-color:#c8102e}.header-search .search-icon[data-v-c3132da2]{color:#c4bfba;font-size:14px}.header-actions[data-v-c3132da2]{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.app-badges[data-v-c3132da2]{align-items:center;gap:8px;display:flex}.app-badges .app-badge[data-v-c3132da2]{opacity:.85;height:28px;transition:opacity .15s;display:block}.app-badges .app-badge[data-v-c3132da2]:hover{opacity:1}.app-badges .app-badge img[data-v-c3132da2]{width:auto;height:28px}.header-divider[data-v-c3132da2]{background:#e0ddd9;height:20px}.header-link[data-v-c3132da2]{color:#5c5752;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:13px;transition:all .15s;display:flex}.header-link[data-v-c3132da2]:hover{color:#c8102e;background:#c8102e0f}.btn-login[data-v-c3132da2]{color:#fff;background:#c8102e;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-login[data-v-c3132da2]:hover{background:#9b0c23;transform:translateY(-1px)}.btn-register[data-v-c3132da2]{color:#fff;background:linear-gradient(135deg,#c8102e 0%,#9b0c23 100%);border-radius:8px;align-items:center;gap:5px;padding:7px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 2px 8px #c8102e59}.btn-register[data-v-c3132da2]:hover{background:#c8102e14}.user-header-profile[data-v-c3132da2]{cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:4px 10px;transition:all .15s;display:flex}.user-header-profile[data-v-c3132da2]:hover{background:#c8102e0d;border-color:#c8102e33}.user-header-profile .user-avatar[data-v-c3132da2]{background:linear-gradient(135deg,#c8102e,#9b0c23);font-weight:700}.user-header-profile .user-info-text[data-v-c3132da2]{line-height:1.2}.user-header-profile .user-info-text .user-welcome[data-v-c3132da2]{color:#8c8580;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.user-header-profile .user-info-text .user-name[data-v-c3132da2]{color:#1f1d1a;font-size:14px;font-weight:700}.user-header-profile .drop-icon[data-v-c3132da2]{color:#c4bfba;font-size:10px}.user-dropdown-menu[data-v-c3132da2]{min-width:180px;box-shadow:none;border-radius:12px;padding:8px}@media (width<=1024px){.app-badges[data-v-c3132da2],.header-divider[data-v-c3132da2],.header-link[data-v-c3132da2]{display:none}.header-search[data-v-c3132da2]{max-width:240px}}@media (width<=768px){.header-inner[data-v-c3132da2]{gap:8px;padding:0 12px}.header-search[data-v-c3132da2],.logo-tagline[data-v-c3132da2]{display:none}.header-actions[data-v-c3132da2]{gap:6px}.btn-login span[data-v-c3132da2]{display:none}.btn-login[data-v-c3132da2]{padding:6px 10px}.btn-register[data-v-c3132da2]{padding:7px 12px;font-size:12px}}@media (width<=480px){.btn-login[data-v-c3132da2]{display:none}.btn-register[data-v-c3132da2]{padding:6px 10px;font-size:11px}}.mobile-hamburger[data-v-c3132da2]{color:#111;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;transition:all .15s;display:none}.mobile-hamburger[data-v-c3132da2]:hover{color:#c8102e;background:#c8102e14}.mobile-drawer-overlay[data-v-c3132da2]{z-index:2000;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-drawer-header-white[data-v-c3132da2]{background:#fff;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-logo-mobile[data-v-c3132da2]{align-items:center;gap:12px;display:flex}.header-logo-mobile .mobile-logo-img[data-v-c3132da2]{object-fit:contain;width:auto;height:40px}.header-logo-mobile .logo-wrapper-mobile[data-v-c3132da2]{flex-direction:column;justify-content:center;display:flex}.header-logo-mobile .logo-icon-mobile[data-v-c3132da2]{letter-spacing:-.5px;align-items:baseline;font-family:Noto Serif SC,serif;line-height:1;display:flex}.header-logo-mobile .logo-icon-mobile .logo-hi-mobile[data-v-c3132da2]{color:#e11d48;font-size:20px;font-weight:800}.header-logo-mobile .logo-icon-mobile .logo-hsk-mobile[data-v-c3132da2]{color:#1e293b;margin-left:2px;font-size:20px;font-weight:700}.header-logo-mobile .logo-tagline-mobile[data-v-c3132da2]{color:#64748b;letter-spacing:1.5px;margin-top:3px;font-size:9px;font-weight:500;line-height:1;display:block}.mobile-drawer-close[data-v-c3132da2]{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.mobile-drawer-close[data-v-c3132da2]:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.mobile-drawer-user-gradient[data-v-c3132da2]{background:linear-gradient(135deg,#e11d48 0%,#f97316 100%);padding:20px;box-shadow:0 4px 12px #e11d481a}.mobile-auth-block[data-v-c3132da2]{border-top:none;margin-top:0;padding-top:0}.mobile-auth-buttons[data-v-c3132da2]{gap:12px;width:100%;display:flex}.mobile-auth-buttons .mobile-btn[data-v-c3132da2]{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.mobile-auth-buttons .mobile-btn-login[data-v-c3132da2]{color:#e11d48;background:#fff;border:none}.mobile-auth-buttons .mobile-btn-login[data-v-c3132da2]:active{background:#ffffffe6}.mobile-auth-buttons .mobile-btn-register[data-v-c3132da2]{color:#fff;background:0 0;border:1.5px solid #fff9}.mobile-auth-buttons .mobile-btn-register[data-v-c3132da2]:active{background:#ffffff1a}.mobile-user-profile[data-v-c3132da2]{color:#fff;align-items:center;gap:14px;display:flex}.mobile-user-profile .mobile-avatar[data-v-c3132da2]{color:#fff;background:#fff3;border:2px solid #ffffffe6;font-weight:700;box-shadow:0 4px 12px #0000001f}.mobile-user-profile .mobile-user-meta[data-v-c3132da2]{flex-direction:column;line-height:1.25;display:flex}.mobile-user-profile .mobile-user-meta .mobile-user-welcome[data-v-c3132da2]{opacity:.8;letter-spacing:1.2px;color:#ffffffe6;font-size:11px;font-weight:600}.mobile-user-profile .mobile-user-meta .mobile-user-name[data-v-c3132da2]{color:#fff;text-shadow:0 1px 2px #0000001a;margin-top:2px;font-size:18px;font-weight:800}.mobile-drawer-body[data-v-c3132da2]{flex-direction:column;flex:1;gap:24px;padding:20px 24px;display:flex;overflow-y:auto}.mobile-logged-in-actions[data-v-c3132da2]{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.mobile-logged-in-actions .mobile-action-row[data-v-c3132da2]{cursor:pointer;color:#3d3a36;border-radius:12px;align-items:center;gap:14px;padding:10px 8px;font-weight:600;transition:all .15s;display:flex}.mobile-logged-in-actions .mobile-action-row .icon-circle[data-v-c3132da2]{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.mobile-logged-in-actions .mobile-action-row .icon-circle.blue[data-v-c3132da2]{color:#3b82f6;background:#eff6ff}.mobile-logged-in-actions .mobile-action-row .icon-circle.orange[data-v-c3132da2]{color:#f59e0b;background:#fffbeb}.mobile-logged-in-actions .mobile-action-row .icon-circle.red[data-v-c3132da2]{color:#ef4444;background:#fef2f2}.mobile-logged-in-actions .mobile-action-row[data-v-c3132da2]:active{background:#00000008}.mobile-logged-in-actions .mobile-action-row.danger[data-v-c3132da2]{color:#c8102e}.mobile-search-block .mobile-search-input[data-v-c3132da2]{background:#f1f5f9;border:1px solid #e2e8f0;width:100%;padding:10px 16px;font-size:14px;transition:all .15s;border-radius:12px!important}.mobile-search-block .mobile-search-input[data-v-c3132da2]:hover,.mobile-search-block .mobile-search-input[data-v-c3132da2]:focus-within{background:#fff;border-color:#f97316}.mobile-search-block .mobile-search-icon[data-v-c3132da2]{color:#94a3b8;margin-right:4px;font-size:16px}.mobile-menu-section .section-title[data-v-c3132da2]{color:#94a3b8;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.mobile-menu-grid[data-v-c3132da2]{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-item[data-v-c3132da2]{border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;transition:all .15s;display:flex;position:relative}.grid-item .grid-icon-box[data-v-c3132da2]{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .15s;display:flex}.grid-item .grid-label[data-v-c3132da2]{color:#3d3a36;text-align:center;font-size:12px;font-weight:600;line-height:1.2}.grid-item[data-v-c3132da2]:active{background:#00000005}.grid-item:active .grid-icon-box[data-v-c3132da2]{transform:scale(.92)}.grid-item--active[data-v-c3132da2]{background:#f8fafc;border-color:#edf2f7}.grid-item-button[data-v-c3132da2]{cursor:pointer;background:0 0;width:100%;font-family:inherit}.grid-arrow[data-v-c3132da2]{color:#94a3b8;font-size:10px;transition:transform .15s;position:absolute;top:8px;right:8px}.grid-item--open .grid-arrow[data-v-c3132da2]{transform:rotate(180deg)}.mobile-course-submenu[data-v-c3132da2]{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;grid-column:1/-1;gap:8px;margin-top:-2px;padding:10px;display:grid}.mobile-course-sub-item[data-v-c3132da2]{color:#7c2d12;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:9px 10px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.mobile-course-sub-item[data-v-c3132da2]:active{background:#f973161f}.mobile-course-icon[data-v-c3132da2]{color:#e11d48;background:#ffedd5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.mobile-submenu-enter-active[data-v-c3132da2],.mobile-submenu-leave-active[data-v-c3132da2]{transition:all .18s}.mobile-submenu-enter-from[data-v-c3132da2],.mobile-submenu-leave-to[data-v-c3132da2]{opacity:0;transform:translateY(-6px)}.mobile-drawer-footer[data-v-c3132da2]{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-top:auto;padding:16px 24px;display:flex}.btn-premium-upgrade[data-v-c3132da2]{color:#fff;background:linear-gradient(135deg,#e11d48 0%,#f97316 100%);border-radius:14px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:15px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #e11d4840}.btn-premium-upgrade[data-v-c3132da2]:active{transform:translateY(1px);box-shadow:0 2px 6px #e11d4840}.mobile-contact-link[data-v-c3132da2]{color:#64748b;justify-content:center;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:600;display:flex}.mobile-contact-link[data-v-c3132da2]:active{color:#e11d48}.slide-up-enter-active[data-v-c3132da2],.slide-up-leave-active[data-v-c3132da2]{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from[data-v-c3132da2],.slide-up-leave-to[data-v-c3132da2]{opacity:0;transform:translateY(100%)}@media (width<=768px){.mobile-hamburger[data-v-c3132da2]{display:flex}.btn-login[data-v-c3132da2],.btn-register[data-v-c3132da2],.user-header-profile[data-v-c3132da2]{display:none!important}}.app-nav[data-v-1c931539]{z-index:999;background:#111;border-bottom:1px solid #c8102e40;height:48px;position:fixed;top:60px;left:0;right:0}.nav-inner[data-v-1c931539]{align-items:center;height:100%;display:flex}.nav-menu[data-v-1c931539]{align-items:center;gap:2px;height:100%;list-style:none;display:flex}.nav-item[data-v-1c931539]{align-items:center;height:100%;display:flex;position:relative}.nav-link[data-v-1c931539]{color:#fff;white-space:nowrap;letter-spacing:.02em;border-radius:0;align-items:center;gap:5px;height:48px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-link .nav-icon[data-v-1c931539]{font-size:13px}.nav-link .nav-arrow[data-v-1c931539]{opacity:.7;font-size:10px;transition:transform .15s}.nav-link[data-v-1c931539]:after{content:"";background:#c8102e;border-radius:9999px 9999px 0 0;height:2px;transition:transform .25s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.nav-link[data-v-1c931539]:hover{color:#fff;background:#ffffff0f}.nav-link[data-v-1c931539]:hover:after{transform:scaleX(1)}.nav-link:hover .nav-arrow[data-v-1c931539]{transform:rotate(-180deg)}.nav-item--active .nav-link[data-v-1c931539]{color:#fff;background:#c8102e38}.nav-item--active .nav-link[data-v-1c931539]:after{background:#c8102e;height:3px;transform:scaleX(1)}.nav-item--special .nav-link[data-v-1c931539]{color:#d4a017;font-weight:600}.nav-item--special .nav-link[data-v-1c931539]:after{background:#d4a017}.nav-item--special .nav-link[data-v-1c931539]:hover{color:#d4a017;background:#d4a0171f}.nav-dropdown[data-v-1c931539]{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#1a1a1a;border:1px solid #c8102e33;border-top:2px solid #c8102e;border-radius:0 0 12px 12px;min-width:225px;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(8px)}.nav-item:hover .nav-dropdown[data-v-1c931539]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-item-wrapper[data-v-1c931539]{position:relative}.dropdown-item-wrapper:last-child .dropdown-item[data-v-1c931539]{border-radius:0 0 12px 12px}.dropdown-item[data-v-1c931539]{color:#fff;border-left:3px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.dropdown-item[data-v-1c931539]:hover{color:#fff;background:#c8102e40;border-left-color:#c8102e;padding-left:20px}.sub-arrow[data-v-1c931539]{opacity:.6;margin-left:auto;font-size:10px}.nav-sub-dropdown[data-v-1c931539]{z-index:101;opacity:0;visibility:hidden;pointer-events:none;background:#1a1a1a;border:1px solid #c8102e33;border-left:2px solid #c8102e;border-radius:0 12px 12px;min-width:190px;transition:all .2s;position:absolute;top:0;left:100%;overflow:hidden;transform:translate(-8px)}.dropdown-item-wrapper:hover .nav-sub-dropdown[data-v-1c931539]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sub-item[data-v-1c931539]{border-radius:0!important}.sub-item[data-v-1c931539]:hover{background:#c8102e4d}@media (width<=768px){.app-nav[data-v-1c931539]{display:none!important}}.app-footer[data-v-a422510b]{color:#ffffffbf;background:#0d0d0d;border-top:2px solid #c8102e4d}.footer-main[data-v-a422510b]{padding:52px 0 40px}.footer-grid[data-v-a422510b]{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px;display:grid}.footer-logo[data-v-a422510b]{letter-spacing:-.5px;align-items:baseline;margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:22px;font-weight:900;text-decoration:none;display:inline-flex}.footer-logo .logo-hi[data-v-a422510b]{color:#c8102e}.footer-logo .logo-hsk[data-v-a422510b]{color:#fff}.brand-desc[data-v-a422510b]{color:#ffffff73;border-left:2px solid #c8102e59;max-width:220px;margin-bottom:20px;padding-left:10px;font-size:13px;line-height:1.75}.social-links[data-v-a422510b]{gap:8px;display:flex}.social-btn[data-v-a422510b]{color:#fff;background:#ffffff12;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;text-decoration:none;transition:all .25s;display:flex}.social-btn[data-v-a422510b]:hover{color:#fff;background:#c8102e;border-color:#c8102e;transform:translateY(-2px)}.footer-col-title[data-v-a422510b]{color:#c8102e;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.footer-col-title[data-v-a422510b]:before{content:"";background:#c8102e;border-radius:1px;width:12px;height:2px;display:block}.footer-links[data-v-a422510b]{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links li[data-v-a422510b]{align-items:center;display:flex}.footer-links a[data-v-a422510b]{color:#fff;font-size:13px;text-decoration:none;transition:all .15s}.footer-links a[data-v-a422510b]:hover{color:#e8314a;padding-left:4px}.footer-badges[data-v-a422510b]{flex-direction:column;gap:8px;margin-top:16px;display:flex}.footer-badges .footer-badge[data-v-a422510b]{opacity:.7;transition:opacity .15s;display:block}.footer-badges .footer-badge[data-v-a422510b]:hover{opacity:1}.footer-badges .footer-badge img[data-v-a422510b]{width:auto;height:30px}.footer-bottom[data-v-a422510b]{border-top:1px solid #c8102e33;padding:16px 0}.footer-bottom .copyright[data-v-a422510b]{text-align:center;color:#ffffff4d;font-size:11px}@media (width<=960px){.footer-grid[data-v-a422510b]{grid-template-columns:1fr 1fr;gap:24px}.footer-brand[data-v-a422510b]{grid-column:1/-1}.brand-desc[data-v-a422510b]{max-width:100%}.footer-main[data-v-a422510b]{padding:36px 0 28px}}@media (width<=640px){.footer-grid[data-v-a422510b]{grid-template-columns:1fr 1fr;gap:20px}.footer-brand[data-v-a422510b]{grid-column:1/-1}.footer-badges[data-v-a422510b]{flex-flow:wrap;gap:8px}}@media (width<=400px){.footer-grid[data-v-a422510b]{grid-template-columns:1fr}.footer-col-title[data-v-a422510b]{margin-bottom:8px}.footer-main[data-v-a422510b]{padding:28px 0 20px}}.auth-modal-content[data-v-0f465352]{padding:10px}.auth-header[data-v-0f465352]{text-align:center;margin-bottom:24px}.auth-header .auth-title[data-v-0f465352]{color:#0a0a0a;letter-spacing:-.5px;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:800}.auth-header .auth-subtitle[data-v-0f465352]{color:#64748b;font-size:15px}.auth-links[data-v-0f465352]{justify-content:flex-end;margin-bottom:20px;font-size:14px;display:flex}.auth-links a[data-v-0f465352]{color:#e31b10;font-weight:600}.btn-submit[data-v-0f465352]{letter-spacing:1px;background:linear-gradient(135deg,#e31b10 0%,#8b110a 100%);border:none;border-radius:26px;height:52px;font-weight:800;box-shadow:0 8px 20px #e31b1040}.btn-submit[data-v-0f465352]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #e31b1059}.btn-submit[data-v-0f465352]:active{transform:translateY(0)}.auth-footer[data-v-0f465352]{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;margin-top:24px;padding:14px;font-size:14px;line-height:1.6}.auth-footer a[data-v-0f465352]{color:#e31b10;margin-left:4px;font-weight:700}.auth-footer a[data-v-0f465352]:hover{text-decoration:underline}.floating-actions[data-v-7c53445e]{z-index:1000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:32px;right:24px}.fab[data-v-7c53445e]{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #00000026}.fab[data-v-7c53445e]:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 25px #0003}.fab.fab--chat[data-v-7c53445e]{background:#0068ff;padding:0;overflow:hidden}.fab.fab--chat .zalo-img[data-v-7c53445e]{object-fit:cover;width:100%;height:100%}.fab.fab--fb[data-v-7c53445e]{box-shadow:none;background:0 0;padding:0;overflow:visible}.fab.fab--fb svg[data-v-7c53445e]{filter:drop-shadow(0 4px 10px #00000026);width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab.fab--fb[data-v-7c53445e]:hover{box-shadow:none}.fab.fab--fb:hover svg[data-v-7c53445e]{filter:drop-shadow(0 8px 15px #0003);transform:scale(1.05)}.fab.fab--top[data-v-7c53445e]{background:#c8102e}@media (width<=768px){.floating-actions[data-v-7c53445e]{bottom:24px;right:16px}.fab[data-v-7c53445e]{width:42px;height:42px;font-size:18px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#1f1d1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f5f2;font-family:Noto Serif SC,Inter,Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .15s}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.content-area{flex:1;padding-top:108px}@media (width<=768px){.content-area{padding-top:60px}}.ant-layout{background:#f7f5f2}.ant-btn{font-weight:500;border-radius:8px!important}.ant-btn-primary{background:#c8102e!important;border-color:#c8102e!important}.ant-btn-primary:hover{background:#9b0c23!important;border-color:#9b0c23!important}.ant-menu-horizontal{border-bottom:none!important}.ant-progress-bg{background:#c8102e!important}.ant-tag{border-radius:4px!important}.page-breadcrumb{color:#8c8580;padding:12px 0;font-size:13px}.page-breadcrumb .ant-breadcrumb-link{color:#8c8580}.page-breadcrumb .ant-breadcrumb-link:hover{color:#c8102e}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f2f0ee}::-webkit-scrollbar-thumb{background:#c8102e66;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#c8102e}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes inkBrush{0%{stroke-dashoffset:1000px;opacity:0}to{stroke-dashoffset:0;opacity:1}}.fade-in-up{animation:.4s forwards fadeInUp}.hsk-tag{color:#c8102e;cursor:pointer;background:#c8102e14;border:1px solid #c8102e33;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.hsk-tag:hover{background:#c8102e26}.section-title-line{align-items:center;gap:12px;display:flex}.section-title-line:before{content:"";background:#c8102e;border-radius:2px;width:4px;height:1.2em;display:block}.card-base{box-shadow:none;background:#fff;border:1px solid #f2f0ee;border-radius:16px;transition:all .25s}.card-base:hover{box-shadow:none;transform:translateY(-2px)}.custom-action-modal .ant-modal-content{border-radius:16px;padding:0;overflow:hidden}.custom-action-modal .ant-modal-header{background:0 0;margin:0;padding:0}.custom-action-modal .ant-modal-title{margin:0;padding:0}.custom-action-modal .ant-modal-body{padding:0}.custom-action-modal .custom-modal-title{color:#111827;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:600;display:flex}.custom-action-modal .custom-close-btn{color:#9ca3af;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:color .2s;display:flex}.custom-action-modal .custom-close-btn:hover{color:#4b5563;background:#00000014}.custom-action-modal.write-theme-modal .custom-modal-title{color:#4f46e5;background:#f5f3ff;border-bottom-color:#e5e7eb}.custom-action-modal.write-theme-modal .custom-close-btn{color:#6b7280;background:#f3f4f6}.custom-action-modal.write-theme-modal .custom-close-btn:hover{color:#ef4444;background:#fee2e2}.page-enter-active,.page-leave-active{transition:all .2s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.brand-yangzi[data-v-c230843e]{color:#c8102e;font-family:Noto Serif SC,serif}.hero-section[data-v-c230843e]{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 40%,#2d0a0f 75%,#3d0d14 100%);align-items:center;min-height:580px;display:flex;position:relative;overflow:hidden}.hero-bg[data-v-c230843e]{position:absolute;inset:0;overflow:hidden}.hero-orb[data-v-c230843e]{filter:blur(80px);opacity:.18;border-radius:50%;animation:8s ease-in-out infinite float-c230843e;position:absolute}.hero-orb-1[data-v-c230843e]{opacity:.12;background:#c8102e;width:600px;height:600px;animation-duration:8s;top:-150px;right:-150px}.hero-orb-2[data-v-c230843e]{opacity:.1;background:#9b0c23;width:350px;height:350px;animation-duration:10s;animation-delay:-3s;bottom:-80px;left:15%}.hero-orb-3[data-v-c230843e]{opacity:.08;background:#d4a017;width:250px;height:250px;animation-duration:12s;animation-delay:-5s;top:25%;left:38%}@keyframes float-c230843e{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-char[data-v-c230843e]{color:#ffffff0a;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC,serif;font-weight:900;animation:ease-in-out infinite floatChar-c230843e;position:absolute}@keyframes floatChar-c230843e{0%,to{opacity:.04;transform:translateY(0)rotate(0)}50%{opacity:.07;transform:translateY(-20px)rotate(5deg)}}.hero-content[data-v-c230843e]{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:40px;padding-bottom:80px;display:grid;position:relative}.hero-badge[data-v-c230843e]{color:#ff8fa3;background:#c8102e2e;border:1px solid #c8102e66;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:13px;font-weight:600;animation:.5s fadeInUp;display:inline-flex}.hero-title[data-v-c230843e]{color:#fff;margin-bottom:16px;font-family:Noto Serif SC,serif;font-size:42px;font-weight:800;line-height:1.25;animation:.5s .1s both fadeInUp}.hero-title .hero-highlight[data-v-c230843e]{background:linear-gradient(135deg,#e8314a,#d4a017);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-desc[data-v-c230843e]{color:#ffffffb3;max-width:480px;margin-bottom:24px;font-size:15px;line-height:1.75;animation:.5s .2s both fadeInUp}.hero-stats[data-v-c230843e]{gap:24px;margin-bottom:32px;animation:.5s .3s both fadeInUp;display:flex}.stat-item[data-v-c230843e]{text-align:center}.stat-item .stat-number[data-v-c230843e]{color:#fff;font-size:24px;font-weight:800;line-height:1;display:block}.stat-item .stat-label[data-v-c230843e]{color:#ffffff80;margin-top:2px;font-size:11px;display:block}.hero-cta[data-v-c230843e]{gap:12px;animation:.5s .4s both fadeInUp;display:flex}.cta-primary[data-v-c230843e]{color:#fff;letter-spacing:.01em;background:#c8102e;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.cta-primary[data-v-c230843e]:hover{background:#9b0c23;transform:translateY(-2px)}.cta-secondary[data-v-c230843e]{color:#fff;border:1.5px solid #ffffff59;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.cta-secondary[data-v-c230843e]:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)}.hero-right[data-v-c230843e]{justify-content:center;animation:.6s .2s both fadeInUp;display:flex}.hero-card-stack[data-v-c230843e]{width:320px;height:300px;position:relative}.floating-card[data-v-c230843e]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:16px;transition:transform .4s;position:absolute}.floating-card[data-v-c230843e]:hover{transform:translateY(-4px)}.card-vocab[data-v-c230843e]{width:320px;animation:4s ease-in-out infinite floatCard-c230843e;top:0;left:0}.card-streak[data-v-c230843e]{align-items:center;gap:12px;width:155px;height:84px;animation:5s ease-in-out -1.5s infinite floatCard-c230843e;display:flex;bottom:20px;right:0}.card-streak .streak-fire[data-v-c230843e]{color:#ff7a00;font-size:28px;animation:1.5s ease-in-out infinite pulse}.card-streak .streak-number[data-v-c230843e]{color:#fff;font-size:32px;font-weight:800;line-height:1}.card-streak .streak-label[data-v-c230843e]{color:#fff9;white-space:nowrap;font-size:13px}.card-level[data-v-c230843e]{align-items:center;gap:12px;width:155px;height:84px;animation:6s ease-in-out -3s infinite floatCard-c230843e;display:flex;bottom:20px;left:0}.level-rings[data-v-c230843e]{flex-shrink:0;width:44px;height:44px;position:relative}.level-rings .level-ring[data-v-c230843e]{background:#d4a0171a;border:3px solid #d4a017;border-color:#d4a017 #d4a017 #0000 #0000;border-radius:50%;width:44px;height:44px;animation:2s linear infinite spin-c230843e}.level-rings .level-text[data-v-c230843e]{color:#d4a017;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}@keyframes spin-c230843e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-info .level-title[data-v-c230843e]{color:#fff9;white-space:nowrap;font-size:10px}.level-info .level-desc[data-v-c230843e]{color:#fff;white-space:nowrap;font-size:15px;font-weight:700}@keyframes floatCard-c230843e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-header-mini[data-v-c230843e]{color:#fff9;white-space:nowrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.card-header-mini .mini-badge[data-v-c230843e]{color:#fff;background:#c8102e;border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:700}.vocab-item[data-v-c230843e]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vocab-item .vocab-char[data-v-c230843e]{color:#fff;font-family:Noto Serif SC,serif;font-size:34px;font-weight:700}.vocab-item .vocab-pinyin[data-v-c230843e]{color:#fff9;white-space:nowrap;font-size:13px;font-style:italic}.vocab-item .vocab-meaning[data-v-c230843e]{color:#fff;white-space:nowrap;font-size:15px;font-weight:600}.vocab-progress[data-v-c230843e]{background:#ffffff1a;border-radius:9999px;height:4px;margin-bottom:4px;overflow:hidden}.vocab-progress .progress-bar[data-v-c230843e]{background:linear-gradient(90deg,#e8314a,#d4a017);border-radius:9999px;height:100%}.progress-label[data-v-c230843e]{color:#ffffff80;font-size:10px}.hero-wave[data-v-c230843e]{line-height:0;position:absolute;bottom:0;left:0;right:0}.hero-wave svg[data-v-c230843e]{width:100%;height:80px}.levels-section[data-v-c230843e]{background:#f7f5f2;padding:64px 0 56px;position:relative}.levels-section[data-v-c230843e]:before{content:"杨";color:#c8102e06;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC,serif;font-size:280px;font-weight:900;line-height:1;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.section-header[data-v-c230843e]{text-align:center;margin-bottom:40px}.section-header .section-title[data-v-c230843e]{color:#1a1a1a;margin-bottom:12px;padding-bottom:12px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:800;display:inline-block;position:relative}.section-header .section-title[data-v-c230843e]:after{content:"";background:#c8102e;border-radius:9999px;width:48px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-header .section-subtitle[data-v-c230843e]{color:#8c8580;margin:16px auto 0;font-size:15px}.levels-grid[data-v-c230843e]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.level-card[data-v-c230843e]{background:var(--level-gradient);border-radius:16px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.level-card[data-v-c230843e]:hover{transform:translateY(-4px)}.level-card:hover .level-arrow[data-v-c230843e]{transform:translate(4px)}.level-card-bg[data-v-c230843e]{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.level-card-bg .level-char[data-v-c230843e]{color:#ffffff14;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC,STXihei,serif;font-size:80px;font-weight:900;line-height:1}.level-card-content[data-v-c230843e]{z-index:1;flex:1;position:relative}.level-card-content .level-badge-row[data-v-c230843e]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.level-card-content .level-badge-row .level-name[data-v-c230843e]{color:#fff;font-size:18px;font-weight:800}.level-card-content .level-badge-row .level-label[data-v-c230843e]{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#fff3;border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:600}.level-card-content .level-desc[data-v-c230843e]{color:#fffc;margin-bottom:12px;font-size:13px}.level-card-content .level-meta[data-v-c230843e]{color:#ffffffb3;gap:16px;font-size:11px;display:flex}.level-card-content .level-meta span[data-v-c230843e]{align-items:center;gap:4px;display:flex}.level-arrow[data-v-c230843e]{color:#ffffffb3;z-index:1;flex-shrink:0;font-size:16px;transition:transform .25s;position:relative}.features-section[data-v-c230843e]{background:#fff;border-top:1px solid #f2f0ee;border-bottom:1px solid #f2f0ee;padding:64px 0}.features-grid[data-v-c230843e]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card[data-v-c230843e]{background:#fff;border:1.5px solid #f2f0ee;border-radius:16px;padding:24px;transition:all .25s;position:relative;overflow:hidden}.feature-card[data-v-c230843e]:before{content:"";transform-origin:bottom;background:#c8102e;border-radius:4px 0 0 4px;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.feature-card[data-v-c230843e]:hover{border-color:#c8102e33;transform:translateY(-4px)}.feature-card[data-v-c230843e]:hover:before{transform:scaleY(1)}.feature-icon[data-v-c230843e]{color:#c8102e;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:22px;transition:transform .25s;display:flex}.feature-card:hover .feature-icon[data-v-c230843e]{transform:scale(1.1)}.feature-title[data-v-c230843e]{color:#1f1d1a;margin-bottom:8px;font-size:16px;font-weight:700}.feature-desc[data-v-c230843e]{color:#8c8580;font-size:13px;line-height:1.7}.cta-section[data-v-c230843e]{background:#f7f5f2;padding:48px 0 64px}.cta-banner[data-v-c230843e]{background:linear-gradient(135deg,#9b0c23 0%,#c8102e 55%,#e8314a 100%);border-radius:24px;align-items:center;gap:32px;padding:52px 56px;display:flex;position:relative;overflow:hidden}.cta-orb[data-v-c230843e]{pointer-events:none;background:#ffffff12;border-radius:50%;width:400px;height:400px;position:absolute;top:-150px;right:-100px}.cta-text[data-v-c230843e]{flex:1;position:relative}.cta-text h2[data-v-c230843e]{color:#fff;max-width:480px;margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.3}.cta-text p[data-v-c230843e]{color:#ffffffbf;font-size:15px}.cta-actions[data-v-c230843e]{flex-direction:column;flex-shrink:0;gap:12px;display:flex;position:relative}.cta-btn-white[data-v-c230843e]{color:#c8102e;white-space:nowrap;letter-spacing:.01em;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.cta-btn-white[data-v-c230843e]:hover{background:#fff5f5;transform:translateY(-2px)}.cta-btn-outline[data-v-c230843e]{color:#fff;white-space:nowrap;border:1.5px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.cta-btn-outline[data-v-c230843e]:hover{background:#ffffff1a;border-color:#fff}@media (width<=1024px){.hero-content[data-v-c230843e]{gap:32px}.hero-title[data-v-c230843e]{font-size:34px}.levels-grid[data-v-c230843e],.features-grid[data-v-c230843e]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-section[data-v-c230843e]{min-height:auto;padding-bottom:0}.hero-content[data-v-c230843e]{text-align:center;grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:50px}.hero-right[data-v-c230843e]{display:none}.hero-title[data-v-c230843e]{font-size:28px}.hero-desc[data-v-c230843e]{max-width:100%;font-size:13px}.hero-badge[data-v-c230843e]{justify-content:center;margin-bottom:12px}.hero-stats[data-v-c230843e]{justify-content:center;gap:16px}.hero-cta[data-v-c230843e]{flex-wrap:wrap;justify-content:center}.levels-section[data-v-c230843e]{padding:40px 0 36px}.levels-grid[data-v-c230843e]{grid-template-columns:1fr;gap:12px}.level-card[data-v-c230843e]{padding:16px}.features-section[data-v-c230843e]{padding:36px 0}.features-grid[data-v-c230843e]{grid-template-columns:1fr;gap:16px}.feature-card[data-v-c230843e]{padding:16px}.section-header[data-v-c230843e]{margin-bottom:24px}.section-header .section-title[data-v-c230843e]{font-size:22px}.section-header .section-subtitle[data-v-c230843e]{font-size:13px}.cta-section[data-v-c230843e]{padding:32px 0 48px}.cta-banner[data-v-c230843e]{text-align:center;flex-direction:column;gap:20px;padding:28px 24px}.cta-text h2[data-v-c230843e]{max-width:100%;font-size:18px}.cta-actions[data-v-c230843e]{flex-flow:wrap;justify-content:center;width:100%}}@media (width<=480px){.hero-title[data-v-c230843e]{font-size:24px}.stat-item .stat-number[data-v-c230843e]{font-size:20px}.cta-primary[data-v-c230843e],.cta-secondary[data-v-c230843e],.cta-btn-white[data-v-c230843e],.cta-btn-outline[data-v-c230843e]{padding:10px 18px;font-size:13px}.levels-section .container[data-v-c230843e],.features-section .container[data-v-c230843e]{padding:0 14px}}