@import "https://fonts.googleapis.com/css2?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-df9d3aaa]{z-index:1000;background:#fff;border-bottom:1px solid #f0f0f0;height:60px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000f}.header-inner[data-v-df9d3aaa]{align-items:center;gap:16px;height:100%;display:flex}.header-logo[data-v-df9d3aaa]{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.header-logo .logo-icon[data-v-df9d3aaa]{align-items:baseline;font-size:18px;font-weight:800;line-height:1;display:flex}.header-logo .logo-icon .logo-hi[data-v-df9d3aaa]{color:#1677ff}.header-logo .logo-icon .logo-hsk[data-v-df9d3aaa]{color:#262626}.header-logo .logo-tagline[data-v-df9d3aaa]{color:#8c8c8c;font-size:11px;font-weight:400;line-height:1.2;display:block}.header-search[data-v-df9d3aaa]{flex:1;max-width:360px}.header-search .search-input[data-v-df9d3aaa]{background:#f8f9fa;border:1.5px solid #f0f0f0;padding:6px 16px;font-size:13px;transition:all .15s;border-radius:9999px!important}.header-search .search-input[data-v-df9d3aaa]:hover,.header-search .search-input[data-v-df9d3aaa]:focus-within{background:#fff;border-color:#1677ff;box-shadow:0 0 0 3px #1677ff14}.header-search .search-icon[data-v-df9d3aaa]{color:#bfbfbf;font-size:14px}.header-actions[data-v-df9d3aaa]{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.app-badges[data-v-df9d3aaa]{align-items:center;gap:8px;display:flex}.app-badges .app-badge[data-v-df9d3aaa]{opacity:.85;height:28px;transition:opacity .15s;display:block}.app-badges .app-badge[data-v-df9d3aaa]:hover{opacity:1}.app-badges .app-badge img[data-v-df9d3aaa]{width:auto;height:28px}.header-divider[data-v-df9d3aaa]{background:#d9d9d9;height:20px}.header-link[data-v-df9d3aaa]{color:#595959;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-df9d3aaa]:hover{color:#1677ff;background:#1677ff0f}.btn-login[data-v-df9d3aaa]{color:#1677ff;border:1.5px solid #1677ff;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.btn-login[data-v-df9d3aaa]:hover{background:#1677ff14}.btn-register[data-v-df9d3aaa]{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#0958d9 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 #1677ff59}.btn-register[data-v-df9d3aaa]:hover{background:#1677ff14}.user-header-profile[data-v-df9d3aaa]{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:4px 8px;transition:all .15s;display:flex}.user-header-profile[data-v-df9d3aaa]:hover{background:#bfbfbf14}.user-header-profile .user-avatar[data-v-df9d3aaa]{background:#1677ff;font-weight:700}.user-header-profile .user-info-text[data-v-df9d3aaa]{line-height:1.2}.user-header-profile .user-info-text .user-welcome[data-v-df9d3aaa]{color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.user-header-profile .user-info-text .user-name[data-v-df9d3aaa]{color:#262626;font-size:14px;font-weight:700}.user-header-profile .drop-icon[data-v-df9d3aaa]{color:#bfbfbf;font-size:10px}.user-dropdown-menu[data-v-df9d3aaa]{border-radius:12px;min-width:180px;padding:8px;box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f}@media (width<=1024px){.app-badges[data-v-df9d3aaa],.header-divider[data-v-df9d3aaa],.header-link[data-v-df9d3aaa]{display:none}.header-search[data-v-df9d3aaa]{max-width:240px}}@media (width<=768px){.header-inner[data-v-df9d3aaa]{gap:8px;padding:0 12px}.header-search[data-v-df9d3aaa],.logo-tagline[data-v-df9d3aaa]{display:none}.header-actions[data-v-df9d3aaa]{gap:6px}.btn-login span[data-v-df9d3aaa]{display:none}.btn-login[data-v-df9d3aaa]{padding:6px 10px}.btn-register[data-v-df9d3aaa]{padding:7px 12px;font-size:12px}}@media (width<=480px){.btn-login[data-v-df9d3aaa]{display:none}.btn-register[data-v-df9d3aaa]{padding:6px 10px;font-size:11px}}.app-nav[data-v-982d2375]{z-index:999;background:#16213e;height:48px;position:fixed;top:60px;left:0;right:0;box-shadow:0 2px 8px #0003}.nav-inner[data-v-982d2375]{align-items:center;height:100%;display:flex}.nav-menu[data-v-982d2375]{align-items:center;gap:2px;height:100%;list-style:none;display:flex}.nav-item[data-v-982d2375]{align-items:center;height:100%;display:flex;position:relative}.nav-link[data-v-982d2375]{color:#ffffffc7;white-space:nowrap;border-radius:0;align-items:center;gap:5px;height:48px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-link .nav-icon[data-v-982d2375]{opacity:.8;font-size:13px}.nav-link .nav-arrow[data-v-982d2375]{opacity:.6;font-size:10px;transition:transform .15s}.nav-link[data-v-982d2375]:after{content:"";background:#4096ff;border-radius:9999px 9999px 0 0;height:2px;transition:transform .25s;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.nav-link[data-v-982d2375]:hover{color:#fff;background:#ffffff0f}.nav-link[data-v-982d2375]:hover:after{transform:scaleX(1)}.nav-link:hover .nav-arrow[data-v-982d2375]{transform:rotate(-180deg)}.nav-item--active .nav-link[data-v-982d2375]{color:#fff;background:#1677ff40}.nav-item--active .nav-link[data-v-982d2375]:after{background:#4096ff;transform:scaleX(1)}.nav-item--special .nav-link[data-v-982d2375]{color:#faad14;font-weight:600}.nav-item--special .nav-link[data-v-982d2375]:after{background:#faad14}.nav-item--special .nav-link[data-v-982d2375]:hover{color:#faad14;background:#faad141f}.nav-dropdown[data-v-982d2375]{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#1e2d4d;border-radius:0 0 12px 12px;min-width:180px;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 8px 24px #0000004d}.nav-item:hover .nav-dropdown[data-v-982d2375]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-item-wrapper[data-v-982d2375]{position:relative}.dropdown-item-wrapper:last-child .dropdown-item[data-v-982d2375]{border-radius:0 0 12px 12px}.dropdown-item[data-v-982d2375]{color:#fffc;align-items:center;gap:8px;padding:10px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.dropdown-item[data-v-982d2375]:hover{color:#fff;background:#1677ff66;padding-left:22px}.sub-arrow[data-v-982d2375]{opacity:.6;margin-left:auto;font-size:10px}.nav-sub-dropdown[data-v-982d2375]{z-index:101;opacity:0;visibility:hidden;pointer-events:none;background:#1e2d4d;border-radius:0 12px 12px;min-width:180px;transition:all .2s;position:absolute;top:0;left:100%;overflow:hidden;transform:translate(-8px);box-shadow:0 8px 24px #0006}.dropdown-item-wrapper:hover .nav-sub-dropdown[data-v-982d2375]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sub-item[data-v-982d2375]{border-radius:0!important}.sub-item[data-v-982d2375]:hover{background:#1677ff4d}@media (width<=768px){.nav-inner[data-v-982d2375]{padding:0 px}.nav-link[data-v-982d2375]{gap:3px;padding:0 8px;font-size:12px}.nav-link .nav-icon[data-v-982d2375]{font-size:12px}}@media (width<=480px){.nav-link[data-v-982d2375]{padding:0 7px;font-size:11px}.nav-link .nav-icon[data-v-982d2375]{font-size:11px}}.app-footer[data-v-7ec873d7]{color:#ffffffbf;background:#0f172a}.footer-main[data-v-7ec873d7]{padding:48px 0 36px}.footer-grid[data-v-7ec873d7]{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px;display:grid}.footer-logo[data-v-7ec873d7]{align-items:baseline;margin-bottom:12px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.footer-logo .logo-hi[data-v-7ec873d7]{color:#4096ff}.footer-logo .logo-hsk[data-v-7ec873d7]{color:#fff}.brand-desc[data-v-7ec873d7]{color:#ffffff8c;max-width:220px;margin-bottom:16px;font-size:13px;line-height:1.7}.social-links[data-v-7ec873d7]{gap:8px;display:flex}.social-btn[data-v-7ec873d7]{color:#ffffffa6;background:#ffffff14;border-radius:9999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;text-decoration:none;transition:all .15s;display:flex}.social-btn[data-v-7ec873d7]:hover{color:#fff;background:#1677ff;transform:translateY(-2px)}.footer-col-title[data-v-7ec873d7]{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:13px;font-weight:700}.footer-links[data-v-7ec873d7]{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links li[data-v-7ec873d7]{align-items:center;display:flex}.footer-links a[data-v-7ec873d7]{color:#fff9;font-size:13px;text-decoration:none;transition:color .15s}.footer-links a[data-v-7ec873d7]:hover{color:#fff}.footer-badges[data-v-7ec873d7]{flex-direction:column;gap:8px;margin-top:16px;display:flex}.footer-badges .footer-badge[data-v-7ec873d7]{opacity:.7;transition:opacity .15s;display:block}.footer-badges .footer-badge[data-v-7ec873d7]:hover{opacity:1}.footer-badges .footer-badge img[data-v-7ec873d7]{width:auto;height:30px}.footer-bottom[data-v-7ec873d7]{border-top:1px solid #ffffff14;padding:16px 0}.footer-bottom .copyright[data-v-7ec873d7]{text-align:center;color:#fff6;font-size:11px}@media (width<=960px){.footer-grid[data-v-7ec873d7]{grid-template-columns:1fr 1fr;gap:24px}.footer-brand[data-v-7ec873d7]{grid-column:1/-1}.brand-desc[data-v-7ec873d7]{max-width:100%}.footer-main[data-v-7ec873d7]{padding:36px 0 28px}}@media (width<=640px){.footer-grid[data-v-7ec873d7]{grid-template-columns:1fr 1fr;gap:20px}.footer-brand[data-v-7ec873d7]{grid-column:1/-1}.footer-badges[data-v-7ec873d7]{flex-flow:wrap;gap:8px}}@media (width<=400px){.footer-grid[data-v-7ec873d7]{grid-template-columns:1fr}.footer-col-title[data-v-7ec873d7]{margin-bottom:8px}.footer-main[data-v-7ec873d7]{padding:28px 0 20px}}.auth-modal-content[data-v-86416379]{padding:10px 0}.auth-header[data-v-86416379]{text-align:center;margin-bottom:24px}.auth-header .auth-title[data-v-86416379]{color:#1e293b;margin-bottom:4px;font-size:24px;font-weight:800}.auth-header .auth-subtitle[data-v-86416379]{color:#94a3b8;font-size:14px}.auth-links[data-v-86416379]{justify-content:flex-end;margin-bottom:16px;font-size:13px;display:flex}.auth-links a[data-v-86416379]{color:#3b82f6}.btn-submit[data-v-86416379]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;height:48px;font-weight:700;box-shadow:0 4px 12px #3b82f64d}.btn-submit[data-v-86416379]:hover{opacity:.9;transform:translateY(-1px)}.auth-footer[data-v-86416379]{text-align:center;color:#64748b;margin-top:16px;font-size:13px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#262626;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family: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}.ant-layout{background:#f5f7fa}.ant-btn{font-weight:500;border-radius:8px!important}.ant-btn-primary{background:#1677ff!important;border-color:#1677ff!important}.ant-btn-primary:hover{background:#0958d9!important;border-color:#0958d9!important}.ant-menu-horizontal{border-bottom:none!important}.page-breadcrumb{color:#8c8c8c;padding:12px 0;font-size:13px}.page-breadcrumb .ant-breadcrumb-link{color:#8c8c8c}.page-breadcrumb .ant-breadcrumb-link:hover{color:#1677ff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#8c8c8c}@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%}}.fade-in-up{animation:.4s forwards fadeInUp}.hsk-tag{color:#1677ff;cursor:pointer;background:#1677ff1a;border:1px solid #1677ff33;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:#1677ff2e}.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:#fff;background:#7c3aed;border-bottom:none}.custom-action-modal.write-theme-modal .custom-close-btn{color:#ffffffb3;background:#ffffff1a}.custom-action-modal.write-theme-modal .custom-close-btn:hover{color:#fff;background:#fff3}.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)}.hero-section[data-v-1a5db0f4]{background:linear-gradient(135deg,#0d1b3e 0%,#16213e 50%,#1a1a6e 100%);align-items:center;min-height:580px;display:flex;position:relative;overflow:hidden}.hero-bg[data-v-1a5db0f4]{position:absolute;inset:0;overflow:hidden}.hero-orb[data-v-1a5db0f4]{filter:blur(80px);opacity:.18;border-radius:50%;animation:8s ease-in-out infinite float-1a5db0f4;position:absolute}.hero-orb-1[data-v-1a5db0f4]{background:#1677ff;width:500px;height:500px;animation-duration:8s;top:-100px;right:-100px}.hero-orb-2[data-v-1a5db0f4]{background:#722ed1;width:300px;height:300px;animation-duration:10s;animation-delay:-3s;bottom:-50px;left:20%}.hero-orb-3[data-v-1a5db0f4]{background:#13c2c2;width:200px;height:200px;animation-duration:12s;animation-delay:-5s;top:30%;left:40%}@keyframes float-1a5db0f4{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-char[data-v-1a5db0f4]{color:#ffffff0a;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC,serif;font-weight:900;animation:ease-in-out infinite floatChar-1a5db0f4;position:absolute}@keyframes floatChar-1a5db0f4{0%,to{opacity:.04;transform:translateY(0)rotate(0)}50%{opacity:.07;transform:translateY(-20px)rotate(5deg)}}.hero-content[data-v-1a5db0f4]{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-1a5db0f4]{color:#faad14;background:#faad1426;border:1px solid #faad1459;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-1a5db0f4]{color:#fff;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2;animation:.5s .1s both fadeInUp}.hero-title .hero-highlight[data-v-1a5db0f4]{background:linear-gradient(135deg,#4096ff,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-desc[data-v-1a5db0f4]{color:#ffffffb3;max-width:480px;margin-bottom:24px;font-size:15px;line-height:1.75;animation:.5s .2s both fadeInUp}.hero-stats[data-v-1a5db0f4]{gap:24px;margin-bottom:32px;animation:.5s .3s both fadeInUp;display:flex}.stat-item[data-v-1a5db0f4]{text-align:center}.stat-item .stat-number[data-v-1a5db0f4]{color:#fff;font-size:24px;font-weight:800;line-height:1;display:block}.stat-item .stat-label[data-v-1a5db0f4]{color:#ffffff80;margin-top:2px;font-size:11px;display:block}.hero-cta[data-v-1a5db0f4]{gap:12px;animation:.5s .4s both fadeInUp;display:flex}.cta-primary[data-v-1a5db0f4]{color:#fff;background:#1677ff;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #1677ff80}.cta-primary[data-v-1a5db0f4]:hover{background:#0958d9;transform:translateY(-2px);box-shadow:0 8px 24px #1677ff99}.cta-secondary[data-v-1a5db0f4]{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-1a5db0f4]:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)}.hero-right[data-v-1a5db0f4]{justify-content:center;animation:.6s .2s both fadeInUp;display:flex}.hero-card-stack[data-v-1a5db0f4]{width:320px;height:300px;position:relative}.floating-card[data-v-1a5db0f4]{-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;box-shadow:0 8px 32px #00000040}.floating-card[data-v-1a5db0f4]:hover{transform:translateY(-4px)}.card-vocab[data-v-1a5db0f4]{width:320px;animation:4s ease-in-out infinite floatCard-1a5db0f4;top:0;left:0}.card-streak[data-v-1a5db0f4]{align-items:center;gap:12px;width:155px;height:84px;animation:5s ease-in-out -1.5s infinite floatCard-1a5db0f4;display:flex;bottom:20px;right:0}.card-streak .streak-fire[data-v-1a5db0f4]{color:#ff7a00;font-size:28px;animation:1.5s ease-in-out infinite pulse}.card-streak .streak-number[data-v-1a5db0f4]{color:#fff;font-size:32px;font-weight:800;line-height:1}.card-streak .streak-label[data-v-1a5db0f4]{color:#fff9;white-space:nowrap;font-size:13px}.card-level[data-v-1a5db0f4]{align-items:center;gap:12px;width:155px;height:84px;animation:6s ease-in-out -3s infinite floatCard-1a5db0f4;display:flex;bottom:20px;left:0}.level-rings[data-v-1a5db0f4]{flex-shrink:0;width:44px;height:44px;position:relative}.level-rings .level-ring[data-v-1a5db0f4]{background:#fa8c161a;border:3px solid #fa8c16;border-color:#fa8c16 #fa8c16 #0000 #0000;border-radius:50%;width:44px;height:44px;animation:2s linear infinite spin-1a5db0f4}.level-rings .level-text[data-v-1a5db0f4]{color:#fa8c16;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}@keyframes spin-1a5db0f4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-info .level-title[data-v-1a5db0f4]{color:#fff9;white-space:nowrap;font-size:10px}.level-info .level-desc[data-v-1a5db0f4]{color:#fff;white-space:nowrap;font-size:15px;font-weight:700}@keyframes floatCard-1a5db0f4{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-header-mini[data-v-1a5db0f4]{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-1a5db0f4]{color:#fff;background:#1677ff;border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:600}.vocab-item[data-v-1a5db0f4]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vocab-item .vocab-char[data-v-1a5db0f4]{color:#fff;font-family:Noto Serif SC,serif;font-size:34px;font-weight:700}.vocab-item .vocab-pinyin[data-v-1a5db0f4]{color:#fff9;white-space:nowrap;font-size:13px;font-style:italic}.vocab-item .vocab-meaning[data-v-1a5db0f4]{color:#fff;white-space:nowrap;font-size:15px;font-weight:600}.vocab-progress[data-v-1a5db0f4]{background:#ffffff1a;border-radius:9999px;height:4px;margin-bottom:4px;overflow:hidden}.vocab-progress .progress-bar[data-v-1a5db0f4]{background:linear-gradient(90deg,#4096ff,#13c2c2);border-radius:9999px;height:100%}.progress-label[data-v-1a5db0f4]{color:#ffffff80;font-size:10px}.hero-wave[data-v-1a5db0f4]{line-height:0;position:absolute;bottom:0;left:0;right:0}.hero-wave svg[data-v-1a5db0f4]{width:100%;height:80px}.levels-section[data-v-1a5db0f4]{background:#f5f7fa;padding:64px 0 56px}.section-header[data-v-1a5db0f4]{text-align:center;margin-bottom:40px}.section-header .section-title[data-v-1a5db0f4]{color:#262626;margin-bottom:12px;font-size:28px;font-weight:800}.section-header .section-subtitle[data-v-1a5db0f4]{color:#8c8c8c;max-width:480px;margin:0 auto;font-size:15px}.levels-grid[data-v-1a5db0f4]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.level-card[data-v-1a5db0f4]{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;box-shadow:0 4px 16px #00000014}.level-card[data-v-1a5db0f4]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000029}.level-card:hover .level-arrow[data-v-1a5db0f4]{transform:translate(4px)}.level-card-bg[data-v-1a5db0f4]{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-1a5db0f4]{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-1a5db0f4]{z-index:1;flex:1;position:relative}.level-card-content .level-badge-row[data-v-1a5db0f4]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.level-card-content .level-badge-row .level-name[data-v-1a5db0f4]{color:#fff;font-size:18px;font-weight:800}.level-card-content .level-badge-row .level-label[data-v-1a5db0f4]{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-1a5db0f4]{color:#fffc;margin-bottom:12px;font-size:13px}.level-card-content .level-meta[data-v-1a5db0f4]{color:#ffffffb3;gap:16px;font-size:11px;display:flex}.level-card-content .level-meta span[data-v-1a5db0f4]{align-items:center;gap:4px;display:flex}.level-arrow[data-v-1a5db0f4]{color:#ffffffb3;z-index:1;flex-shrink:0;font-size:16px;transition:transform .25s;position:relative}.features-section[data-v-1a5db0f4]{background:#fff;padding:56px 0}.features-grid[data-v-1a5db0f4]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card[data-v-1a5db0f4]{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:24px;transition:all .25s}.feature-card[data-v-1a5db0f4]:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f}.feature-icon[data-v-1a5db0f4]{color:#1677ff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:22px;display:flex}.feature-title[data-v-1a5db0f4]{color:#262626;margin-bottom:8px;font-size:16px;font-weight:700}.feature-desc[data-v-1a5db0f4]{color:#8c8c8c;font-size:13px;line-height:1.7}.cta-section[data-v-1a5db0f4]{background:#f5f7fa;padding:48px 0 64px}.cta-banner[data-v-1a5db0f4]{background:linear-gradient(135deg,#0958d9 0%,#1677ff 50%,#0095ff 100%);border-radius:24px;align-items:center;gap:32px;padding:48px 56px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #1677ff59}.cta-orb[data-v-1a5db0f4]{pointer-events:none;background:#ffffff12;border-radius:50%;width:400px;height:400px;position:absolute;top:-150px;right:-100px}.cta-text[data-v-1a5db0f4]{flex:1;position:relative}.cta-text h2[data-v-1a5db0f4]{color:#fff;max-width:480px;margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.3}.cta-text p[data-v-1a5db0f4]{color:#ffffffbf;font-size:15px}.cta-actions[data-v-1a5db0f4]{flex-direction:column;flex-shrink:0;gap:12px;display:flex;position:relative}.cta-btn-white[data-v-1a5db0f4]{color:#1677ff;white-space:nowrap;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;box-shadow:0 4px 16px #0000001f}.cta-btn-white[data-v-1a5db0f4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000029}.cta-btn-outline[data-v-1a5db0f4]{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-1a5db0f4]:hover{background:#ffffff1a;border-color:#fff}@media (width<=1024px){.hero-content[data-v-1a5db0f4]{gap:32px}.hero-title[data-v-1a5db0f4]{font-size:34px}.levels-grid[data-v-1a5db0f4],.features-grid[data-v-1a5db0f4]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero-section[data-v-1a5db0f4]{min-height:auto;padding-bottom:0}.hero-content[data-v-1a5db0f4]{text-align:center;grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:50px}.hero-right[data-v-1a5db0f4]{display:none}.hero-title[data-v-1a5db0f4]{font-size:28px}.hero-desc[data-v-1a5db0f4]{max-width:100%;font-size:13px}.hero-badge[data-v-1a5db0f4]{justify-content:center;margin-bottom:12px}.hero-stats[data-v-1a5db0f4]{justify-content:center;gap:16px}.hero-cta[data-v-1a5db0f4]{flex-wrap:wrap;justify-content:center}.levels-section[data-v-1a5db0f4]{padding:40px 0 36px}.levels-grid[data-v-1a5db0f4]{grid-template-columns:1fr;gap:12px}.level-card[data-v-1a5db0f4]{padding:16px}.features-section[data-v-1a5db0f4]{padding:36px 0}.features-grid[data-v-1a5db0f4]{grid-template-columns:1fr;gap:16px}.feature-card[data-v-1a5db0f4]{padding:16px}.section-header[data-v-1a5db0f4]{margin-bottom:24px}.section-header .section-title[data-v-1a5db0f4]{font-size:22px}.section-header .section-subtitle[data-v-1a5db0f4]{font-size:13px}.cta-section[data-v-1a5db0f4]{padding:32px 0 48px}.cta-banner[data-v-1a5db0f4]{text-align:center;flex-direction:column;gap:20px;padding:28px 24px}.cta-text h2[data-v-1a5db0f4]{max-width:100%;font-size:18px}.cta-actions[data-v-1a5db0f4]{flex-flow:wrap;justify-content:center;width:100%}}@media (width<=480px){.hero-title[data-v-1a5db0f4]{font-size:24px}.stat-item .stat-number[data-v-1a5db0f4]{font-size:20px}.cta-primary[data-v-1a5db0f4],.cta-secondary[data-v-1a5db0f4],.cta-btn-white[data-v-1a5db0f4],.cta-btn-outline[data-v-1a5db0f4]{padding:10px 18px;font-size:13px}.levels-section .container[data-v-1a5db0f4],.features-section .container[data-v-1a5db0f4]{padding:0 14px}}