@keyframes slideUp-24096f36{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-24096f36{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-24096f36{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-24096f36{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar[data-v-24096f36]{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0;height:72px;display:flex;align-items:center;background:rgba(17,24,39,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.navbar.scrolled[data-v-24096f36]{height:64px;background:rgba(17,24,39,.98);box-shadow:0 4px 30px rgba(0,0,0,.3);border-bottom-color:hsla(0,0%,100%,.05)}.navbar .nav-container[data-v-24096f36]{max-width:1280px;width:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.navbar .navbar-brand[data-v-24096f36]{display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .3s ease}.navbar .navbar-brand .brand-logo[data-v-24096f36]{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.navbar .navbar-brand .brand-logo .brand-svg[data-v-24096f36]{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(129,140,248,.4));transition:transform .3s ease}.navbar .navbar-brand .brand-text[data-v-24096f36]{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.navbar .navbar-brand:hover .brand-svg[data-v-24096f36]{transform:scale(1.08)}.navbar .navbar-toggler[data-v-24096f36]{display:none;width:40px;height:40px;border:none;background:hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease}.navbar .navbar-toggler[data-v-24096f36]:hover{background:hsla(0,0%,100%,.15)}.navbar .navbar-toggler .toggler-icon[data-v-24096f36]{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar .navbar-toggler .toggler-icon[data-v-24096f36]:after,.navbar .navbar-toggler .toggler-icon[data-v-24096f36]:before{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar .navbar-toggler .toggler-icon[data-v-24096f36]:before{top:-6px}.navbar .navbar-toggler .toggler-icon[data-v-24096f36]:after{top:6px}.navbar .navbar-toggler.active .toggler-icon[data-v-24096f36]{background:transparent}.navbar .navbar-toggler.active .toggler-icon[data-v-24096f36]:before{top:0;transform:rotate(45deg)}.navbar .navbar-toggler.active .toggler-icon[data-v-24096f36]:after{top:0;transform:rotate(-45deg)}@media(max-width:768px){.navbar .navbar-toggler[data-v-24096f36]{display:flex;align-items:center;justify-content:center}}.navbar .navbar-collapse[data-v-24096f36]{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}@media(max-width:768px){.navbar .navbar-collapse[data-v-24096f36]{position:absolute;top:72px;left:0;width:100%;background:rgba(17,24,39,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.3);padding:20px;display:none;border-top:1px solid hsla(0,0%,100%,.1);margin-left:0}.navbar .navbar-collapse.show[data-v-24096f36]{display:block;animation:slideDown-24096f36 .3s ease}}.navbar .navbar-nav[data-v-24096f36]{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}@media(max-width:768px){.navbar .navbar-nav[data-v-24096f36]{flex-direction:column;width:100%;gap:8px}.navbar .nav-item[data-v-24096f36]{width:100%}}.navbar .nav-link[data-v-24096f36]{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.75);cursor:pointer;border-radius:10px;transition:all .3s ease;position:relative}.navbar .nav-link .nav-icon[data-v-24096f36]{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.navbar .nav-link .nav-icon svg[data-v-24096f36]{width:100%;height:100%}.navbar .nav-link .nav-text[data-v-24096f36]{position:relative}.navbar .nav-link[data-v-24096f36]:after{content:"";position:absolute;bottom:6px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,#818cf8,#a78bfa);transform:scaleX(0);transition:transform .3s ease;border-radius:1px}.navbar .nav-link[data-v-24096f36]:hover{color:#fff;background:hsla(0,0%,100%,.1)}.navbar .nav-link[data-v-24096f36]:hover:after{transform:scaleX(.3)}.navbar .nav-link.active[data-v-24096f36]{color:#fff;background:hsla(0,0%,100%,.12);font-weight:600}.navbar .nav-link.active[data-v-24096f36]:after{transform:scaleX(.5)}.navbar .nav-link.nav-link-login[data-v-24096f36]{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;padding:10px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(129,140,248,.4)}.navbar .nav-link.nav-link-login .nav-icon svg[data-v-24096f36]{stroke:#fff}.navbar .nav-link.nav-link-login[data-v-24096f36]:after{display:none}.navbar .nav-link.nav-link-login[data-v-24096f36]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(129,140,248,.5);background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff}.navbar .nav-link.nav-link-class[data-v-24096f36]{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.3)}.navbar .nav-link.nav-link-class .nav-icon svg[data-v-24096f36]{stroke:#34d399}.navbar .nav-link.nav-link-class[data-v-24096f36]:after{display:none}.navbar .nav-link.nav-link-class[data-v-24096f36]:hover{background:#10b981;color:#fff;border-color:#10b981}.navbar .nav-link.nav-link-class:hover .nav-icon svg[data-v-24096f36]{stroke:#fff}@media(max-width:768px){.navbar .nav-link[data-v-24096f36]{width:100%;justify-content:flex-start;padding:14px 16px;font-size:15px}.navbar .nav-link[data-v-24096f36]:after{display:none}}.navbar .dropdown[data-v-24096f36]{position:relative}.navbar .dropdown .dropdown-toggle .dropdown-arrow[data-v-24096f36]{width:14px;height:14px;margin-left:4px;transition:transform .3s ease}.navbar .dropdown .dropdown-toggle.active .dropdown-arrow[data-v-24096f36]{transform:rotate(180deg)}.navbar .dropdown .dropdown-menu[data-v-24096f36]{position:absolute;top:100%;left:0;min-width:200px;background:rgba(17,24,39,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:8px;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001}.navbar .dropdown .dropdown-menu.show[data-v-24096f36]{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:768px){.navbar .dropdown .dropdown-menu[data-v-24096f36]{position:static;margin-top:4px;box-shadow:none;border:none;background:hsla(0,0%,100%,.05);border-radius:8px}}.navbar .dropdown .dropdown-item[data-v-24096f36]{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.75);cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap}.navbar .dropdown .dropdown-item .dropdown-icon[data-v-24096f36]{font-size:18px}.navbar .dropdown .dropdown-item[data-v-24096f36]:hover{background:hsla(0,0%,100%,.1);color:#fff;padding-left:20px}@keyframes slideDown-24096f36{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-24096f36]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn-24096f36 .2s ease}.modal-content[data-v-24096f36]{background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15);width:100%;max-width:400px;margin:20px;animation:scaleIn-24096f36 .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-header[data-v-24096f36]{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:none}.modal-header .modal-title[data-v-24096f36]{font-size:20px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.3px}.modal-header .close-btn[data-v-24096f36]{width:36px;height:36px;border:none;background:rgba(0,0,0,.04);font-size:20px;color:#9ca3af;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-header .close-btn[data-v-24096f36]:hover{background:rgba(0,0,0,.08);color:#1f2937;transform:rotate(90deg)}.modal-body[data-v-24096f36]{padding:0 28px 24px}.modal-body .form-group[data-v-24096f36]{margin-bottom:20px}.modal-body .form-group[data-v-24096f36]:last-child{margin-bottom:0}.modal-body .form-group label[data-v-24096f36]{display:block;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-body .form-group .form-control[data-v-24096f36]{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e5e7eb;border-radius:12px;transition:all .15s ease;background:#fafafa}.modal-body .form-group .form-control[data-v-24096f36]:focus{outline:none;border-color:#04b2c5;background:#fff;box-shadow:0 0 0 4px rgba(4,178,197,.08)}.modal-body .form-group .form-control[data-v-24096f36]::-moz-placeholder{color:#9ca3af}.modal-body .form-group .form-control[data-v-24096f36]::placeholder{color:#9ca3af}.modal-footer[data-v-24096f36]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px 28px;background:transparent}.modal-footer .btn[data-v-24096f36]{padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none}.modal-footer .btn.btn-secondary[data-v-24096f36]{background:rgba(0,0,0,.04);color:#6b7280}.modal-footer .btn.btn-secondary[data-v-24096f36]:hover{background:rgba(0,0,0,.08)}.modal-footer .btn.btn-primary[data-v-24096f36]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.modal-footer .btn.btn-primary[data-v-24096f36]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}@keyframes fadeIn-24096f36{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-24096f36{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f9fafb;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}a{color:#04b2c5;text-decoration:none;transition:color .15s ease}a:hover{color:#038a99}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;gap:8px}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(4,178,197,.3)}.btn-primary{background:linear-gradient(135deg,#04b2c5,#038a99);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px rgba(4,178,197,.5)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:#04b2c5;border:2px solid #04b2c5}.btn-outline:hover{background:#04b2c5;color:#fff}.btn-light{background:#fff;color:#04b2c5;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:768px){.container{padding:0 15px}}.slice{padding:80px 0}@media(max-width:768px){.slice{padding:40px 0}}.lang-header{text-align:left;margin-top:100px;margin-bottom:40px}.lang-header .step-box{padding:24px 16px;height:100%;border-radius:16px;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid transparent}.lang-header .step-box:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:rgba(4,178,197,.2)}.lang-header .step-box .step-title{font-size:20px;color:#1f2937;font-weight:700;text-align:center;margin-bottom:16px}.lang-header .step-box .step-age{font-size:14px;margin:16px 0;text-align:center}.lang-header .step-box .step-age .age{background:linear-gradient(135deg,#04b2c5,#038a99);border-radius:20px;width:80px;margin:auto;padding:6px 12px;text-align:center;color:#fff;font-weight:600;font-size:13px}.lang-header .step-box .step-desc{color:#6b7280;font-size:14px;line-height:1.7;text-align:center}.card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.section-title{font-size:32px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:16px}@media(max-width:768px){.section-title{font-size:24px}}.section-subtitle{font-size:16px;color:#6b7280;text-align:center;max-width:600px;margin:0 auto 48px}@media(max-width:768px){.section-subtitle{font-size:14px;margin-bottom:32px}}.gradient-text{background:linear-gradient(135deg,#04b2c5,#038a99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px}.badge-primary{background:rgba(4,178,197,.1);color:#04b2c5}.badge-success{background:rgba(16,185,129,.1);color:#10b981}.list-group{border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.list-group .list-group-item{padding:16px 20px;border:none;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .15s ease}.list-group .list-group-item:last-child{border-bottom:none}.list-group .list-group-item:hover{background:rgba(4,178,197,.05);padding-left:24px}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:48px 0}img{max-width:100%;height:auto}input,select,textarea{font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.form-control{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:all .15s ease}.form-control:focus{border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.form-control::-moz-placeholder{color:#9ca3af}.form-control::placeholder{color:#9ca3af}::-webkit-selection{background:rgba(4,178,197,.2)}::-moz-selection{background:rgba(4,178,197,.2)}::selection{background:rgba(4,178,197,.2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#038a99}@keyframes fadeIn-5c5cd241{0%{opacity:0}to{opacity:1}}@keyframes slideUp-5c5cd241{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-5c5cd241{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-5c5cd241{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-5c5cd241{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-5c5cd241{0%{background-position:-200% 0}to{background-position:200% 0}}.footer[data-v-5c5cd241]{position:relative;background:#e5e7eb;color:#1f2937;margin-top:auto;border-top:1px solid #e5e7eb}.footer-wave[data-v-5c5cd241]{position:absolute;top:-80px;left:0;width:100%;color:#fff}.footer-wave svg[data-v-5c5cd241]{display:block;width:100%;height:80px}.footer-content[data-v-5c5cd241]{padding:60px 0 30px}@media(max-width:768px){.footer-content[data-v-5c5cd241]{padding:40px 0 20px}}.footer-grid[data-v-5c5cd241]{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:48px}@media(max-width:1024px){.footer-grid[data-v-5c5cd241]{grid-template-columns:repeat(2,1fr);gap:32px}}@media(max-width:640px){.footer-grid[data-v-5c5cd241]{grid-template-columns:1fr;gap:32px}}.footer-brand .brand-logo[data-v-5c5cd241]{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-brand .logo-icon[data-v-5c5cd241]{font-size:28px}.footer-brand .logo-text[data-v-5c5cd241]{font-size:20px;font-weight:700;color:#1f2937}.footer-brand .brand-desc[data-v-5c5cd241]{font-size:14px;color:#6b7280;line-height:1.7;max-width:280px}.footer-title[data-v-5c5cd241]{font-size:16px;font-weight:600;margin-bottom:20px;color:#1f2937;position:relative}.footer-title[data-v-5c5cd241]:after{content:"";position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:#04b2c5;border-radius:1px}.link-list[data-v-5c5cd241]{list-style:none;padding:0;margin:0}.link-list li[data-v-5c5cd241]{margin-bottom:12px}.link-list a[data-v-5c5cd241]{color:#6b7280;font-size:14px;transition:all .15s ease;display:inline-block}.link-list a[data-v-5c5cd241]:hover{color:#04b2c5;transform:translateX(4px)}.contact-item[data-v-5c5cd241]{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#6b7280}.contact-item .contact-icon[data-v-5c5cd241]{font-size:16px}.footer-bottom[data-v-5c5cd241]{display:flex;align-items:center;justify-content:space-between;padding-top:30px;margin-top:40px;border-top:1px solid #e5e7eb}@media(max-width:768px){.footer-bottom[data-v-5c5cd241]{flex-direction:column;gap:16px;text-align:center}}.copyright p[data-v-5c5cd241]{margin:0;font-size:13px;color:#9ca3af}.footer-social[data-v-5c5cd241]{display:flex;align-items:center;gap:16px}.footer-social .social-text[data-v-5c5cd241]{font-size:13px;color:#9ca3af}@keyframes fadeIn-e3a5fab8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-e3a5fab8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-e3a5fab8{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-e3a5fab8{0%{background-position:-200% 0}to{background-position:200% 0}}.home[data-v-e3a5fab8]{overflow-x:hidden}.hero-section[data-v-e3a5fab8]{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:72px;background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#f0f9ff);overflow:hidden}.hero-section .hero-bg[data-v-e3a5fab8]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-section .hero-shape[data-v-e3a5fab8]{position:absolute;border-radius:50%;opacity:.6}.hero-section .hero-shape.hero-shape-1[data-v-e3a5fab8]{width:600px;height:600px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));top:-200px;right:-100px;animation:float-e3a5fab8 20s ease-in-out infinite}.hero-section .hero-shape.hero-shape-2[data-v-e3a5fab8]{width:400px;height:400px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(99,102,241,.08));bottom:-100px;left:-100px;animation:float-e3a5fab8 15s ease-in-out infinite reverse}.hero-section .hero-shape.hero-shape-3[data-v-e3a5fab8]{width:300px;height:300px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.08));top:40%;left:30%;animation:float-e3a5fab8 18s ease-in-out infinite}.hero-section .hero-content[data-v-e3a5fab8]{display:flex;align-items:center;justify-content:space-between;gap:80px;position:relative;z-index:1}@media(max-width:768px){.hero-section .hero-content[data-v-e3a5fab8]{flex-direction:column;text-align:center;gap:60px}}.hero-section .hero-text[data-v-e3a5fab8]{flex:1;max-width:580px}@media(max-width:768px){.hero-section .hero-text[data-v-e3a5fab8]{max-width:100%}}.hero-section .hero-badge[data-v-e3a5fab8]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(99,102,241,.1);border-radius:50px;margin-bottom:24px;animation:fadeInUp-e3a5fab8 .6s ease forwards}.hero-section .hero-badge svg[data-v-e3a5fab8]{width:16px;height:16px;color:#f59e0b}.hero-section .hero-badge span[data-v-e3a5fab8]{font-size:13px;font-weight:600;color:#04b2c5;letter-spacing:.3px}.hero-section .hero-title[data-v-e3a5fab8]{font-size:52px;font-weight:800;line-height:1.15;margin-bottom:24px;color:#1f2937}@media(max-width:768px){.hero-section .hero-title[data-v-e3a5fab8]{font-size:36px}}.hero-section .hero-title .title-line[data-v-e3a5fab8]{display:block}.hero-section .hero-title .title-line.title-highlight[data-v-e3a5fab8]{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .hero-subtitle[data-v-e3a5fab8]{font-size:18px;color:#6b7280;margin-bottom:36px;line-height:1.7}@media(max-width:768px){.hero-section .hero-subtitle[data-v-e3a5fab8]{font-size:16px}}.hero-section .hero-cta[data-v-e3a5fab8]{display:flex;align-items:center;gap:16px;margin-bottom:48px}@media(max-width:768px){.hero-section .hero-cta[data-v-e3a5fab8]{justify-content:center}}.hero-section .cta-button[data-v-e3a5fab8]{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;border-radius:14px;cursor:pointer;transition:all .3s ease;text-decoration:none}.hero-section .cta-button svg[data-v-e3a5fab8]{width:18px;height:18px;transition:transform .3s ease}.hero-section .cta-button.primary[data-v-e3a5fab8]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.35)}.hero-section .cta-button.primary[data-v-e3a5fab8]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.45)}.hero-section .cta-button.primary:hover svg[data-v-e3a5fab8]{transform:translateX(4px)}.hero-section .cta-button.secondary[data-v-e3a5fab8]{background:#fff;color:#1f2937;border:2px solid rgba(99,102,241,.2)}.hero-section .cta-button.secondary[data-v-e3a5fab8]:hover{border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.05)}.hero-section .hero-stats[data-v-e3a5fab8]{display:flex;align-items:center;gap:24px;padding:20px 28px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06)}@media(max-width:640px){.hero-section .hero-stats[data-v-e3a5fab8]{flex-wrap:wrap;justify-content:center;gap:16px;padding:16px 20px}}.hero-section .stat-item[data-v-e3a5fab8]{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-section .stat-number[data-v-e3a5fab8]{font-size:28px;font-weight:800;color:#04b2c5}@media(max-width:640px){.hero-section .stat-number[data-v-e3a5fab8]{font-size:24px}}.hero-section .stat-label[data-v-e3a5fab8]{font-size:13px;color:#9ca3af;font-weight:500}.hero-section .stat-divider[data-v-e3a5fab8]{width:1px;height:40px;background:rgba(0,0,0,.08)}@media(max-width:640px){.hero-section .stat-divider[data-v-e3a5fab8]{display:none}}.hero-section .hero-visual[data-v-e3a5fab8]{flex:1;max-width:520px;position:relative;height:480px}@media(max-width:768px){.hero-section .hero-visual[data-v-e3a5fab8]{max-width:100%;width:100%;height:400px}}.hero-section .visual-card[data-v-e3a5fab8]{position:absolute;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.hero-section .visual-card.main-card[data-v-e3a5fab8]{width:320px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;animation:fadeInUp-e3a5fab8 .8s ease forwards}@media(max-width:768px){.hero-section .visual-card.main-card[data-v-e3a5fab8]{width:280px;height:180px}}.hero-section .visual-card.main-card .card-content[data-v-e3a5fab8]{text-align:center;color:#fff}.hero-section .visual-card.main-card .card-content .card-icon[data-v-e3a5fab8]{width:56px;height:56px;margin:0 auto 16px;padding:14px;background:hsla(0,0%,100%,.2);border-radius:16px}.hero-section .visual-card.main-card .card-content .card-icon svg[data-v-e3a5fab8]{width:100%;height:100%}.hero-section .visual-card.main-card .card-content h3[data-v-e3a5fab8]{font-size:20px;font-weight:700;margin-bottom:8px}.hero-section .visual-card.main-card .card-content p[data-v-e3a5fab8]{font-size:13px;opacity:.9}.hero-section .visual-card.float-card[data-v-e3a5fab8]{padding:14px 20px;display:flex;align-items:center;gap:12px;animation:floatCard-e3a5fab8 3s ease-in-out infinite}.hero-section .visual-card.float-card .mini-icon[data-v-e3a5fab8]{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:12px}.hero-section .visual-card.float-card .mini-icon svg[data-v-e3a5fab8]{width:100%;height:100%;color:#04b2c5}.hero-section .visual-card.float-card span[data-v-e3a5fab8]{font-size:14px;font-weight:600;color:#1f2937}.hero-section .visual-card.float-card.card-1[data-v-e3a5fab8]{top:20px;left:0;animation-delay:0s}@media(max-width:768px){.hero-section .visual-card.float-card.card-1[data-v-e3a5fab8]{left:10%}}.hero-section .visual-card.float-card.card-2[data-v-e3a5fab8]{top:60px;right:0;animation-delay:.5s}@media(max-width:768px){.hero-section .visual-card.float-card.card-2[data-v-e3a5fab8]{right:10%}}.hero-section .visual-card.float-card.card-3[data-v-e3a5fab8]{bottom:60px;left:20px;animation-delay:1s}@media(max-width:768px){.hero-section .visual-card.float-card.card-3[data-v-e3a5fab8]{left:15%}}@keyframes float-e3a5fab8{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes floatCard-e3a5fab8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp-e3a5fab8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.courses-section[data-v-e3a5fab8]{padding:100px 0;background:#f9fafb}@media(max-width:768px){.courses-section[data-v-e3a5fab8]{padding:60px 0}}.section-header[data-v-e3a5fab8]{text-align:center;margin-bottom:60px}@media(max-width:768px){.section-header[data-v-e3a5fab8]{margin-bottom:40px}}.section-title[data-v-e3a5fab8]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.section-title[data-v-e3a5fab8]{font-size:28px}}.section-title.text-left[data-v-e3a5fab8]{text-align:left}.section-subtitle[data-v-e3a5fab8]{font-size:16px;color:#6b7280;max-width:500px;margin:0 auto}@media(max-width:768px){.section-subtitle[data-v-e3a5fab8]{font-size:14px}}.courses-grid[data-v-e3a5fab8]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.courses-grid[data-v-e3a5fab8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.courses-grid[data-v-e3a5fab8]{grid-template-columns:1fr}}.course-card[data-v-e3a5fab8]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;cursor:pointer}.course-card[data-v-e3a5fab8]:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.course-card:hover .course-image img[data-v-e3a5fab8]{transform:scale(1.05)}.course-card:hover .course-overlay[data-v-e3a5fab8]{opacity:.3}.course-card .course-image[data-v-e3a5fab8]{position:relative;height:160px;overflow:hidden}.course-card .course-image img[data-v-e3a5fab8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.course-card .course-image .course-overlay[data-v-e3a5fab8]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#04b2c5,#038a99);opacity:0;transition:opacity .3s ease}.course-card .course-content[data-v-e3a5fab8]{padding:24px}.course-card .course-title[data-v-e3a5fab8]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(4,178,197,.2)}.course-card .course-features[data-v-e3a5fab8]{list-style:none;padding:0;margin:0}.course-card .course-features li[data-v-e3a5fab8]{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#6b7280;margin-bottom:8px;line-height:1.5}.course-card .course-features li[data-v-e3a5fab8]:last-child{margin-bottom:0}.course-card .course-features li .feature-icon[data-v-e3a5fab8]{color:#10b981;font-weight:700;flex-shrink:0}.features-section[data-v-e3a5fab8]{padding:100px 0;background:#fff}@media(max-width:768px){.features-section[data-v-e3a5fab8]{padding:60px 0}}.features-grid[data-v-e3a5fab8]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:768px){.features-grid[data-v-e3a5fab8]{grid-template-columns:1fr;gap:24px}}.feature-card[data-v-e3a5fab8]{padding:32px;background:#f9fafb;border-radius:16px;transition:all .3s ease}.feature-card[data-v-e3a5fab8]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.feature-card .feature-icon-wrapper[data-v-e3a5fab8]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card .feature-number[data-v-e3a5fab8]{font-size:20px;font-weight:700;color:#fff}.feature-card .feature-title[data-v-e3a5fab8]{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px}.feature-card .feature-list[data-v-e3a5fab8]{list-style:none;padding:0;margin:0}.feature-card .feature-list li[data-v-e3a5fab8]{position:relative;padding-left:20px;font-size:14px;color:#6b7280;margin-bottom:10px;line-height:1.6}.feature-card .feature-list li[data-v-e3a5fab8]:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#04b2c5}.feature-card .feature-list li[data-v-e3a5fab8]:last-child{margin-bottom:0}.teachers-section[data-v-e3a5fab8]{padding:100px 0;background:#f9fafb}@media(max-width:768px){.teachers-section[data-v-e3a5fab8]{padding:60px 0}}.teachers-content[data-v-e3a5fab8]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-e3a5fab8]{flex-direction:column;gap:40px}}.teachers-text[data-v-e3a5fab8]{flex:1}.teachers-text .section-title[data-v-e3a5fab8]{text-align:left;margin-bottom:24px}.teachers-text .teachers-desc[data-v-e3a5fab8]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-text .teachers-highlight[data-v-e3a5fab8]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teachers-text .teacher-tags[data-v-e3a5fab8]{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.teachers-text .teacher-tags[data-v-e3a5fab8]{justify-content:center}}.teachers-text .tag[data-v-e3a5fab8]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-e3a5fab8]{flex:1}.teachers-image img[data-v-e3a5fab8]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-e3a5fab8]{padding:100px 0;background:#fff}@media(max-width:768px){.cta-section[data-v-e3a5fab8]{padding:60px 0}}.cta-content[data-v-e3a5fab8]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-e3a5fab8]{flex-direction:column;gap:40px}}.cta-image[data-v-e3a5fab8]{flex:1}.cta-image img[data-v-e3a5fab8]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-e3a5fab8]{flex:1}.cta-text .cta-title[data-v-e3a5fab8]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-text .cta-title[data-v-e3a5fab8]{font-size:28px;text-align:center}}.cta-text .cta-desc[data-v-e3a5fab8]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-text .cta-desc[data-v-e3a5fab8]{text-align:center}}.cta-text .cta-qr[data-v-e3a5fab8]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-text .cta-qr[data-v-e3a5fab8]{display:block;text-align:center}}.cta-text .cta-qr img[data-v-e3a5fab8]{max-width:180px;border-radius:10px}.gradient-text[data-v-e3a5fab8]{background:linear-gradient(135deg,#04b2c5,#038a99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-modal-overlay[data-v-e3a5fab8]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn-e3a5fab8 .3s ease;padding:20px}.qr-modal-content[data-v-e3a5fab8]{position:relative;background:#fff;border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.25);max-width:400px;width:100%;overflow:hidden;animation:scaleIn-e3a5fab8 .3s cubic-bezier(.34,1.56,.64,1)}.qr-modal-close[data-v-e3a5fab8]{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.qr-modal-close svg[data-v-e3a5fab8]{width:18px;height:18px;color:#9ca3af}.qr-modal-close[data-v-e3a5fab8]:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.qr-modal-close:hover svg[data-v-e3a5fab8]{color:#1f2937}.qr-modal-header[data-v-e3a5fab8]{padding:32px 32px 24px;text-align:center}.qr-modal-header h3[data-v-e3a5fab8]{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.5px}.qr-modal-header p[data-v-e3a5fab8]{font-size:14px;color:#6b7280;margin:0}.qr-modal-body[data-v-e3a5fab8]{padding:0 32px 32px;display:flex;flex-direction:column;align-items:center}.qr-code-wrapper[data-v-e3a5fab8]{width:220px;height:220px;padding:16px;background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08);margin-bottom:20px}.qr-code-wrapper img[data-v-e3a5fab8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.qr-tips[data-v-e3a5fab8]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border-radius:50px}.qr-tips svg[data-v-e3a5fab8]{width:18px;height:18px;color:#04b2c5}.qr-tips span[data-v-e3a5fab8]{font-size:14px;font-weight:500;color:#04b2c5}@keyframes scaleIn-e3a5fab8{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-c7762d54{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c7762d54{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-c7762d54{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-c7762d54{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-c7762d54{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-c7762d54{0%{background-position:-200% 0}to{background-position:200% 0}}.java-page[data-v-c7762d54]{background:#f9fafb}.page-hero[data-v-c7762d54]{padding:120px 0 80px;background:#fff}@media(max-width:768px){.page-hero[data-v-c7762d54]{padding:100px 0 60px}}.hero-content[data-v-c7762d54]{display:flex;align-items:flex-start;gap:60px}@media(max-width:768px){.hero-content[data-v-c7762d54]{flex-direction:column;gap:40px}}.hero-image[data-v-c7762d54]{flex:0 0 40%}.hero-image img[data-v-c7762d54]{width:100%;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(max-width:768px){.hero-image[data-v-c7762d54]{flex:1;width:100%}}.hero-info[data-v-c7762d54]{flex:1}.page-title[data-v-c7762d54]{font-size:42px;font-weight:800;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.page-title[data-v-c7762d54]{font-size:32px}}.page-desc[data-v-c7762d54]{font-size:18px;color:#6b7280;margin-bottom:32px}@media(max-width:768px){.page-desc[data-v-c7762d54]{font-size:16px}}.level-cards[data-v-c7762d54]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.level-cards[data-v-c7762d54]{grid-template-columns:1fr}}.level-card[data-v-c7762d54]{padding:24px;background:#f9fafb;border-radius:16px;border:1px solid transparent;transition:all .3s ease}.level-card[data-v-c7762d54]:hover{border-color:rgba(4,178,197,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-4px)}.level-header[data-v-c7762d54]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.level-title[data-v-c7762d54]{font-size:18px;font-weight:600;color:#1f2937}.level-age[data-v-c7762d54]{padding:4px 12px;background:linear-gradient(135deg,#04b2c5,#038a99);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.level-desc[data-v-c7762d54]{font-size:14px;color:#6b7280;line-height:1.6}.cta-button[data-v-c7762d54]{margin-top:24px}.cta-button .btn[data-v-c7762d54]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px}.cta-button .btn .btn-icon[data-v-c7762d54]{transition:transform .3s ease}.cta-button .btn:hover .btn-icon[data-v-c7762d54]{transform:translateX(4px)}.curriculum-section[data-v-c7762d54]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.curriculum-section[data-v-c7762d54]{padding:60px 0}}.section-header[data-v-c7762d54]{text-align:center;margin-bottom:48px}.section-title[data-v-c7762d54]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.section-title[data-v-c7762d54]{font-size:28px}}.section-title.text-left[data-v-c7762d54]{text-align:left}.section-subtitle[data-v-c7762d54]{font-size:16px;color:#6b7280}.curriculum-grid[data-v-c7762d54]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.curriculum-grid[data-v-c7762d54]{grid-template-columns:1fr}}.curriculum-card[data-v-c7762d54]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.curriculum-card .card-header[data-v-c7762d54]{padding:24px;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;gap:12px}.curriculum-card .card-header.advanced[data-v-c7762d54]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.curriculum-card .card-header .card-icon[data-v-c7762d54]{font-size:28px}.curriculum-card .card-header .card-title[data-v-c7762d54]{font-size:20px;font-weight:600;color:#fff;margin:0}.curriculum-list[data-v-c7762d54]{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.curriculum-list[data-v-c7762d54] ::-webkit-scrollbar{width:6px;height:6px}.curriculum-list[data-v-c7762d54] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.curriculum-list[data-v-c7762d54] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.curriculum-list[data-v-c7762d54] ::-webkit-scrollbar-thumb:hover{background:#038a99}.curriculum-list li[data-v-c7762d54]{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e7eb;transition:all .15s ease}.curriculum-list li[data-v-c7762d54]:last-child{border-bottom:none}.curriculum-list li[data-v-c7762d54]:hover{background:rgba(4,178,197,.05);padding-left:32px}.curriculum-list .lesson-number[data-v-c7762d54]{width:28px;height:28px;border-radius:50%;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.curriculum-list .lesson-title[data-v-c7762d54]{font-size:14px;color:#1f2937}.teachers-section[data-v-c7762d54]{padding:80px 0;background:#fff}@media(max-width:768px){.teachers-section[data-v-c7762d54]{padding:60px 0}}.teachers-content[data-v-c7762d54]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-c7762d54]{flex-direction:column;gap:40px}}.teachers-text[data-v-c7762d54]{flex:1}.teachers-text .section-title[data-v-c7762d54]{text-align:left;margin-bottom:24px}.teachers-desc[data-v-c7762d54]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-highlight[data-v-c7762d54]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teacher-tags[data-v-c7762d54]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-c7762d54]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-c7762d54]{flex:1}.teachers-image img[data-v-c7762d54]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-c7762d54]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.cta-section[data-v-c7762d54]{padding:60px 0}}.cta-content[data-v-c7762d54]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-c7762d54]{flex-direction:column;gap:40px}}.cta-image[data-v-c7762d54]{flex:1}.cta-image img[data-v-c7762d54]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-c7762d54]{flex:1}.cta-title[data-v-c7762d54]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-title[data-v-c7762d54]{font-size:28px;text-align:center}}.cta-desc[data-v-c7762d54]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-desc[data-v-c7762d54]{text-align:center}}.cta-qr[data-v-c7762d54]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-qr[data-v-c7762d54]{display:block;text-align:center}}.cta-qr img[data-v-c7762d54]{max-width:180px;border-radius:10px}@keyframes fadeIn-501d6264{0%{opacity:0}to{opacity:1}}@keyframes slideUp-501d6264{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-501d6264{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-501d6264{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-501d6264{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-501d6264{0%{background-position:-200% 0}to{background-position:200% 0}}.java-class-page[data-v-501d6264]{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:#f9fafb;display:flex;flex-direction:column}.class-content[data-v-501d6264]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-501d6264]{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.sidebar-panel[data-v-501d6264]{width:240px}}.notes[data-v-501d6264]{display:flex;flex-direction:column;height:100%}.tabs[data-v-501d6264]{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tabs .tab[data-v-501d6264]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tabs .tab svg[data-v-501d6264]{width:18px;height:18px}.tabs .tab[data-v-501d6264]:hover{color:#04b2c5;background:rgba(4,178,197,.05)}.tabs .tab.active[data-v-501d6264]{color:#04b2c5;background:#fff;border-bottom-color:#04b2c5}.content-list[data-v-501d6264]{flex:1;overflow-y:auto}.content-list[data-v-501d6264] ::-webkit-scrollbar{width:6px;height:6px}.content-list[data-v-501d6264] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.content-list[data-v-501d6264] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.content-list[data-v-501d6264] ::-webkit-scrollbar-thumb:hover{background:#038a99}.class-section[data-v-501d6264]{border-bottom:1px solid #e5e7eb}.class-row[data-v-501d6264]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .15s ease}.class-row[data-v-501d6264]:hover{background:rgba(4,178,197,.05);padding-left:20px}.class-row .expand-icon[data-v-501d6264]{width:16px;height:16px;color:#9ca3af;transition:transform .3s ease}.topic-list[data-v-501d6264]{background:#f9fafb;padding:4px 0}.topic-row[data-v-501d6264]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 24px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.topic-row[data-v-501d6264]:hover{background:#fff;color:#04b2c5;padding-left:28px}.topic-row:hover svg[data-v-501d6264]{color:#04b2c5}.topic-row .topic-number[data-v-501d6264]{width:20px;height:20px;border-radius:50%;background:rgba(4,178,197,.1);color:#04b2c5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.topic-row .topic-name[data-v-501d6264]{flex:1}.topic-row svg[data-v-501d6264]{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.coder-panel[data-v-501d6264]{flex:1;display:flex;flex-direction:column;background:#fafafa;position:relative;overflow:hidden}.coder-header[data-v-501d6264]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;flex-shrink:0}@media(max-width:768px){.coder-header[data-v-501d6264]{flex-wrap:wrap;padding:10px 16px}}.header-left[data-v-501d6264]{display:flex;align-items:center;gap:12px}.connection-status[data-v-501d6264]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.connection-status .status-dot[data-v-501d6264]{width:8px;height:8px;border-radius:50%}.connection-status .status-dot.connected[data-v-501d6264]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.connection-status .status-dot.disconnected[data-v-501d6264]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.header-center[data-v-501d6264]{flex:1;max-width:400px}@media(max-width:768px){.header-center[data-v-501d6264]{order:3;max-width:100%;width:100%}}.stdin-input[data-v-501d6264]{width:100%;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;transition:all .15s ease}.stdin-input[data-v-501d6264]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.stdin-input[data-v-501d6264]::-moz-placeholder{color:#9ca3af}.stdin-input[data-v-501d6264]::placeholder{color:#9ca3af}.header-right[data-v-501d6264]{display:flex;align-items:center;gap:12px}.action-btn[data-v-501d6264]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-501d6264]{width:16px;height:16px}.action-btn.save-btn[data-v-501d6264]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-501d6264]:hover{background:rgba(4,178,197,.15)}.editor[data-v-501d6264]{flex:1;width:100%;background:#fff!important;font-size:14px!important}.result-panel[data-v-501d6264]{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;display:flex;flex-direction:column;z-index:10}.result-header[data-v-501d6264]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.result-header .close-btn[data-v-501d6264]{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.result-header .close-btn svg[data-v-501d6264]{width:16px;height:16px}.result-header .close-btn[data-v-501d6264]:hover{color:#1f2937;background:rgba(0,0,0,.05)}.result-content[data-v-501d6264]{flex:1;padding:12px 16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;color:#1f2937;line-height:1.6}.result-content[data-v-501d6264] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-501d6264] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-501d6264] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-501d6264] ::-webkit-scrollbar-thumb:hover{background:#038a99}.action-buttons[data-v-501d6264]{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;z-index:100}.action-buttons .btn[data-v-501d6264]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.action-buttons .btn svg[data-v-501d6264]{width:18px;height:18px}.action-buttons .btn.btn-primary[data-v-501d6264]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-buttons .btn.btn-primary[data-v-501d6264]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(99,102,241,.5)}.action-buttons .btn.btn-primary[data-v-501d6264]:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn.btn-secondary[data-v-501d6264]{background:#fff;color:#1f2937}.action-buttons .btn.btn-secondary[data-v-501d6264]:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,0,0,.15)}.java-class-page .ace_print-margin{display:none}.java-class-page .ace_gutter{background:#f8f9fa!important;color:#9ca3af!important}.java-class-page .ace_gutter-active-line{background:rgba(4,178,197,.1)!important}.java-class-page .ace_gutter-cell.error-line{background:#ff4500;color:#fff}.java-class-page .ace_gutter-cell .ace_fold-widget{display:none!important}.java-class-page .ace_cursor{color:#1f2937!important}.java-class-page .ace_identifier{color:#1890ff}.java-class-page .ace_numeric{color:#52c41a!important}.java-class-page .ace_keyword{color:#722ed1!important}.java-class-page .ace_string{color:#fa8c16!important}.java-class-page .ace_comment{color:#8c8c8c!important;font-style:italic}.java-class-page .ace_function{color:#13c2c2!important}.java-class-page .ace_variable{color:#eb2f96!important}.java-class-page .ace_constant{color:#faad14!important}@keyframes fadeIn-e81422e4{0%{opacity:0}to{opacity:1}}@keyframes slideUp-e81422e4{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-e81422e4{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-e81422e4{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-e81422e4{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-e81422e4{0%{background-position:-200% 0}to{background-position:200% 0}}.ide-container[data-v-e81422e4]{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);display:flex;background:#f9fafb}.editor-panel[data-v-e81422e4]{flex:1;display:flex;flex-direction:column;position:relative;background:#fafafa}.editor-toolbar[data-v-e81422e4]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:20px}.action-btn[data-v-e81422e4],.toolbar-left[data-v-e81422e4]{display:flex;align-items:center}.action-btn[data-v-e81422e4]{gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-e81422e4]{width:16px;height:16px}.action-btn.save-btn[data-v-e81422e4]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-e81422e4]:hover{background:rgba(4,178,197,.15)}.toolbar-center[data-v-e81422e4]{flex:1;max-width:400px}.input-wrapper input[data-v-e81422e4]{width:100%;padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;transition:all .15s ease}.input-wrapper input[data-v-e81422e4]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.input-wrapper input[data-v-e81422e4]::-moz-placeholder{color:#9ca3af}.input-wrapper input[data-v-e81422e4]::placeholder{color:#9ca3af}.toolbar-right[data-v-e81422e4]{display:flex;align-items:center;gap:16px}.connection-status[data-v-e81422e4]{display:flex;align-items:center;gap:8px}.status-dot[data-v-e81422e4]{width:8px;height:8px;border-radius:50%}.status-dot.connected[data-v-e81422e4]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.status-dot.disconnected[data-v-e81422e4]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.status-text[data-v-e81422e4]{font-size:12px;color:#6b7280}.editor-wrapper[data-v-e81422e4]{flex:1;overflow:hidden;position:relative}.editor[data-v-e81422e4]{width:100%;height:100%;background:#fff!important;font-size:14px!important}.editor[data-v-e81422e4] .ace_print-margin{display:none}.editor[data-v-e81422e4] .ace_gutter{background:#f8f9fa!important}.editor[data-v-e81422e4] .ace_identifier{color:#1890ff}.editor[data-v-e81422e4] .ace_numeric{color:#52c41a!important}.editor[data-v-e81422e4] .ace_keyword{color:#722ed1!important}.editor[data-v-e81422e4] .ace_string{color:#fa8c16!important}.editor[data-v-e81422e4] .ace_comment{color:#8c8c8c!important;font-style:italic}.editor[data-v-e81422e4] .ace_function{color:#13c2c2!important}.result-panel[data-v-e81422e4]{position:absolute;left:0;right:0;bottom:0;max-height:200px;background:#2d3748;border-top:1px solid #4a5568;z-index:10}.result-header[data-v-e81422e4]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a202c;border-bottom:1px solid #4a5568}.result-title[data-v-e81422e4]{font-size:13px;font-weight:500;color:#e2e8f0}.close-btn[data-v-e81422e4]{width:24px;height:24px;border:none;background:transparent;color:#a0aec0;font-size:16px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-btn[data-v-e81422e4]:hover{background:hsla(0,0%,100%,.1);color:#fff}.result-content[data-v-e81422e4]{padding:16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;color:#e2e8f0;line-height:1.6;overflow:auto;max-height:140px}.result-content[data-v-e81422e4] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-e81422e4] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-e81422e4] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-e81422e4] ::-webkit-scrollbar-thumb:hover{background:#038a99}.sidebar[data-v-e81422e4]{width:480px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:1024px){.sidebar[data-v-e81422e4]{width:260px}}@media(max-width:768px){.sidebar[data-v-e81422e4]{width:240px}}.canvas-section[data-v-e81422e4]{height:45%;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column}.canvas-header[data-v-e81422e4]{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.canvas-title[data-v-e81422e4]{font-size:14px;font-weight:600;color:#1f2937}.canvas-wrapper[data-v-e81422e4]{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.canvas-wrapper canvas[data-v-e81422e4]{max-width:100%;max-height:100%}.tabs-section[data-v-e81422e4]{height:55%;display:flex;flex-direction:column}.tabs[data-v-e81422e4]{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tab-btn[data-v-e81422e4]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn[data-v-e81422e4]:hover{color:#04b2c5;background:rgba(4,178,197,.05)}.tab-btn.active[data-v-e81422e4]{color:#04b2c5;background:#fff;border-bottom-color:#04b2c5}.sidebar-content[data-v-e81422e4]{flex:1;overflow-y:auto}.sidebar-content[data-v-e81422e4] ::-webkit-scrollbar{width:6px;height:6px}.sidebar-content[data-v-e81422e4] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.sidebar-content[data-v-e81422e4] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.sidebar-content[data-v-e81422e4] ::-webkit-scrollbar-thumb:hover{background:#038a99}.course-list[data-v-e81422e4]{padding:0}.course-item[data-v-e81422e4]{border-bottom:1px solid #e5e7eb}.course-header[data-v-e81422e4]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .15s ease}.course-header[data-v-e81422e4]:hover{background:rgba(4,178,197,.05);padding-left:20px}.course-header .course-name[data-v-e81422e4]{flex:1}.course-header .course-toggle img[data-v-e81422e4]{width:16px;height:16px;opacity:.5;transition:transform .3s ease}.topic-list[data-v-e81422e4]{background:#f9fafb;padding:4px 0}.topic-item[data-v-e81422e4]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 24px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.topic-item[data-v-e81422e4]:hover{background:#fff;color:#04b2c5;padding-left:28px}.topic-item:hover .topic-action img[data-v-e81422e4]{opacity:1}.topic-item .topic-number[data-v-e81422e4]{width:20px;height:20px;border-radius:50%;background:rgba(4,178,197,.1);color:#04b2c5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.topic-item .topic-name[data-v-e81422e4]{flex:1}.topic-item .topic-action img[data-v-e81422e4]{width:14px;height:14px;opacity:.5;flex-shrink:0}.action-buttons[data-v-e81422e4]{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;z-index:100}.status-indicator .status-icon[data-v-e81422e4]{width:28px;height:28px}.status-indicator .status-icon.success[data-v-e81422e4]{filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.status-indicator .status-icon.error[data-v-e81422e4]{filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.btn-run[data-v-e81422e4]{min-width:100px}.btn-outline[data-v-e81422e4]{background:transparent;border:1px solid #e5e7eb;color:#6b7280}.btn-outline[data-v-e81422e4]:hover{border-color:#04b2c5;color:#04b2c5}.error-layer[data-v-e81422e4]{position:fixed;bottom:0;left:0;width:60%;height:180px;background:#fef2f2;border-top:1px solid #ef4444;padding:20px;color:#ef4444;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;overflow:auto;z-index:50}.error-layer[data-v-e81422e4] ::-webkit-scrollbar{width:6px;height:6px}.error-layer[data-v-e81422e4] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.error-layer[data-v-e81422e4] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.error-layer[data-v-e81422e4] ::-webkit-scrollbar-thumb:hover{background:#038a99}@keyframes fadeIn-20aa4674{0%{opacity:0}to{opacity:1}}@keyframes slideUp-20aa4674{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-20aa4674{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-20aa4674{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-20aa4674{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-20aa4674{0%{background-position:-200% 0}to{background-position:200% 0}}.cpp-page[data-v-20aa4674]{background:#f9fafb}.page-hero[data-v-20aa4674]{padding:120px 0 80px;background:#fff}@media(max-width:768px){.page-hero[data-v-20aa4674]{padding:100px 0 60px}}.hero-content[data-v-20aa4674]{display:flex;align-items:flex-start;gap:60px}@media(max-width:768px){.hero-content[data-v-20aa4674]{flex-direction:column;gap:40px}}.hero-image[data-v-20aa4674]{flex:0 0 40%}.hero-image img[data-v-20aa4674]{width:100%;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(max-width:768px){.hero-image[data-v-20aa4674]{flex:1;width:100%}}.hero-info[data-v-20aa4674]{flex:1}.page-title[data-v-20aa4674]{font-size:42px;font-weight:800;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.page-title[data-v-20aa4674]{font-size:32px}}.page-desc[data-v-20aa4674]{font-size:18px;color:#6b7280;margin-bottom:32px}@media(max-width:768px){.page-desc[data-v-20aa4674]{font-size:16px}}.level-cards[data-v-20aa4674]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.level-cards[data-v-20aa4674]{grid-template-columns:1fr}}.level-card[data-v-20aa4674]{padding:24px;background:#f9fafb;border-radius:16px;border:1px solid transparent;transition:all .3s ease}.level-card[data-v-20aa4674]:hover{border-color:rgba(4,178,197,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-4px)}.level-header[data-v-20aa4674]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.level-title[data-v-20aa4674]{font-size:18px;font-weight:600;color:#1f2937}.level-age[data-v-20aa4674]{padding:4px 12px;background:linear-gradient(135deg,#04b2c5,#038a99);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.level-desc[data-v-20aa4674]{font-size:14px;color:#6b7280;line-height:1.6}.cta-button[data-v-20aa4674]{margin-top:24px}.cta-button .btn[data-v-20aa4674]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px}.cta-button .btn .btn-icon[data-v-20aa4674]{transition:transform .3s ease}.cta-button .btn:hover .btn-icon[data-v-20aa4674]{transform:translateX(4px)}.curriculum-section[data-v-20aa4674]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.curriculum-section[data-v-20aa4674]{padding:60px 0}}.section-header[data-v-20aa4674]{text-align:center;margin-bottom:48px}.section-title[data-v-20aa4674]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.section-title[data-v-20aa4674]{font-size:28px}}.section-title.text-left[data-v-20aa4674]{text-align:left}.section-subtitle[data-v-20aa4674]{font-size:16px;color:#6b7280}.curriculum-grid[data-v-20aa4674]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.curriculum-grid[data-v-20aa4674]{grid-template-columns:1fr}}.curriculum-card[data-v-20aa4674]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.curriculum-card .card-header[data-v-20aa4674]{padding:24px;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;gap:12px}.curriculum-card .card-header.advanced[data-v-20aa4674]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.curriculum-card .card-header .card-icon[data-v-20aa4674]{font-size:28px}.curriculum-card .card-header .card-title[data-v-20aa4674]{font-size:20px;font-weight:600;color:#fff;margin:0}.curriculum-list[data-v-20aa4674]{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.curriculum-list[data-v-20aa4674] ::-webkit-scrollbar{width:6px;height:6px}.curriculum-list[data-v-20aa4674] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.curriculum-list[data-v-20aa4674] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.curriculum-list[data-v-20aa4674] ::-webkit-scrollbar-thumb:hover{background:#038a99}.curriculum-list li[data-v-20aa4674]{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e7eb;transition:all .15s ease}.curriculum-list li[data-v-20aa4674]:last-child{border-bottom:none}.curriculum-list li[data-v-20aa4674]:hover{background:rgba(4,178,197,.05);padding-left:32px}.curriculum-list .lesson-number[data-v-20aa4674]{width:28px;height:28px;border-radius:50%;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.curriculum-list .lesson-title[data-v-20aa4674]{font-size:14px;color:#1f2937}.teachers-section[data-v-20aa4674]{padding:80px 0;background:#fff}@media(max-width:768px){.teachers-section[data-v-20aa4674]{padding:60px 0}}.teachers-content[data-v-20aa4674]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-20aa4674]{flex-direction:column;gap:40px}}.teachers-text[data-v-20aa4674]{flex:1}.teachers-text .section-title[data-v-20aa4674]{text-align:left;margin-bottom:24px}.teachers-desc[data-v-20aa4674]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-highlight[data-v-20aa4674]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teacher-tags[data-v-20aa4674]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-20aa4674]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-20aa4674]{flex:1}.teachers-image img[data-v-20aa4674]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-20aa4674]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.cta-section[data-v-20aa4674]{padding:60px 0}}.cta-content[data-v-20aa4674]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-20aa4674]{flex-direction:column;gap:40px}}.cta-image[data-v-20aa4674]{flex:1}.cta-image img[data-v-20aa4674]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-20aa4674]{flex:1}.cta-title[data-v-20aa4674]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-title[data-v-20aa4674]{font-size:28px;text-align:center}}.cta-desc[data-v-20aa4674]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-desc[data-v-20aa4674]{text-align:center}}.cta-qr[data-v-20aa4674]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-qr[data-v-20aa4674]{display:block;text-align:center}}.cta-qr img[data-v-20aa4674]{max-width:180px;border-radius:10px}.sub{list-style:none;color:#666;font-weight:400;margin-top:5px}@keyframes fadeIn-3f10ee2e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-3f10ee2e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-3f10ee2e{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-3f10ee2e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-3f10ee2e{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-3f10ee2e{0%{background-position:-200% 0}to{background-position:200% 0}}.cpp-class-page[data-v-3f10ee2e]{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:#f9fafb;display:flex;flex-direction:column}.class-content[data-v-3f10ee2e]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-3f10ee2e]{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.sidebar-panel[data-v-3f10ee2e]{width:240px}}.notes[data-v-3f10ee2e]{display:flex;flex-direction:column;height:100%}.tabs[data-v-3f10ee2e]{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tabs .tab[data-v-3f10ee2e]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tabs .tab svg[data-v-3f10ee2e]{width:18px;height:18px}.tabs .tab[data-v-3f10ee2e]:hover{color:#04b2c5;background:rgba(4,178,197,.05)}.tabs .tab.active[data-v-3f10ee2e]{color:#04b2c5;background:#fff;border-bottom-color:#04b2c5}.content-list[data-v-3f10ee2e]{flex:1;overflow-y:auto}.content-list[data-v-3f10ee2e] ::-webkit-scrollbar{width:6px;height:6px}.content-list[data-v-3f10ee2e] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.content-list[data-v-3f10ee2e] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.content-list[data-v-3f10ee2e] ::-webkit-scrollbar-thumb:hover{background:#038a99}.class-section[data-v-3f10ee2e]{border-bottom:1px solid #e5e7eb}.class-row[data-v-3f10ee2e]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .15s ease}.class-row[data-v-3f10ee2e]:hover{background:rgba(4,178,197,.05);padding-left:20px}.class-row .expand-icon[data-v-3f10ee2e]{width:16px;height:16px;color:#9ca3af;transition:transform .3s ease}.topic-list[data-v-3f10ee2e]{background:#f9fafb;padding:4px 0}.topic-row[data-v-3f10ee2e]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 24px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.topic-row[data-v-3f10ee2e]:hover{background:#fff;color:#04b2c5;padding-left:28px}.topic-row:hover svg[data-v-3f10ee2e]{color:#04b2c5}.topic-row .topic-number[data-v-3f10ee2e]{width:20px;height:20px;border-radius:50%;background:rgba(4,178,197,.1);color:#04b2c5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.topic-row .topic-name[data-v-3f10ee2e]{flex:1}.topic-row svg[data-v-3f10ee2e]{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.coder-panel[data-v-3f10ee2e]{flex:1;display:flex;flex-direction:column;background:#fafafa;position:relative;overflow:hidden}.coder-header[data-v-3f10ee2e]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;flex-shrink:0}@media(max-width:768px){.coder-header[data-v-3f10ee2e]{flex-wrap:wrap;padding:10px 16px}}.header-left[data-v-3f10ee2e]{display:flex;align-items:center;gap:12px}.connection-status[data-v-3f10ee2e]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.connection-status .status-dot[data-v-3f10ee2e]{width:8px;height:8px;border-radius:50%}.connection-status .status-dot.connected[data-v-3f10ee2e]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.connection-status .status-dot.disconnected[data-v-3f10ee2e]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.header-center[data-v-3f10ee2e]{flex:1;max-width:400px}@media(max-width:768px){.header-center[data-v-3f10ee2e]{order:3;max-width:100%;width:100%}}.stdin-input[data-v-3f10ee2e]{width:100%;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;transition:all .15s ease}.stdin-input[data-v-3f10ee2e]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.stdin-input[data-v-3f10ee2e]::-moz-placeholder{color:#9ca3af}.stdin-input[data-v-3f10ee2e]::placeholder{color:#9ca3af}.header-right[data-v-3f10ee2e]{display:flex;align-items:center;gap:12px}.action-btn[data-v-3f10ee2e]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-3f10ee2e]{width:16px;height:16px}.action-btn.save-btn[data-v-3f10ee2e]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-3f10ee2e]:hover{background:rgba(4,178,197,.15)}.editor[data-v-3f10ee2e]{flex:1;width:100%;background:#fff!important;font-size:14px!important}.result-panel[data-v-3f10ee2e]{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;display:flex;flex-direction:column;z-index:10}.result-header[data-v-3f10ee2e]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.result-header .close-btn[data-v-3f10ee2e]{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.result-header .close-btn svg[data-v-3f10ee2e]{width:16px;height:16px}.result-header .close-btn[data-v-3f10ee2e]:hover{color:#1f2937;background:rgba(0,0,0,.05)}.result-content[data-v-3f10ee2e]{flex:1;padding:12px 16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;color:#1f2937;line-height:1.6}.result-content[data-v-3f10ee2e] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-3f10ee2e] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-3f10ee2e] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-3f10ee2e] ::-webkit-scrollbar-thumb:hover{background:#038a99}.action-buttons[data-v-3f10ee2e]{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;z-index:100}.action-buttons .btn[data-v-3f10ee2e]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.action-buttons .btn svg[data-v-3f10ee2e]{width:18px;height:18px}.action-buttons .btn.btn-primary[data-v-3f10ee2e]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-buttons .btn.btn-primary[data-v-3f10ee2e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(99,102,241,.5)}.action-buttons .btn.btn-primary[data-v-3f10ee2e]:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn.btn-secondary[data-v-3f10ee2e]{background:#fff;color:#1f2937}.action-buttons .btn.btn-secondary[data-v-3f10ee2e]:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,0,0,.15)}.cpp-class-page .ace_print-margin{display:none}.cpp-class-page .ace_gutter{background:#f8f9fa!important;color:#9ca3af!important}.cpp-class-page .ace_gutter-active-line{background:rgba(4,178,197,.1)!important}.cpp-class-page .ace_gutter-cell.error-line{background:#ff4500;color:#fff}.cpp-class-page .ace_gutter-cell .ace_fold-widget{display:none!important}.cpp-class-page .ace_cursor{color:#1f2937!important}.cpp-class-page .ace_identifier{color:#1890ff}.cpp-class-page .ace_numeric{color:#52c41a!important}.cpp-class-page .ace_keyword{color:#722ed1!important}.cpp-class-page .ace_string{color:#fa8c16!important}.cpp-class-page .ace_comment{color:#8c8c8c!important;font-style:italic}.cpp-class-page .ace_function{color:#13c2c2!important}.cpp-class-page .ace_variable{color:#eb2f96!important}.cpp-class-page .ace_constant{color:#faad14!important}@keyframes fadeIn-648e966e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-648e966e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-648e966e{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-648e966e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-648e966e{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-648e966e{0%{background-position:-200% 0}to{background-position:200% 0}}.python-page[data-v-648e966e]{background:#f9fafb}.page-hero[data-v-648e966e]{padding:120px 0 80px;background:#fff}@media(max-width:768px){.page-hero[data-v-648e966e]{padding:100px 0 60px}}.hero-content[data-v-648e966e]{display:flex;align-items:flex-start;gap:60px}@media(max-width:768px){.hero-content[data-v-648e966e]{flex-direction:column;gap:40px}}.hero-image[data-v-648e966e]{flex:0 0 40%}.hero-image img[data-v-648e966e]{width:100%;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(max-width:768px){.hero-image[data-v-648e966e]{flex:1;width:100%}}.hero-info[data-v-648e966e]{flex:1}.page-title[data-v-648e966e]{font-size:42px;font-weight:800;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.page-title[data-v-648e966e]{font-size:32px}}.page-desc[data-v-648e966e]{font-size:18px;color:#6b7280;margin-bottom:32px}@media(max-width:768px){.page-desc[data-v-648e966e]{font-size:16px}}.level-cards[data-v-648e966e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.level-cards[data-v-648e966e]{grid-template-columns:1fr}}.level-card[data-v-648e966e]{padding:24px;background:#f9fafb;border-radius:16px;border:1px solid transparent;transition:all .3s ease}.level-card[data-v-648e966e]:hover{border-color:rgba(4,178,197,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-4px)}.level-header[data-v-648e966e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.level-title[data-v-648e966e]{font-size:18px;font-weight:600;color:#1f2937}.level-age[data-v-648e966e]{padding:4px 12px;background:linear-gradient(135deg,#04b2c5,#038a99);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.level-desc[data-v-648e966e]{font-size:14px;color:#6b7280;line-height:1.6}.cta-buttons[data-v-648e966e]{margin-top:24px;display:flex;gap:16px;flex-wrap:wrap}.cta-buttons .btn[data-v-648e966e]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px}.cta-buttons .btn .btn-icon[data-v-648e966e]{transition:transform .3s ease}.cta-buttons .btn:hover .btn-icon[data-v-648e966e]{transform:translateX(4px)}.cta-buttons .btn-secondary[data-v-648e966e]{background:#fff;color:#1f2937;border:2px solid rgba(4,178,197,.2)}.cta-buttons .btn-secondary[data-v-648e966e]:hover{border-color:rgba(4,178,197,.4);background:rgba(4,178,197,.05)}.curriculum-section[data-v-648e966e]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.curriculum-section[data-v-648e966e]{padding:60px 0}}.section-header[data-v-648e966e]{text-align:center;margin-bottom:48px}.section-title[data-v-648e966e]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.section-title[data-v-648e966e]{font-size:28px}}.section-title.text-left[data-v-648e966e]{text-align:left}.section-subtitle[data-v-648e966e]{font-size:16px;color:#6b7280}.curriculum-grid[data-v-648e966e]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.curriculum-grid[data-v-648e966e]{grid-template-columns:1fr}}.curriculum-card[data-v-648e966e]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.curriculum-card .card-header[data-v-648e966e]{padding:24px;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;gap:12px}.curriculum-card .card-header.advanced[data-v-648e966e]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.curriculum-card .card-header .card-icon[data-v-648e966e]{font-size:28px}.curriculum-card .card-header .card-title[data-v-648e966e]{font-size:20px;font-weight:600;color:#fff;margin:0}.curriculum-list[data-v-648e966e]{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.curriculum-list[data-v-648e966e] ::-webkit-scrollbar{width:6px;height:6px}.curriculum-list[data-v-648e966e] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.curriculum-list[data-v-648e966e] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.curriculum-list[data-v-648e966e] ::-webkit-scrollbar-thumb:hover{background:#038a99}.curriculum-list li[data-v-648e966e]{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e7eb;transition:all .15s ease}.curriculum-list li[data-v-648e966e]:last-child{border-bottom:none}.curriculum-list li[data-v-648e966e]:hover{background:rgba(4,178,197,.05);padding-left:32px}.curriculum-list .lesson-number[data-v-648e966e]{width:28px;height:28px;border-radius:50%;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.curriculum-list .lesson-title[data-v-648e966e]{font-size:14px;color:#1f2937}.teachers-section[data-v-648e966e]{padding:80px 0;background:#fff}@media(max-width:768px){.teachers-section[data-v-648e966e]{padding:60px 0}}.teachers-content[data-v-648e966e]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-648e966e]{flex-direction:column;gap:40px}}.teachers-text[data-v-648e966e]{flex:1}.teachers-text .section-title[data-v-648e966e]{text-align:left;margin-bottom:24px}.teachers-desc[data-v-648e966e]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-highlight[data-v-648e966e]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teacher-tags[data-v-648e966e]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-648e966e]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-648e966e]{flex:1}.teachers-image img[data-v-648e966e]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-648e966e]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.cta-section[data-v-648e966e]{padding:60px 0}}.cta-content[data-v-648e966e]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-648e966e]{flex-direction:column;gap:40px}}.cta-image[data-v-648e966e]{flex:1}.cta-image img[data-v-648e966e]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-648e966e]{flex:1}.cta-title[data-v-648e966e]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-title[data-v-648e966e]{font-size:28px;text-align:center}}.cta-desc[data-v-648e966e]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-desc[data-v-648e966e]{text-align:center}}.cta-qr[data-v-648e966e]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-qr[data-v-648e966e]{display:block;text-align:center}}.cta-qr img[data-v-648e966e]{max-width:180px;border-radius:10px}@keyframes fadeIn-0b4b7aae{0%{opacity:0}to{opacity:1}}@keyframes slideUp-0b4b7aae{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-0b4b7aae{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-0b4b7aae{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-0b4b7aae{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-0b4b7aae{0%{background-position:-200% 0}to{background-position:200% 0}}.python-class-page[data-v-0b4b7aae]{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:#f9fafb;display:flex;flex-direction:column}.class-content[data-v-0b4b7aae]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-0b4b7aae]{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.sidebar-panel[data-v-0b4b7aae]{width:240px}}.notes[data-v-0b4b7aae]{display:flex;flex-direction:column;height:100%}.tabs[data-v-0b4b7aae]{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tabs .tab[data-v-0b4b7aae]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tabs .tab svg[data-v-0b4b7aae]{width:18px;height:18px}.tabs .tab[data-v-0b4b7aae]:hover{color:#04b2c5;background:rgba(4,178,197,.05)}.tabs .tab.active[data-v-0b4b7aae]{color:#04b2c5;background:#fff;border-bottom-color:#04b2c5}.content-list[data-v-0b4b7aae]{flex:1;overflow-y:auto}.content-list[data-v-0b4b7aae] ::-webkit-scrollbar{width:6px;height:6px}.content-list[data-v-0b4b7aae] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.content-list[data-v-0b4b7aae] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.content-list[data-v-0b4b7aae] ::-webkit-scrollbar-thumb:hover{background:#038a99}.class-section[data-v-0b4b7aae]{border-bottom:1px solid #e5e7eb}.class-row[data-v-0b4b7aae]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .15s ease}.class-row[data-v-0b4b7aae]:hover{background:rgba(4,178,197,.05);padding-left:20px}.class-row .expand-icon[data-v-0b4b7aae]{width:16px;height:16px;color:#9ca3af;transition:transform .3s ease}.topic-list[data-v-0b4b7aae]{background:#f9fafb;padding:4px 0}.topic-row[data-v-0b4b7aae]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 24px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.topic-row[data-v-0b4b7aae]:hover{background:#fff;color:#04b2c5;padding-left:28px}.topic-row:hover svg[data-v-0b4b7aae]{color:#04b2c5}.topic-row .topic-number[data-v-0b4b7aae]{width:20px;height:20px;border-radius:50%;background:rgba(4,178,197,.1);color:#04b2c5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.topic-row .topic-name[data-v-0b4b7aae]{flex:1}.topic-row svg[data-v-0b4b7aae]{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.coder-panel[data-v-0b4b7aae]{flex:1;display:flex;flex-direction:column;background:#fafafa;position:relative;overflow:hidden}.coder-header[data-v-0b4b7aae]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;flex-shrink:0}@media(max-width:768px){.coder-header[data-v-0b4b7aae]{flex-wrap:wrap;padding:10px 16px}}.header-left[data-v-0b4b7aae]{display:flex;align-items:center;gap:12px}.connection-status[data-v-0b4b7aae]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.connection-status .status-dot[data-v-0b4b7aae]{width:8px;height:8px;border-radius:50%}.connection-status .status-dot.connected[data-v-0b4b7aae]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.connection-status .status-dot.disconnected[data-v-0b4b7aae]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.header-center[data-v-0b4b7aae]{flex:1;max-width:400px}@media(max-width:768px){.header-center[data-v-0b4b7aae]{order:3;max-width:100%;width:100%}}.stdin-input[data-v-0b4b7aae]{width:100%;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;transition:all .15s ease}.stdin-input[data-v-0b4b7aae]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.stdin-input[data-v-0b4b7aae]::-moz-placeholder{color:#9ca3af}.stdin-input[data-v-0b4b7aae]::placeholder{color:#9ca3af}.header-right[data-v-0b4b7aae]{display:flex;align-items:center;gap:12px}.action-btn[data-v-0b4b7aae]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-0b4b7aae]{width:16px;height:16px}.action-btn.save-btn[data-v-0b4b7aae]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-0b4b7aae]:hover{background:rgba(4,178,197,.15)}.editor[data-v-0b4b7aae]{flex:1;width:100%;background:#fff!important;font-size:14px!important}.result-panel[data-v-0b4b7aae]{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;display:flex;flex-direction:column;z-index:10}.result-header[data-v-0b4b7aae]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.result-header .close-btn[data-v-0b4b7aae]{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.result-header .close-btn svg[data-v-0b4b7aae]{width:16px;height:16px}.result-header .close-btn[data-v-0b4b7aae]:hover{color:#1f2937;background:rgba(0,0,0,.05)}.result-content[data-v-0b4b7aae]{flex:1;padding:12px 16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;color:#1f2937;line-height:1.6}.result-content[data-v-0b4b7aae] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-0b4b7aae] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-0b4b7aae] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-0b4b7aae] ::-webkit-scrollbar-thumb:hover{background:#038a99}.action-buttons[data-v-0b4b7aae]{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;z-index:100}.action-buttons .btn[data-v-0b4b7aae]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.action-buttons .btn svg[data-v-0b4b7aae]{width:18px;height:18px}.action-buttons .btn.btn-primary[data-v-0b4b7aae]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-buttons .btn.btn-primary[data-v-0b4b7aae]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(99,102,241,.5)}.action-buttons .btn.btn-primary[data-v-0b4b7aae]:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn.btn-secondary[data-v-0b4b7aae]{background:#fff;color:#1f2937}.action-buttons .btn.btn-secondary[data-v-0b4b7aae]:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,0,0,.15)}.python-class-page .ace_print-margin{display:none}.python-class-page .ace_gutter{background:#f8f9fa!important;color:#9ca3af!important}.python-class-page .ace_gutter-active-line{background:rgba(4,178,197,.1)!important}.python-class-page .ace_gutter-cell.error-line{background:#ff4500;color:#fff}.python-class-page .ace_gutter-cell .ace_fold-widget{display:none!important}.python-class-page .ace_cursor{color:#1f2937!important}.python-class-page .ace_identifier{color:#1890ff}.python-class-page .ace_numeric{color:#52c41a!important}.python-class-page .ace_keyword{color:#722ed1!important}.python-class-page .ace_string{color:#fa8c16!important}.python-class-page .ace_comment{color:#8c8c8c!important;font-style:italic}.python-class-page .ace_function{color:#13c2c2!important}.python-class-page .ace_variable{color:#eb2f96!important}.python-class-page .ace_constant{color:#faad14!important}@keyframes fadeIn-97639d74{0%{opacity:0}to{opacity:1}}@keyframes slideUp-97639d74{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-97639d74{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-97639d74{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-97639d74{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-97639d74{0%{background-position:-200% 0}to{background-position:200% 0}}.algorithm-class-page[data-v-97639d74]{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:#f9fafb;display:flex;flex-direction:column}.class-content[data-v-97639d74]{display:flex;flex:1;overflow:hidden}.sidebar-panel[data-v-97639d74]{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.sidebar-panel[data-v-97639d74]{width:240px}}.notes[data-v-97639d74]{display:flex;flex-direction:column;height:100%}.tabs[data-v-97639d74]{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tabs .tab[data-v-97639d74]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tabs .tab svg[data-v-97639d74]{width:18px;height:18px}.tabs .tab[data-v-97639d74]:hover{color:#04b2c5;background:rgba(4,178,197,.05)}.tabs .tab.active[data-v-97639d74]{color:#04b2c5;background:#fff;border-bottom-color:#04b2c5}.content-list[data-v-97639d74]{flex:1;overflow-y:auto}.content-list[data-v-97639d74] ::-webkit-scrollbar{width:6px;height:6px}.content-list[data-v-97639d74] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.content-list[data-v-97639d74] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.content-list[data-v-97639d74] ::-webkit-scrollbar-thumb:hover{background:#038a99}.class-section[data-v-97639d74]{border-bottom:1px solid #e5e7eb}.class-row[data-v-97639d74]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .15s ease}.class-row[data-v-97639d74]:hover{background:rgba(4,178,197,.05);padding-left:20px}.class-row .expand-icon[data-v-97639d74]{width:16px;height:16px;color:#9ca3af;transition:transform .3s ease}.topic-list[data-v-97639d74]{background:#f9fafb;padding:4px 0}.topic-row[data-v-97639d74]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 24px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.topic-row[data-v-97639d74]:hover{background:#fff;color:#04b2c5;padding-left:28px}.topic-row:hover svg[data-v-97639d74]{color:#04b2c5}.topic-row .topic-number[data-v-97639d74]{width:20px;height:20px;border-radius:50%;background:rgba(4,178,197,.1);color:#04b2c5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.topic-row .topic-name[data-v-97639d74]{flex:1}.topic-row svg[data-v-97639d74]{width:14px;height:14px;color:#9ca3af;flex-shrink:0}.coder-panel[data-v-97639d74]{flex:1;display:flex;flex-direction:column;background:#fafafa;position:relative;overflow:hidden}.coder-header[data-v-97639d74]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;flex-shrink:0}@media(max-width:768px){.coder-header[data-v-97639d74]{flex-wrap:wrap;padding:10px 16px}}.header-left[data-v-97639d74]{display:flex;align-items:center;gap:12px}.connection-status[data-v-97639d74]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.connection-status .status-dot[data-v-97639d74]{width:8px;height:8px;border-radius:50%}.connection-status .status-dot.connected[data-v-97639d74]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.connection-status .status-dot.disconnected[data-v-97639d74]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.header-center[data-v-97639d74]{flex:1;max-width:400px}@media(max-width:768px){.header-center[data-v-97639d74]{order:3;max-width:100%;width:100%}}.stdin-input[data-v-97639d74]{width:100%;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;transition:all .15s ease}.stdin-input[data-v-97639d74]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.stdin-input[data-v-97639d74]::-moz-placeholder{color:#9ca3af}.stdin-input[data-v-97639d74]::placeholder{color:#9ca3af}.header-right[data-v-97639d74]{display:flex;align-items:center;gap:12px}.action-btn[data-v-97639d74]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-97639d74]{width:16px;height:16px}.action-btn.save-btn[data-v-97639d74]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-97639d74]:hover{background:rgba(4,178,197,.15)}.editor[data-v-97639d74]{flex:1;width:100%;background:#fff!important;font-size:14px!important}.result-panel[data-v-97639d74]{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;display:flex;flex-direction:column;z-index:10}.result-header[data-v-97639d74]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.result-header .close-btn[data-v-97639d74]{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.result-header .close-btn svg[data-v-97639d74]{width:16px;height:16px}.result-header .close-btn[data-v-97639d74]:hover{color:#1f2937;background:rgba(0,0,0,.05)}.result-content[data-v-97639d74]{flex:1;padding:12px 16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;color:#1f2937;line-height:1.6}.result-content[data-v-97639d74] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-97639d74] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-97639d74] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-97639d74] ::-webkit-scrollbar-thumb:hover{background:#038a99}.action-buttons[data-v-97639d74]{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;z-index:100}.action-buttons .btn[data-v-97639d74]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.action-buttons .btn svg[data-v-97639d74]{width:18px;height:18px}.action-buttons .btn.btn-primary[data-v-97639d74]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-buttons .btn.btn-primary[data-v-97639d74]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(99,102,241,.5)}.action-buttons .btn.btn-primary[data-v-97639d74]:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn.btn-secondary[data-v-97639d74]{background:#fff;color:#1f2937}.action-buttons .btn.btn-secondary[data-v-97639d74]:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,0,0,.15)}.algorithm-class-page .ace_print-margin{display:none}.algorithm-class-page .ace_gutter{background:#f8f9fa!important;color:#9ca3af!important}.algorithm-class-page .ace_gutter-active-line{background:rgba(4,178,197,.1)!important}.algorithm-class-page .ace_gutter-cell.error-line{background:#ff4500;color:#fff}.algorithm-class-page .ace_gutter-cell .ace_fold-widget{display:none!important}.algorithm-class-page .ace_cursor{color:#1f2937!important}.algorithm-class-page .ace_identifier{color:#1890ff}.algorithm-class-page .ace_numeric{color:#52c41a!important}.algorithm-class-page .ace_keyword{color:#722ed1!important}.algorithm-class-page .ace_string{color:#fa8c16!important}.algorithm-class-page .ace_comment{color:#8c8c8c!important;font-style:italic}.algorithm-class-page .ace_function{color:#13c2c2!important}.algorithm-class-page .ace_variable{color:#eb2f96!important}.algorithm-class-page .ace_constant{color:#faad14!important}@keyframes fadeIn-fdac316a{0%{opacity:0}to{opacity:1}}@keyframes slideUp-fdac316a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-fdac316a{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-fdac316a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-fdac316a{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-fdac316a{0%{background-position:-200% 0}to{background-position:200% 0}}.coder-page[data-v-fdac316a]{position:fixed;top:72px;left:0;width:100%;height:calc(100% - 72px);background:#f9fafb;display:flex;flex-direction:column}.coder-content[data-v-fdac316a],.coder-panel[data-v-fdac316a]{display:flex;flex:1;overflow:hidden}.coder-panel[data-v-fdac316a]{flex-direction:column;background:#fafafa;position:relative}.coder-header[data-v-fdac316a]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;flex-shrink:0}@media(max-width:768px){.coder-header[data-v-fdac316a]{flex-wrap:wrap;padding:10px 16px}}.header-left[data-v-fdac316a]{display:flex;align-items:center;gap:12px}.connection-status[data-v-fdac316a]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.connection-status .status-dot[data-v-fdac316a]{width:8px;height:8px;border-radius:50%}.connection-status .status-dot.connected[data-v-fdac316a]{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.connection-status .status-dot.disconnected[data-v-fdac316a]{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5)}.header-center[data-v-fdac316a]{flex:1;max-width:400px}@media(max-width:768px){.header-center[data-v-fdac316a]{order:3;max-width:100%;width:100%}}.stdin-input[data-v-fdac316a]{width:100%;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;transition:all .15s ease}.stdin-input[data-v-fdac316a]:focus{outline:none;border-color:#04b2c5;box-shadow:0 0 0 3px rgba(4,178,197,.1)}.stdin-input[data-v-fdac316a]::-moz-placeholder{color:#9ca3af}.stdin-input[data-v-fdac316a]::placeholder{color:#9ca3af}.header-right[data-v-fdac316a]{display:flex;align-items:center;gap:12px}.language-select[data-v-fdac316a]{padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:13px;cursor:pointer;transition:all .15s ease}.language-select[data-v-fdac316a]:focus{outline:none;border-color:#04b2c5}.action-btn[data-v-fdac316a]{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.action-btn svg[data-v-fdac316a]{width:16px;height:16px}.action-btn.save-btn[data-v-fdac316a]{background:rgba(4,178,197,.1);color:#04b2c5}.action-btn.save-btn[data-v-fdac316a]:hover{background:rgba(4,178,197,.15)}.editor[data-v-fdac316a]{flex:1;width:100%;background:#fff!important;font-size:14px!important}.result-panel[data-v-fdac316a]{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;max-height:200px;display:flex;flex-direction:column;z-index:10}.result-header[data-v-fdac316a]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.result-header .close-btn[data-v-fdac316a]{width:24px;height:24px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.result-header .close-btn svg[data-v-fdac316a]{width:16px;height:16px}.result-header .close-btn[data-v-fdac316a]:hover{color:#1f2937;background:rgba(0,0,0,.05)}.result-content[data-v-fdac316a]{flex:1;padding:12px 16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;color:#1f2937;line-height:1.6}.result-content[data-v-fdac316a] ::-webkit-scrollbar{width:6px;height:6px}.result-content[data-v-fdac316a] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.result-content[data-v-fdac316a] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.result-content[data-v-fdac316a] ::-webkit-scrollbar-thumb:hover{background:#038a99}.preview-panel[data-v-fdac316a]{width:400px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0}@media(max-width:1024px){.preview-panel[data-v-fdac316a]{display:none}}.preview-header[data-v-fdac316a]{padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#1f2937}.preview-content[data-v-fdac316a]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.preview-content canvas[data-v-fdac316a]{max-width:100%;max-height:100%}.action-buttons[data-v-fdac316a]{position:fixed;bottom:24px;right:24px;display:flex;gap:12px;z-index:100}.action-buttons .btn[data-v-fdac316a]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.action-buttons .btn svg[data-v-fdac316a]{width:18px;height:18px}.action-buttons .btn.btn-primary[data-v-fdac316a]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-buttons .btn.btn-primary[data-v-fdac316a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(99,102,241,.5)}.action-buttons .btn.btn-primary[data-v-fdac316a]:disabled{opacity:.6;cursor:not-allowed}.action-buttons .btn.btn-secondary[data-v-fdac316a]{background:#fff;color:#1f2937}.action-buttons .btn.btn-secondary[data-v-fdac316a]:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,0,0,.15)}.status-indicator[data-v-fdac316a]{display:flex;align-items:center}.status-indicator .status-icon[data-v-fdac316a]{width:28px;height:28px}.status-indicator .status-icon.success[data-v-fdac316a]{filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.status-indicator .status-icon.error[data-v-fdac316a]{filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.coder-page .ace_print-margin{display:none}.coder-page .ace_gutter{background:#f8f9fa!important;color:#9ca3af!important}.coder-page .ace_gutter-active-line{background:rgba(4,178,197,.1)!important}.coder-page .ace_gutter-cell.error-line{background:#ff4500;color:#fff}.coder-page .ace_gutter-cell .ace_fold-widget{display:none!important}.coder-page .ace_cursor{color:#1f2937!important}.coder-page .ace_identifier{color:#1890ff}.coder-page .ace_numeric{color:#52c41a!important}.coder-page .ace_keyword{color:#722ed1!important}.coder-page .ace_string{color:#fa8c16!important}.coder-page .ace_comment{color:#8c8c8c!important;font-style:italic}.coder-page .ace_function{color:#13c2c2!important}.coder-page .ace_variable{color:#eb2f96!important}.coder-page .ace_constant{color:#faad14!important}@keyframes fadeIn-f2ea3934{0%{opacity:0}to{opacity:1}}@keyframes slideUp-f2ea3934{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-f2ea3934{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-f2ea3934{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-f2ea3934{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-f2ea3934{0%{background-position:-200% 0}to{background-position:200% 0}}.algorithm-page[data-v-f2ea3934]{background:#f9fafb}.page-hero[data-v-f2ea3934]{padding:120px 0 80px;background:#fff}@media(max-width:768px){.page-hero[data-v-f2ea3934]{padding:100px 0 60px}}.hero-content[data-v-f2ea3934]{display:flex;align-items:flex-start;gap:60px}@media(max-width:768px){.hero-content[data-v-f2ea3934]{flex-direction:column;gap:40px}}.hero-image[data-v-f2ea3934]{flex:0 0 40%}.hero-image img[data-v-f2ea3934]{width:100%;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(max-width:768px){.hero-image[data-v-f2ea3934]{flex:1;width:100%}}.hero-info[data-v-f2ea3934]{flex:1}.page-title[data-v-f2ea3934]{font-size:42px;font-weight:800;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.page-title[data-v-f2ea3934]{font-size:32px}}.page-desc[data-v-f2ea3934]{font-size:18px;color:#6b7280;margin-bottom:32px}@media(max-width:768px){.page-desc[data-v-f2ea3934]{font-size:16px}}.level-cards[data-v-f2ea3934]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.level-cards[data-v-f2ea3934]{grid-template-columns:1fr}}.level-card[data-v-f2ea3934]{padding:24px;background:#f9fafb;border-radius:16px;border:1px solid transparent;transition:all .3s ease}.level-card[data-v-f2ea3934]:hover{border-color:rgba(4,178,197,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-4px)}.level-header[data-v-f2ea3934]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.level-title[data-v-f2ea3934]{font-size:18px;font-weight:600;color:#1f2937}.level-age[data-v-f2ea3934]{padding:4px 12px;background:linear-gradient(135deg,#04b2c5,#038a99);color:#fff;border-radius:20px;font-size:12px;font-weight:500}.level-desc[data-v-f2ea3934]{font-size:14px;color:#6b7280;line-height:1.6}.cta-button[data-v-f2ea3934]{margin-top:24px}.cta-button .btn[data-v-f2ea3934]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px}.cta-button .btn .btn-icon[data-v-f2ea3934]{transition:transform .3s ease}.cta-button .btn:hover .btn-icon[data-v-f2ea3934]{transform:translateX(4px)}.curriculum-section[data-v-f2ea3934]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.curriculum-section[data-v-f2ea3934]{padding:60px 0}}.section-header[data-v-f2ea3934]{text-align:center;margin-bottom:48px}.section-title[data-v-f2ea3934]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.section-title[data-v-f2ea3934]{font-size:28px}}.section-title.text-left[data-v-f2ea3934]{text-align:left}.section-subtitle[data-v-f2ea3934]{font-size:16px;color:#6b7280}.curriculum-grid[data-v-f2ea3934]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.curriculum-grid[data-v-f2ea3934]{grid-template-columns:1fr}}.curriculum-card[data-v-f2ea3934]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.curriculum-card .card-header[data-v-f2ea3934]{padding:24px;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;gap:12px}.curriculum-card .card-header.advanced[data-v-f2ea3934]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.curriculum-card .card-header .card-icon[data-v-f2ea3934]{font-size:28px}.curriculum-card .card-header .card-title[data-v-f2ea3934]{font-size:20px;font-weight:600;color:#fff;margin:0}.curriculum-list[data-v-f2ea3934]{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.curriculum-list[data-v-f2ea3934] ::-webkit-scrollbar{width:6px;height:6px}.curriculum-list[data-v-f2ea3934] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.curriculum-list[data-v-f2ea3934] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.curriculum-list[data-v-f2ea3934] ::-webkit-scrollbar-thumb:hover{background:#038a99}.curriculum-list li[data-v-f2ea3934]{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e7eb;transition:all .15s ease}.curriculum-list li[data-v-f2ea3934]:last-child{border-bottom:none}.curriculum-list li[data-v-f2ea3934]:hover{background:rgba(4,178,197,.05);padding-left:32px}.curriculum-list .lesson-number[data-v-f2ea3934]{width:28px;height:28px;border-radius:50%;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.curriculum-list .lesson-title[data-v-f2ea3934]{font-size:14px;color:#1f2937}.teachers-section[data-v-f2ea3934]{padding:80px 0;background:#fff}@media(max-width:768px){.teachers-section[data-v-f2ea3934]{padding:60px 0}}.teachers-content[data-v-f2ea3934]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-f2ea3934]{flex-direction:column;gap:40px}}.teachers-text[data-v-f2ea3934]{flex:1}.teachers-text .section-title[data-v-f2ea3934]{text-align:left;margin-bottom:24px}.teachers-desc[data-v-f2ea3934]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-highlight[data-v-f2ea3934]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teacher-tags[data-v-f2ea3934]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-f2ea3934]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-f2ea3934]{flex:1}.teachers-image img[data-v-f2ea3934]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-f2ea3934]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.cta-section[data-v-f2ea3934]{padding:60px 0}}.cta-content[data-v-f2ea3934]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-f2ea3934]{flex-direction:column;gap:40px}}.cta-image[data-v-f2ea3934]{flex:1}.cta-image img[data-v-f2ea3934]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-f2ea3934]{flex:1}.cta-title[data-v-f2ea3934]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-title[data-v-f2ea3934]{font-size:28px;text-align:center}}.cta-desc[data-v-f2ea3934]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-desc[data-v-f2ea3934]{text-align:center}}.cta-qr[data-v-f2ea3934]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-qr[data-v-f2ea3934]{display:block;text-align:center}}.cta-qr img[data-v-f2ea3934]{max-width:180px;border-radius:10px}@keyframes fadeIn-5dd733fb{0%{opacity:0}to{opacity:1}}@keyframes slideUp-5dd733fb{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-5dd733fb{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-5dd733fb{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-5dd733fb{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer-5dd733fb{0%{background-position:-200% 0}to{background-position:200% 0}}.entry-page[data-v-5dd733fb]{background:#f9fafb}.page-hero[data-v-5dd733fb]{padding:120px 0 80px;background:#fff}@media(max-width:768px){.page-hero[data-v-5dd733fb]{padding:100px 0 60px}}.hero-content[data-v-5dd733fb]{display:flex;align-items:flex-start;gap:60px}@media(max-width:768px){.hero-content[data-v-5dd733fb]{flex-direction:column;gap:40px}}.hero-info[data-v-5dd733fb]{flex:1}.hero-info.full-width[data-v-5dd733fb]{width:100%}.page-title[data-v-5dd733fb]{font-size:42px;font-weight:800;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.page-title[data-v-5dd733fb]{font-size:32px}}.page-desc[data-v-5dd733fb]{font-size:18px;color:#6b7280;margin-bottom:32px}@media(max-width:768px){.page-desc[data-v-5dd733fb]{font-size:16px}}.course-info[data-v-5dd733fb]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.course-info[data-v-5dd733fb]{grid-template-columns:1fr;gap:16px}}.info-card[data-v-5dd733fb]{display:flex;align-items:center;gap:16px;padding:24px;background:#f9fafb;border-radius:16px;border:1px solid transparent;transition:all .3s ease}.info-card[data-v-5dd733fb]:hover{border-color:rgba(4,178,197,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-4px)}.info-card .info-icon[data-v-5dd733fb]{font-size:32px}.info-card .info-content h3[data-v-5dd733fb]{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 4px}.info-card .info-content p[data-v-5dd733fb]{font-size:16px;font-weight:600;color:#1f2937;margin:0}.cta-button[data-v-5dd733fb]{margin-top:32px}.cta-button .btn[data-v-5dd733fb]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px}.cta-button .btn .btn-icon[data-v-5dd733fb]{transition:transform .3s ease}.cta-button .btn:hover .btn-icon[data-v-5dd733fb]{transform:translateX(4px)}.curriculum-section[data-v-5dd733fb]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.curriculum-section[data-v-5dd733fb]{padding:60px 0}}.section-header[data-v-5dd733fb]{text-align:center;margin-bottom:48px}.section-title[data-v-5dd733fb]{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:12px}@media(max-width:768px){.section-title[data-v-5dd733fb]{font-size:28px}}.section-title.text-left[data-v-5dd733fb]{text-align:left}.section-subtitle[data-v-5dd733fb]{font-size:16px;color:#6b7280}.curriculum-grid[data-v-5dd733fb]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.curriculum-grid[data-v-5dd733fb]{grid-template-columns:1fr}}.curriculum-card[data-v-5dd733fb]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.curriculum-card.full-width[data-v-5dd733fb]{grid-column:1/-1}.curriculum-card .card-header[data-v-5dd733fb]{padding:24px;background:linear-gradient(135deg,#04b2c5,#038a99);display:flex;align-items:center;gap:12px}.curriculum-card .card-header .card-icon[data-v-5dd733fb]{font-size:28px}.curriculum-card .card-header .card-title[data-v-5dd733fb]{font-size:20px;font-weight:600;color:#fff;margin:0}.curriculum-list[data-v-5dd733fb]{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.curriculum-list[data-v-5dd733fb] ::-webkit-scrollbar{width:6px;height:6px}.curriculum-list[data-v-5dd733fb] ::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.curriculum-list[data-v-5dd733fb] ::-webkit-scrollbar-thumb{background:#04b2c5;border-radius:3px}.curriculum-list[data-v-5dd733fb] ::-webkit-scrollbar-thumb:hover{background:#038a99}.curriculum-list li[data-v-5dd733fb]{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e7eb;transition:all .15s ease}.curriculum-list li[data-v-5dd733fb]:last-child{border-bottom:none}.curriculum-list li[data-v-5dd733fb]:hover{background:rgba(4,178,197,.05);padding-left:32px}.curriculum-list .lesson-number[data-v-5dd733fb]{width:28px;height:28px;border-radius:50%;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.curriculum-list .lesson-title[data-v-5dd733fb]{font-size:14px;color:#1f2937}.teachers-section[data-v-5dd733fb]{padding:80px 0;background:#fff}@media(max-width:768px){.teachers-section[data-v-5dd733fb]{padding:60px 0}}.teachers-content[data-v-5dd733fb]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.teachers-content[data-v-5dd733fb]{flex-direction:column;gap:40px}}.teachers-text[data-v-5dd733fb]{flex:1}.teachers-text .section-title[data-v-5dd733fb]{text-align:left;margin-bottom:24px}.teachers-desc[data-v-5dd733fb]{font-size:16px;color:#6b7280;line-height:1.8;margin-bottom:16px}.teachers-highlight[data-v-5dd733fb]{font-size:16px;color:#04b2c5;font-weight:500;margin-bottom:24px}.teacher-tags[data-v-5dd733fb]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-5dd733fb]{padding:8px 16px;background:rgba(4,178,197,.1);color:#04b2c5;border-radius:20px;font-size:14px;font-weight:500}.teachers-image[data-v-5dd733fb]{flex:1}.teachers-image img[data-v-5dd733fb]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-section[data-v-5dd733fb]{padding:80px 0;background:#f9fafb}@media(max-width:768px){.cta-section[data-v-5dd733fb]{padding:60px 0}}.cta-content[data-v-5dd733fb]{display:flex;align-items:center;gap:60px}@media(max-width:768px){.cta-content[data-v-5dd733fb]{flex-direction:column;gap:40px}}.cta-image[data-v-5dd733fb]{flex:1}.cta-image img[data-v-5dd733fb]{width:100%;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.cta-text[data-v-5dd733fb]{flex:1}.cta-title[data-v-5dd733fb]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}@media(max-width:768px){.cta-title[data-v-5dd733fb]{font-size:28px;text-align:center}}.cta-desc[data-v-5dd733fb]{font-size:16px;color:#6b7280;margin-bottom:24px}@media(max-width:768px){.cta-desc[data-v-5dd733fb]{text-align:center}}.cta-qr[data-v-5dd733fb]{display:inline-block;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media(max-width:768px){.cta-qr[data-v-5dd733fb]{display:block;text-align:center}}.cta-qr img[data-v-5dd733fb]{max-width:180px;border-radius:10px}