.welcome-container[data-v-d046d76d]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;background:url(/assets/bg.webp) no-repeat center center;background-size:150%;animation:bgFloat-d046d76d 60s ease-in-out infinite;will-change:background-position,background-size}@keyframes bgFloat-d046d76d{0%,to{background-position:center center;background-size:150%}25%{background-position:45% center;background-size:155%}50%{background-position:center 55%;background-size:150%}75%{background-position:55% center;background-size:155%}}.stars-wrapper[data-v-d046d76d]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.star[data-v-d046d76d]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fffc;animation:starFloat-d046d76d linear infinite}.star[data-v-d046d76d]:nth-child(1){left:10%;top:20%;animation-duration:25s;animation-delay:0s}.star[data-v-d046d76d]:nth-child(2){left:20%;top:80%;animation-duration:30s;animation-delay:2s}.star[data-v-d046d76d]:nth-child(3){left:30%;top:40%;animation-duration:35s;animation-delay:4s}.star[data-v-d046d76d]:nth-child(4){left:40%;top:60%;animation-duration:28s;animation-delay:1s}.star[data-v-d046d76d]:nth-child(5){left:50%;top:30%;animation-duration:32s;animation-delay:3s}.star[data-v-d046d76d]:nth-child(6){left:60%;top:70%;animation-duration:27s;animation-delay:5s}.star[data-v-d046d76d]:nth-child(7){left:70%;top:10%;animation-duration:29s;animation-delay:2s}.star[data-v-d046d76d]:nth-child(8){left:80%;top:50%;animation-duration:34s;animation-delay:4s}.star[data-v-d046d76d]:nth-child(9){left:90%;top:25%;animation-duration:31s;animation-delay:1s}.star[data-v-d046d76d]:nth-child(10){left:15%;top:90%;animation-duration:26s;animation-delay:3s}.star[data-v-d046d76d]:nth-child(11){left:25%;top:15%;animation-duration:33s;animation-delay:0s}.star[data-v-d046d76d]:nth-child(12){left:35%;top:75%;animation-duration:28s;animation-delay:2s}.star[data-v-d046d76d]:nth-child(13){left:45%;top:45%;animation-duration:30s;animation-delay:4s}.star[data-v-d046d76d]:nth-child(14){left:55%;top:85%;animation-duration:35s;animation-delay:1s}.star[data-v-d046d76d]:nth-child(15){left:65%;top:35%;animation-duration:27s;animation-delay:3s}.star[data-v-d046d76d]:nth-child(16){left:75%;top:65%;animation-duration:32s;animation-delay:5s}.star[data-v-d046d76d]:nth-child(17){left:85%;top:5%;animation-duration:29s;animation-delay:2s}.star[data-v-d046d76d]:nth-child(18){left:95%;top:55%;animation-duration:31s;animation-delay:4s}.star[data-v-d046d76d]:nth-child(19){left:5%;top:45%;animation-duration:26s;animation-delay:1s}.star[data-v-d046d76d]:nth-child(20){left:12%;top:65%;animation-duration:34s;animation-delay:3s}@keyframes starFloat-d046d76d{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.floating-orbs[data-v-d046d76d]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:3;pointer-events:none}.orb[data-v-d046d76d]{position:absolute;border-radius:50%;filter:blur(3px);opacity:.6}.orb-1[data-v-d046d76d]{width:80px;height:80px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);left:10%;top:20%;animation:orbFloat1-d046d76d 20s ease-in-out infinite}.orb-2[data-v-d046d76d]{width:120px;height:120px;background:radial-gradient(circle,rgba(118,75,162,.8) 0%,transparent 70%);right:15%;top:60%;animation:orbFloat2-d046d76d 25s ease-in-out infinite}.orb-3[data-v-d046d76d]{width:60px;height:60px;background:radial-gradient(circle,rgba(0,255,255,.8) 0%,transparent 70%);left:70%;bottom:20%;animation:orbFloat3-d046d76d 22s ease-in-out infinite}.orb-4[data-v-d046d76d]{width:100px;height:100px;background:radial-gradient(circle,rgba(255,119,198,.8) 0%,transparent 70%);right:30%;top:30%;animation:orbFloat4-d046d76d 28s ease-in-out infinite}@keyframes orbFloat1-d046d76d{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,20px) scale(.9)}}@keyframes orbFloat2-d046d76d{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,40px) scale(.95)}66%{transform:translate(30px,-50px) scale(1.05)}}@keyframes orbFloat3-d046d76d{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.15)}66%{transform:translate(-50px,-30px) scale(.85)}}@keyframes orbFloat4-d046d76d{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-20px) scale(.9)}66%{transform:translate(40px,30px) scale(1.1)}}.welcome-content[data-v-d046d76d]{max-width:1200px;width:100%;padding:40px;text-align:center;position:relative;z-index:10}.logo-section[data-v-d046d76d]{margin-bottom:60px;animation:fadeInDown-d046d76d .8s ease}.welcome-logo[data-v-d046d76d]{width:430px;height:auto;margin-bottom:20px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.welcome-title[data-v-d046d76d]{font-size:3rem;color:#fff;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.welcome-subtitle[data-v-d046d76d]{font-size:2rem;color:#fff;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.features-section[data-v-d046d76d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:60px;animation:fadeInUp-d046d76d .8s ease .2s both}.feature-card[data-v-d046d76d]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.feature-card[data-v-d046d76d]:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;background:#ffffff26}.feature-icon[data-v-d046d76d]{font-size:3rem;margin-bottom:15px}.feature-card h3[data-v-d046d76d]{color:#fff;font-size:1.3rem;margin-bottom:10px}.feature-card p[data-v-d046d76d]{color:#fffc;font-size:.95rem;line-height:1.5}.action-section[data-v-d046d76d]{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;animation:fadeInUp-d046d76d .8s ease .4s both}.account-hint[data-v-d046d76d]{margin:0;font-size:.9rem;letter-spacing:1px;color:#00f0ffbf;text-shadow:0 0 12px rgba(0,240,255,.35)}.welcome-btn[data-v-d046d76d]{position:relative;padding:18px 50px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:transparent;color:#0ff;border:2px solid #00ffff;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 30%,100% 100%,15px 100%,0 70%)}.welcome-btn[data-v-d046d76d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.welcome-btn[data-v-d046d76d]:hover:before{left:100%}.welcome-btn[data-v-d046d76d]:after{content:"";position:absolute;inset:2px;background:#000000e6;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 30%,100% 100%,15px 100%,0 70%);z-index:-1}.btn-text[data-v-d046d76d]{position:relative;z-index:2}.btn-glow[data-v-d046d76d]{position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0ff);background-size:400%;filter:blur(10px);opacity:0;transition:opacity .3s;animation:glowing-d046d76d 20s linear infinite;z-index:-2}.welcome-btn:hover .btn-glow[data-v-d046d76d]{opacity:.8}@keyframes glowing-d046d76d{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.primary-btn[data-v-d046d76d]{color:#0f8;border-color:#0f8;animation:techPulse-d046d76d 2s infinite}.primary-btn[data-v-d046d76d]:after{background:linear-gradient(135deg,#001428f2,#002814f2)}.primary-btn .btn-glow[data-v-d046d76d]{background:linear-gradient(45deg,#0f8,#0ff,#0f8);background-size:400%}.primary-btn[data-v-d046d76d]:hover{transform:translateY(-3px) scale(1.02);color:#0fa;border-color:#0fa;box-shadow:0 10px 30px #00ff884d}.secondary-btn[data-v-d046d76d]{color:#f0f;border-color:#f0f;animation:techPulse-d046d76d 2s infinite .5s}.secondary-btn[data-v-d046d76d]:after{background:linear-gradient(135deg,#140028f2,#280028f2)}.secondary-btn .btn-glow[data-v-d046d76d]{background:linear-gradient(45deg,#f0f,#0ff,#f0f);background-size:400%}.secondary-btn[data-v-d046d76d]:hover{transform:translateY(-3px) scale(1.02);color:#f4f;border-color:#f4f;box-shadow:0 10px 30px #ff00ff4d}@keyframes techPulse-d046d76d{0%,to{opacity:1}50%{opacity:.8}}.welcome-decoration[data-v-d046d76d]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.decoration-circle[data-v-d046d76d]{position:absolute;border-radius:50%;background:#ffffff0d}.circle-1[data-v-d046d76d]{width:400px;height:400px;top:-200px;right:-200px;animation:float-d046d76d 20s infinite ease-in-out}.circle-2[data-v-d046d76d]{width:300px;height:300px;bottom:-150px;left:-150px;animation:float-d046d76d 15s infinite ease-in-out reverse}.circle-3[data-v-d046d76d]{width:200px;height:200px;top:50%;left:10%;animation:float-d046d76d 25s infinite ease-in-out}.meteors[data-v-d046d76d]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.meteor[data-v-d046d76d]{position:absolute;top:-10px;right:-150px;width:150px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),white);opacity:0;transform:rotate(-45deg);animation:meteor-fall-d046d76d 3s linear infinite}.meteor[data-v-d046d76d]:before{content:"";position:absolute;top:0;right:0;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffffe6,0 0 20px #fff9,0 0 30px #64c8ff66}@keyframes meteor-fall-d046d76d{0%{opacity:0;transform:translate(0) rotate(-45deg)}10%{opacity:1}to{transform:translate(-1200px,800px) rotate(-45deg);opacity:0}}.meteor-1[data-v-d046d76d]{animation-delay:0s;top:5%;right:-150px;animation-duration:3s}.meteor-2[data-v-d046d76d]{animation-delay:2.5s;top:15%;right:-200px;animation-duration:3.5s}.meteor-3[data-v-d046d76d]{animation-delay:5s;top:10%;right:-180px;animation-duration:2.8s}.meteor-4[data-v-d046d76d]{animation-delay:7.5s;top:20%;right:-220px;animation-duration:3.2s}.meteor-5[data-v-d046d76d]{animation-delay:10s;top:3%;right:-170px;animation-duration:3.3s}.meteor-6[data-v-d046d76d]{animation-delay:12.5s;top:25%;right:-190px;animation-duration:2.9s}.meteor-7[data-v-d046d76d]{animation-delay:15s;top:18%;right:-160px;animation-duration:3.4s}.meteor-8[data-v-d046d76d]{animation-delay:17.5s;top:8%;right:-210px;animation-duration:3.1s}@keyframes fadeInDown-d046d76d{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-d046d76d{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-d046d76d{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(10px) translate(-10px)}75%{transform:translateY(-10px) translate(20px)}}.welcome-footer[data-v-d046d76d]{position:fixed;bottom:20px;left:0;right:0;z-index:20;display:flex;justify-content:center;align-items:center;animation:fadeInUp-d046d76d 1s ease .8s both}.footer-text[data-v-d046d76d]{margin:0;color:#ffffffb3;font-size:.9rem;letter-spacing:1px;padding:10px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center}.company-link[data-v-d046d76d]{color:#0ff;text-decoration:none;font-weight:600;position:relative;transition:all .3s ease;padding:0 2px}.company-link[data-v-d046d76d]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#0ff;transition:width .3s ease}.company-link[data-v-d046d76d]:hover{color:#0f8;text-shadow:0 0 10px rgba(0,255,255,.5)}.company-link[data-v-d046d76d]:hover:after{width:100%}@media (max-width: 768px){.welcome-title[data-v-d046d76d]{font-size:2rem}.welcome-subtitle[data-v-d046d76d]{font-size:1rem}.features-section[data-v-d046d76d]{grid-template-columns:1fr;gap:20px}.action-section[data-v-d046d76d]{flex-direction:column}.welcome-btn[data-v-d046d76d]{width:100%}}.login-container[data-v-1e1d7d2d]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:40px 20px;background:url(/assets/bg.webp) no-repeat center center;background-size:150%}.login-container[data-v-1e1d7d2d]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#0a0f2d8c,#030514e0);pointer-events:none}.stars-wrapper[data-v-1e1d7d2d]{position:absolute;inset:0;overflow:hidden;pointer-events:none}.star[data-v-1e1d7d2d]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.7;animation:twinkle-1e1d7d2d 3s ease-in-out infinite}.star[data-v-1e1d7d2d]:nth-child(odd){animation-delay:1.2s}.star[data-v-1e1d7d2d]:nth-child(3n){animation-delay:2.1s;width:3px;height:3px}.star[data-v-1e1d7d2d]:nth-child(1){top:12%;left:8%}.star[data-v-1e1d7d2d]:nth-child(2){top:22%;left:78%}.star[data-v-1e1d7d2d]:nth-child(3){top:35%;left:15%}.star[data-v-1e1d7d2d]:nth-child(4){top:8%;left:45%}.star[data-v-1e1d7d2d]:nth-child(5){top:58%;left:88%}.star[data-v-1e1d7d2d]:nth-child(6){top:72%;left:22%}.star[data-v-1e1d7d2d]:nth-child(7){top:18%;left:62%}.star[data-v-1e1d7d2d]:nth-child(8){top:85%;left:55%}.star[data-v-1e1d7d2d]:nth-child(9){top:42%;left:92%}.star[data-v-1e1d7d2d]:nth-child(10){top:65%;left:6%}.star[data-v-1e1d7d2d]:nth-child(11){top:28%;left:35%}.star[data-v-1e1d7d2d]:nth-child(12){top:78%;left:72%}.star[data-v-1e1d7d2d]:nth-child(13){top:5%;left:25%}.star[data-v-1e1d7d2d]:nth-child(14){top:92%;left:38%}.star[data-v-1e1d7d2d]:nth-child(15){top:48%;left:52%}.star[data-v-1e1d7d2d]:nth-child(16){top:15%;left:95%}.star[data-v-1e1d7d2d]:nth-child(17){top:88%;left:12%}.star[data-v-1e1d7d2d]:nth-child(18){top:62%;left:42%}.star[data-v-1e1d7d2d]:nth-child(19){top:32%;left:68%}.star[data-v-1e1d7d2d]:nth-child(20){top:52%;left:28%}@keyframes twinkle-1e1d7d2d{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.login-content[data-v-1e1d7d2d]{position:relative;z-index:1;width:100%;max-width:420px;padding:40px 36px 32px;border-radius:24px;background:linear-gradient(160deg,#0c1434eb,#060a1ef2);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 40px #00f0ff2e,inset 0 0 30px #00f0ff0f;animation:fadeInUp-1e1d7d2d .6s ease both}@keyframes fadeInUp-1e1d7d2d{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.logo-section[data-v-1e1d7d2d]{text-align:center;margin-bottom:28px}.login-logo[data-v-1e1d7d2d]{width:84px;height:auto;filter:drop-shadow(0 0 16px rgba(0,240,255,.55))}.login-title[data-v-1e1d7d2d]{margin:14px 0 6px;font-size:1.75rem;font-weight:800;letter-spacing:2px;color:#fff;text-shadow:0 0 18px rgba(0,240,255,.6)}.login-subtitle[data-v-1e1d7d2d]{margin:0;font-size:.9rem;color:#ffffff9e}.login-form[data-v-1e1d7d2d]{display:flex;flex-direction:column;gap:18px}.form-field[data-v-1e1d7d2d]{display:flex;flex-direction:column;gap:8px}.form-field label[data-v-1e1d7d2d]{font-size:.85rem;letter-spacing:1px;color:#00f0ffd9}.form-field input[data-v-1e1d7d2d]{padding:13px 16px;border-radius:12px;border:1px solid rgba(0,240,255,.3);background:#000818bf;color:#fff;font-size:1rem;transition:border-color .25s ease,box-shadow .25s ease}.form-field input[data-v-1e1d7d2d]::placeholder{color:#ffffff4d}.form-field input[data-v-1e1d7d2d]:focus{outline:none;border-color:#00f0ffe6;box-shadow:0 0 16px #00f0ff59}.form-field input[data-v-1e1d7d2d]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-1e1d7d2d]{margin:0;padding:10px 14px;border-radius:10px;font-size:.88rem;color:#ffb3c8;background:#ff005a1f;border:1px solid rgba(255,0,90,.4)}.login-btn[data-v-1e1d7d2d]{position:relative;margin-top:4px;padding:15px 0;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;letter-spacing:3px;color:#001018;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#00f0ff,#7b5cff);box-shadow:0 0 24px #00f0ff73;transition:transform .2s ease,box-shadow .2s ease}.login-btn[data-v-1e1d7d2d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 34px #00f0ffb3}.login-btn[data-v-1e1d7d2d]:disabled{opacity:.65;cursor:not-allowed}.btn-glow[data-v-1e1d7d2d]{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:sweep-1e1d7d2d 3s ease-in-out infinite}@keyframes sweep-1e1d7d2d{0%{left:-60%}60%,to{left:120%}}.btn-text[data-v-1e1d7d2d]{position:relative;z-index:1}.help-text[data-v-1e1d7d2d]{margin:22px 0 0;font-size:.82rem;line-height:1.7;text-align:center;color:#ffffff80}.back-link[data-v-1e1d7d2d]{display:block;margin:14px auto 0;padding:6px 12px;border:none;background:none;font-size:.85rem;color:#00f0ffb3;cursor:pointer;transition:color .2s ease}.back-link[data-v-1e1d7d2d]:hover{color:#00f0ff}@media (max-height: 700px){.login-content[data-v-1e1d7d2d]{padding:28px 26px 22px}.login-logo[data-v-1e1d7d2d]{width:64px}.login-title[data-v-1e1d7d2d]{font-size:1.45rem}.login-form[data-v-1e1d7d2d]{gap:14px}.form-field input[data-v-1e1d7d2d]{padding:11px 14px}}@media (max-width: 420px){.login-content[data-v-1e1d7d2d]{padding:30px 22px 24px}}.projects-container[data-v-2aee92ee]{min-height:100vh;background:url(/assets/bg1.webp) no-repeat center center;background-size:cover;background-attachment:fixed;padding:20px;overflow-y:auto;overflow-x:hidden}.projects-header[data-v-2aee92ee]{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:15px;border:1px solid rgba(0,255,255,.2);box-shadow:0 10px 40px #0000004d}.header-left[data-v-2aee92ee]{display:flex;align-items:center;gap:20px}.user-avatar[data-v-2aee92ee]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #00ffff;box-shadow:0 0 20px #0ff6;background:#00ffff1a;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease}.user-avatar[data-v-2aee92ee]:hover{transform:scale(1.1);box-shadow:0 0 30px #0ff9;border-color:#0f8}.user-avatar img[data-v-2aee92ee]{width:100%;height:100%;object-fit:cover}.default-avatar[data-v-2aee92ee]{font-size:1.5rem;color:#0ff;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.5)}.header-text h1[data-v-2aee92ee]{margin:0 0 5px;color:#0ff;font-size:2rem;text-shadow:0 0 10px rgba(0,255,255,.5);letter-spacing:2px}.user-greeting[data-v-2aee92ee]{color:#fffc;font-size:1rem;margin:0 0 8px;letter-spacing:1px}.user-level[data-v-2aee92ee]{display:flex;align-items:center;gap:10px;margin-top:5px}.level-gem-image[data-v-2aee92ee]{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));animation:sparkle-2aee92ee 2s ease-in-out infinite}@keyframes sparkle-2aee92ee{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(10deg)}}.level-badge[data-v-2aee92ee]{background:linear-gradient(135deg,var(--0b10f6a0) 0%,rgba(255,255,255,.2) 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid var(--0b10f6a0);box-shadow:0 0 15px #00ffff4d;position:relative;overflow:hidden}.level-badge[data-v-2aee92ee]:before{content:var(--52eaece8);margin-right:5px;font-size:.9rem}.level-badge[data-v-2aee92ee]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:levelGlow-2aee92ee 2s ease-in-out infinite}@keyframes levelGlow-2aee92ee{0%{left:-100%}50%{left:100%}to{left:-100%}}.level-progress[data-v-2aee92ee]{color:#fff9;font-size:.8rem;font-weight:500;padding:3px 8px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.header-right[data-v-2aee92ee]{display:flex;align-items:center;gap:20px}.level-btn[data-v-2aee92ee]{position:relative;padding:14px 35px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:gold;border:2px solid #ffd700;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:8px;animation:levelBtnPulse-2aee92ee 3s ease-in-out infinite;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}@keyframes levelBtnPulse-2aee92ee{0%,to{box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}50%{box-shadow:0 0 30px #ffd70080,inset 0 0 25px #ffd70033}}.level-btn[data-v-2aee92ee]>*{position:relative;z-index:3}.level-btn[data-v-2aee92ee]:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,215,0,.4),rgba(255,255,255,.2),transparent);transition:left .6s;animation:levelBtnScan-2aee92ee 4s linear infinite;z-index:2}@keyframes levelBtnScan-2aee92ee{0%{left:-150%}to{left:150%}}.level-btn[data-v-2aee92ee]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#281e00f2,#282800f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.level-btn[data-v-2aee92ee]:hover{transform:translateY(-3px) scale(1.05);color:#ffea00;border-color:#ffea00;box-shadow:0 15px 40px #ffd70066,inset 0 0 30px #ffd70033;animation:none}.level-btn[data-v-2aee92ee]:hover:before{animation-duration:2s}.level-icon[data-v-2aee92ee]{font-size:1.3rem;display:inline-block;animation:levelIconRotate-2aee92ee 5s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6);position:relative;z-index:3}@keyframes levelIconRotate-2aee92ee{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(10deg) scale(1.1)}}.create-btn[data-v-2aee92ee]{position:relative;padding:14px 35px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#0f8;border:2px solid #00ff88;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:8px;animation:createBtnPulse-2aee92ee 2s ease-in-out infinite;box-shadow:0 0 20px #00ff884d,inset 0 0 20px #00ff881a}@keyframes createBtnPulse-2aee92ee{0%,to{box-shadow:0 0 20px #00ff884d,inset 0 0 20px #00ff881a}50%{box-shadow:0 0 30px #00ff8880,inset 0 0 25px #0f83}}.create-btn[data-v-2aee92ee]>*{position:relative;z-index:3}.create-btn[data-v-2aee92ee]:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(0,255,136,.4),rgba(255,255,255,.2),transparent);transition:left .6s;animation:createBtnScan-2aee92ee 3s linear infinite;z-index:2}@keyframes createBtnScan-2aee92ee{0%{left:-150%}to{left:150%}}.create-btn[data-v-2aee92ee]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#001428f2,#002814f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.create-btn[data-v-2aee92ee]:hover{transform:translateY(-3px) scale(1.05);color:#0fa;border-color:#0fa;box-shadow:0 15px 40px #0f86,inset 0 0 30px #0f83;animation:none}.create-btn[data-v-2aee92ee]:hover:before{animation-duration:1.5s}.plus-icon[data-v-2aee92ee]{font-size:1.3rem;font-weight:700;display:inline-block;animation:plusRotate-2aee92ee 4s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.6);position:relative;z-index:3}.btn-text[data-v-2aee92ee]{position:relative;z-index:3;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.6),0 0 10px rgba(0,255,136,.4)}@keyframes plusRotate-2aee92ee{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.logout-btn[data-v-2aee92ee]{position:relative;padding:12px 30px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#f44;border:2px solid #ff4444;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.logout-btn[data-v-2aee92ee]>*{position:relative;z-index:2}.logout-btn[data-v-2aee92ee]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,68,68,.3),transparent);transition:left .5s}.logout-btn[data-v-2aee92ee]:hover:before{left:100%}.logout-btn[data-v-2aee92ee]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#280000f2,#281414f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:-1}.logout-btn[data-v-2aee92ee]:hover{transform:translateY(-3px) scale(1.02);color:#f66;border-color:#f66;box-shadow:0 10px 30px #ff44444d}.projects-grid[data-v-2aee92ee]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-card[data-v-2aee92ee]{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #0000004d;position:relative;border:1px solid rgba(0,255,255,.2)}.project-card[data-v-2aee92ee]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);opacity:0;transition:opacity .3s}.project-card[data-v-2aee92ee]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0ff3;border-color:#00ffff80}.project-card[data-v-2aee92ee]:hover:before{opacity:1}.project-thumbnail[data-v-2aee92ee]{height:150px;background:linear-gradient(135deg,#0ffc,#f0fc);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-thumbnail img[data-v-2aee92ee]{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.thumbnail-placeholder[data-v-2aee92ee]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0064964d,#9600964d)}.placeholder-icon[data-v-2aee92ee]{font-size:3rem;opacity:.6;animation:float-2aee92ee 3s ease-in-out infinite}.project-thumbnail[data-v-2aee92ee]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:scan-2aee92ee 3s linear infinite;z-index:2}@keyframes scan-2aee92ee{0%{left:-100%}to{left:100%}}.project-info[data-v-2aee92ee]{padding:20px;position:relative;z-index:2}.project-info h3[data-v-2aee92ee]{margin:0 0 15px;color:#0ff;font-size:1.2rem;text-shadow:0 0 10px rgba(0,255,255,.4);letter-spacing:1px}.project-meta[data-v-2aee92ee]{display:flex;flex-direction:column;gap:10px}.project-date[data-v-2aee92ee]{font-size:.85rem;color:#ffffff80}.project-completion[data-v-2aee92ee]{display:flex;align-items:center;gap:8px}.completion-text[data-v-2aee92ee]{font-size:.8rem;color:#fff9;min-width:45px}.completion-bar[data-v-2aee92ee]{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.2)}.completion-fill[data-v-2aee92ee]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:3px;transition:width .5s ease;position:relative}.completion-fill[data-v-2aee92ee]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:completionShine-2aee92ee 2s linear infinite}@keyframes completionShine-2aee92ee{0%{transform:translate(-100%)}to{transform:translate(100%)}}.completion-percentage[data-v-2aee92ee]{font-size:.85rem;color:#0f8;font-weight:700;min-width:35px;text-align:right}.project-hover-content[data-v-2aee92ee]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease;pointer-events:none}.project-card:hover .project-hover-content[data-v-2aee92ee]{opacity:1}.challenge-text[data-v-2aee92ee]{color:#0ff;font-size:1.8rem;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.6);letter-spacing:3px;margin-bottom:20px;animation:challengePulse-2aee92ee 1.5s ease-in-out infinite}@keyframes challengePulse-2aee92ee{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.rocket[data-v-2aee92ee]{font-size:3rem;animation:rocketLaunch-2aee92ee 1.5s ease-out forwards;filter:drop-shadow(0 5px 10px rgba(255,100,0,.5));position:relative;display:inline-block}.project-card:hover .rocket[data-v-2aee92ee]{animation:rocketFly-2aee92ee 2s ease-in-out infinite}@keyframes rocketLaunch-2aee92ee{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rocketFly-2aee92ee{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(-5deg)}50%{transform:translateY(-50px) rotate(0)}75%{transform:translateY(-30px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.rocket[data-v-2aee92ee]:after{content:"🔥";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:1.5rem;animation:flame-2aee92ee .3s ease-in-out infinite alternate;opacity:0}.project-card:hover .rocket[data-v-2aee92ee]:after{opacity:1}@keyframes flame-2aee92ee{0%{transform:translate(-50%) scale(.8);opacity:.6}to{transform:translate(-50%) scale(1.2);opacity:1}}.empty-state[data-v-2aee92ee]{text-align:center;padding:80px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,255,255,.2);max-width:600px;margin:40px auto}.empty-icon[data-v-2aee92ee]{font-size:4rem;margin-bottom:20px;filter:grayscale(1) sepia(1) hue-rotate(180deg) saturate(3);animation:float-2aee92ee 3s ease-in-out infinite}@keyframes float-2aee92ee{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2[data-v-2aee92ee]{color:#0ff;margin-bottom:10px;text-shadow:0 0 10px rgba(0,255,255,.5)}.empty-state p[data-v-2aee92ee]{color:#ffffffb3}.loading-state[data-v-2aee92ee]{text-align:center;padding:80px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,255,255,.2);max-width:600px;margin:40px auto}.spinner[data-v-2aee92ee]{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #00ffff;border-radius:50%;animation:spin-2aee92ee 1s linear infinite;margin:0 auto 20px;box-shadow:0 0 20px #00ffff4d}.loading-state p[data-v-2aee92ee]{color:#ffffffb3}@keyframes spin-2aee92ee{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-height: 700px){.projects-container[data-v-2aee92ee]{padding:10px}.projects-header[data-v-2aee92ee]{padding:15px;margin-bottom:20px}.header-text h1[data-v-2aee92ee]{font-size:1.5rem;margin-bottom:3px}.user-greeting[data-v-2aee92ee]{font-size:.9rem;margin-bottom:5px}.user-avatar[data-v-2aee92ee]{width:45px;height:45px}.level-gem-image[data-v-2aee92ee]{width:25px;height:25px}.level-badge[data-v-2aee92ee]{font-size:.75rem;padding:3px 10px}.level-btn[data-v-2aee92ee],.create-btn[data-v-2aee92ee]{padding:10px 25px;font-size:.95rem}.projects-grid[data-v-2aee92ee]{gap:15px}.project-card[data-v-2aee92ee]{min-height:auto}.project-thumbnail[data-v-2aee92ee]{height:100px}.project-info[data-v-2aee92ee]{padding:15px}.project-info h3[data-v-2aee92ee]{font-size:1rem;margin-bottom:10px}.empty-state[data-v-2aee92ee],.loading-state[data-v-2aee92ee]{padding:40px 20px}.empty-icon[data-v-2aee92ee]{font-size:3rem}}@media (max-height: 500px){.projects-header[data-v-2aee92ee]{padding:10px;margin-bottom:15px}.header-text h1[data-v-2aee92ee]{font-size:1.2rem}.user-avatar[data-v-2aee92ee]{width:35px;height:35px}.level-gem-image[data-v-2aee92ee]{width:20px;height:20px}.level-btn[data-v-2aee92ee],.create-btn[data-v-2aee92ee]{padding:8px 20px;font-size:.85rem;letter-spacing:1px}.project-thumbnail[data-v-2aee92ee]{height:80px}.project-info[data-v-2aee92ee]{padding:12px}.project-info h3[data-v-2aee92ee]{font-size:.95rem;margin-bottom:8px}.completion-bar[data-v-2aee92ee]{height:6px}.empty-state[data-v-2aee92ee],.loading-state[data-v-2aee92ee]{padding:30px 15px}.empty-state h2[data-v-2aee92ee]{font-size:1.3rem}.empty-icon[data-v-2aee92ee]{font-size:2.5rem;margin-bottom:15px}}@media (max-width: 768px){.projects-header[data-v-2aee92ee]{flex-direction:column;gap:20px;text-align:center}.header-left[data-v-2aee92ee]{flex-direction:column;gap:15px}.user-avatar[data-v-2aee92ee]{width:50px;height:50px}.header-text h1[data-v-2aee92ee]{font-size:1.5rem}.header-right[data-v-2aee92ee]{width:100%;flex-direction:column;gap:15px;align-items:stretch}.level-btn[data-v-2aee92ee],.create-btn[data-v-2aee92ee]{width:100%}.projects-grid[data-v-2aee92ee]{grid-template-columns:1fr}}@media (max-width: 768px) and (max-height: 700px){.projects-header[data-v-2aee92ee]{padding:10px;gap:10px}.header-text h1[data-v-2aee92ee]{font-size:1.3rem}.level-btn[data-v-2aee92ee],.create-btn[data-v-2aee92ee]{padding:8px 15px;font-size:.9rem}.project-thumbnail[data-v-2aee92ee]{height:90px}.project-info[data-v-2aee92ee]{padding:12px}}.left-panel[data-v-0a7735b0]{flex:0 0 350px;width:350px;background:linear-gradient(135deg,#0a0e27,#1a1f3a);border-right:2px solid rgba(0,255,255,.3);display:flex;flex-direction:column;height:100vh;position:relative;box-shadow:inset 0 0 50px #00ffff1a,0 0 20px #0ff3}.left-panel[data-v-0a7735b0]:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);animation:neonPulse-0a7735b0 3s ease-in-out infinite}@keyframes neonPulse-0a7735b0{0%,to{opacity:.5}50%{opacity:1}}.chat-header[data-v-0a7735b0]{padding:15px 20px;border-bottom:2px solid rgba(0,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:15px;background:#0a0e27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.chat-header[data-v-0a7735b0]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanLine-0a7735b0 3s ease-in-out infinite}.treasure-box-container[data-v-0a7735b0]{padding:0 20px}.treasure-box-btn[data-v-0a7735b0]{width:100%;padding:0;background:transparent;border:none;cursor:pointer;position:relative;height:60px;transition:transform .3s ease}.treasure-box-btn[data-v-0a7735b0]:hover{transform:scale(1.02)}.treasure-box-btn[data-v-0a7735b0]:active{transform:scale(.98)}.btn-background[data-v-0a7735b0]{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f97316);border-radius:16px;opacity:.9;animation:gradientShift-0a7735b0 8s ease infinite;filter:blur(.5px)}.treasure-box-btn:hover .btn-background[data-v-0a7735b0]{animation:gradientShift-0a7735b0 2s ease infinite,pulse-0a7735b0 1s ease infinite}@keyframes gradientShift-0a7735b0{0%,to{background:linear-gradient(135deg,#667eea,#764ba2,#f97316)}25%{background:linear-gradient(135deg,#f97316,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#764ba2,#f97316,#667eea)}75%{background:linear-gradient(135deg,#667eea,#f97316,#764ba2)}}@keyframes pulse-0a7735b0{0%,to{opacity:.9}50%{opacity:1}}.btn-content[data-v-0a7735b0]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 20px;border:2px solid rgba(255,255,255,.4);border-radius:16px;background:linear-gradient(135deg,#667eea99,#764ba2b3,#f9731699);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #667eea80,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}.treasure-box-btn:hover .btn-content[data-v-0a7735b0]{border-color:#fff9;box-shadow:0 12px 48px #667eeab3,inset 0 2px 8px #fff6,inset 0 -2px 8px #0000004d}.treasure-icon[data-v-0a7735b0]{font-size:28px;filter:drop-shadow(0 0 8px rgba(255,255,255,.8));animation:sparkle-0a7735b0 3s ease-in-out infinite}@keyframes sparkle-0a7735b0{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}25%{transform:translateY(-3px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg);filter:drop-shadow(0 0 16px rgba(255,255,255,1))}75%{transform:translateY(-3px) rotate(-5deg)}}.treasure-text[data-v-0a7735b0]{font-size:18px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)}.btn-particles[data-v-0a7735b0]{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:16px}.particle[data-v-0a7735b0]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:particleFloat-0a7735b0 4s linear infinite}.particle[data-v-0a7735b0]:nth-child(1){left:10%;animation-delay:0s}.particle[data-v-0a7735b0]:nth-child(2){left:30%;animation-delay:.8s}.particle[data-v-0a7735b0]:nth-child(3){left:50%;animation-delay:1.6s}.particle[data-v-0a7735b0]:nth-child(4){left:70%;animation-delay:2.4s}.particle[data-v-0a7735b0]:nth-child(5){left:90%;animation-delay:3.2s}@keyframes particleFloat-0a7735b0{0%{bottom:-10px;opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{bottom:110%;opacity:0;transform:translate(20px)}}.logo[data-v-0a7735b0]{height:60px;width:auto;object-fit:contain;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 0 15px rgba(0,255,255,.6))}.logo[data-v-0a7735b0]:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 25px rgba(0,255,255,.9));animation:logoGlow-0a7735b0 .5s ease}@keyframes logoGlow-0a7735b0{0%{filter:drop-shadow(0 0 15px rgba(0,255,255,.6))}50%{filter:drop-shadow(0 0 30px rgba(255,0,255,.9))}to{filter:drop-shadow(0 0 25px rgba(0,255,255,.9))}}.chat-messages[data-v-0a7735b0]{flex:1;overflow-y:auto;padding:25px 20px 20px;background:linear-gradient(180deg,#0a0e2799,#1a1f3acc);position:relative}.chat-messages[data-v-0a7735b0]:before{content:"";position:fixed;pointer-events:none;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,255,255,.1) 0%,transparent 50%);animation:floatGradient-0a7735b0 15s ease-in-out infinite}@keyframes floatGradient-0a7735b0{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.9)}}.chat-messages[data-v-0a7735b0]::-webkit-scrollbar{width:8px}.chat-messages[data-v-0a7735b0]::-webkit-scrollbar-track{background:#00ffff1a;border-radius:4px}.chat-messages[data-v-0a7735b0]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:4px}.chat-messages[data-v-0a7735b0]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff)}.message[data-v-0a7735b0]{margin-bottom:15px;animation:slideIn-0a7735b0 .3s ease}.message.user[data-v-0a7735b0]{display:flex;justify-content:flex-end}.message.assistant[data-v-0a7735b0]{display:flex;justify-content:flex-start}@keyframes slideIn-0a7735b0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user .message-content[data-v-0a7735b0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:18px 18px 4px;max-width:70%;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-shadow:0 5px 15px #667eea4d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;font-size:.95rem;line-height:1.5}.message.user .message-content[data-v-0a7735b0]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-0a7735b0 3s infinite}@keyframes shimmer-0a7735b0{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.message.assistant .message-content[data-v-0a7735b0]{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);color:#0ff;padding:12px 16px;border-radius:18px 18px 18px 4px;max-width:70%;border:1px solid rgba(0,255,255,.3);word-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-shadow:0 5px 15px #0ff3,inset 0 0 20px #00ffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;font-size:.95rem;line-height:1.5}.message.assistant .message-content[data-v-0a7735b0]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanTop 2s linear infinite}.message.system .message-content[data-v-0a7735b0]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#666;padding:10px 14px;border-radius:8px;text-align:center;font-size:.9rem;font-style:italic;max-width:90%;margin:0 auto}.chat-input-container[data-v-0a7735b0]{padding:15px;border-top:2px solid rgba(0,255,255,.3);display:flex;gap:10px;background:linear-gradient(180deg,#1a1f3af2,#0a0e27fa);position:relative}.chat-input-container[data-v-0a7735b0]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f0f,#0ff,#f0f);animation:neonFlow 2s linear infinite}.chat-input[data-v-0a7735b0]{flex:1;padding:12px 18px;background:#00ffff0d;border:2px solid rgba(0,255,255,.3);border-radius:25px;font-size:.95rem;color:#0ff;outline:none;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-input[data-v-0a7735b0]::placeholder{color:#00ffff80}.chat-input[data-v-0a7735b0]:focus{border-color:#0ff;background:#00ffff1a;box-shadow:0 0 20px #00ffff4d,inset 0 0 10px #00ffff1a}.chat-input[data-v-0a7735b0]:disabled{background:#0000004d;color:#00ffff4d;cursor:not-allowed;border-color:#00ffff1a}.send-btn[data-v-0a7735b0]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s;min-width:80px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.send-btn[data-v-0a7735b0]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s,height .5s}.send-btn[data-v-0a7735b0]:hover:not(.disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05);box-shadow:0 0 30px #667eea80,0 5px 15px #0000004d;border-color:#fff6}.send-btn[data-v-0a7735b0]:hover:not(.disabled):before{width:300px;height:300px}.send-btn.disabled[data-v-0a7735b0]{background:linear-gradient(135deg,#3c3c3c80,#28282880);cursor:not-allowed;opacity:.5;border-color:#ffffff1a}.sending-dots[data-v-0a7735b0]{display:inline-flex;gap:3px}.sending-dots span[data-v-0a7735b0]{width:6px;height:6px;background:#fff;border-radius:50%;animation:sendingDot-0a7735b0 1.4s infinite ease-in-out}.sending-dots span[data-v-0a7735b0]:nth-child(1){animation-delay:-.32s}.sending-dots span[data-v-0a7735b0]:nth-child(2){animation-delay:-.16s}.sending-dots span[data-v-0a7735b0]:nth-child(3){animation-delay:0s}@keyframes sendingDot-0a7735b0{0%,60%,to{transform:scale(.7);opacity:.5}30%{transform:scale(1);opacity:1}}.loading-message[data-v-0a7735b0]{animation:fadeIn .3s ease}.loading-message .message-content[data-v-0a7735b0]{background:linear-gradient(135deg,#8a2be233,#0ff3);border:2px solid rgba(0,255,255,.5);color:#0ff;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.loading-message .message-content[data-v-0a7735b0]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f0f,#0ff,#f0f,#0ff);background-size:400% 400%;animation:borderRotate-0a7735b0 3s linear infinite;z-index:-1;opacity:.5}@keyframes borderRotate-0a7735b0{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.typing-indicator[data-v-0a7735b0]{display:flex;align-items:center;gap:6px;padding:4px}.typing-dot[data-v-0a7735b0]{width:12px;height:12px;background:linear-gradient(45deg,#0ff,#f0f);border-radius:50%;animation:typing-0a7735b0 1.4s infinite ease-in-out;box-shadow:0 0 10px #00ffff80,0 0 20px #ff00ff4d}.typing-dot[data-v-0a7735b0]:nth-child(1){animation-delay:-.32s}.typing-dot[data-v-0a7735b0]:nth-child(2){animation-delay:-.16s}.typing-dot[data-v-0a7735b0]:nth-child(3){animation-delay:0s}@keyframes typing-0a7735b0{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.loading-text[data-v-0a7735b0]{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#fff;animation:pulse-0a7735b0 2s cubic-bezier(.4,0,.6,1) infinite}.loading-text .mode-icon[data-v-0a7735b0]{font-size:1.4rem;animation:rotate-0a7735b0 2s linear infinite;filter:drop-shadow(0 0 10px currentColor);display:inline-block}@keyframes pulse-0a7735b0{0%,to{opacity:1}50%{opacity:.6}}@keyframes rotate-0a7735b0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-details-btn[data-v-0a7735b0]{margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,#0ff3,#ff00ff1a);border:1px solid rgba(0,255,255,.5);border-radius:6px;color:#00ffffe6;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;animation:buttonFadeIn-0a7735b0 .5s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 0 5px rgba(0,255,255,.3)}.view-details-btn[data-v-0a7735b0]:hover{background:linear-gradient(135deg,#00ffff4d,#f0f3);border-color:#0ffc;transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.view-details-btn[data-v-0a7735b0]:active{transform:translateY(0)}@keyframes buttonFadeIn-0a7735b0{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes knowledgeFadeIn-0a7735b0{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.generation-progress[data-v-0a7735b0]{background:linear-gradient(135deg,#00283cf2,#140032f2,#001e32f2);border:2px solid rgba(0,255,255,.8);border-radius:16px;padding:16px;margin:10px;animation:slideUp-0a7735b0 .3s ease-out,neonPulse-0a7735b0 3s ease-in-out infinite;box-shadow:0 0 30px #0ff6,inset 0 0 20px #0ff3,0 4px 15px #00000080;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes neonPulse-0a7735b0{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.5)}}@keyframes rotateGradient-0a7735b0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp-0a7735b0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-header[data-v-0a7735b0]{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid rgba(0,255,255,.5);position:relative}.progress-header[data-v-0a7735b0]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);animation:scanLine-0a7735b0 2s linear infinite}@keyframes scanLine-0a7735b0{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-icon[data-v-0a7735b0]{font-size:1.4rem;filter:drop-shadow(0 0 10px #00ffff) brightness(1.5);animation:iconGlow-0a7735b0 2s ease-in-out infinite}@keyframes iconGlow-0a7735b0{0%,to{filter:drop-shadow(0 0 10px #00ffff) brightness(1.5)}50%{filter:drop-shadow(0 0 20px #00ff00) brightness(2)}}.progress-title[data-v-0a7735b0]{font-size:1.1rem;font-weight:700;color:#0ff;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5);text-transform:uppercase}.progress-steps[data-v-0a7735b0]{display:flex;flex-direction:column;gap:12px}.step-item[data-v-0a7735b0]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#001e3c80,#0032644d);border:1px solid rgba(0,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.step-item[data-v-0a7735b0]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.step-item[data-v-0a7735b0]:hover:before{left:100%}.step-item.active[data-v-0a7735b0]{background:linear-gradient(135deg,#00aaff4d,#0ff3);border-color:#0af;animation:activeGlow-0a7735b0 2s ease-in-out infinite;box-shadow:0 0 20px #00aaff80,inset 0 0 10px #0ff3}@keyframes activeGlow-0a7735b0{0%,to{box-shadow:0 0 20px #00aaff80,inset 0 0 10px #0ff3}50%{box-shadow:0 0 40px #0afc,inset 0 0 20px #0ff6}}.step-item.completed[data-v-0a7735b0]{background:linear-gradient(135deg,#00ffaa4d,#00ff6433);border-color:#0f8;box-shadow:0 0 25px #0fa9,inset 0 0 15px #0fa3}@keyframes pulseGlow-0a7735b0{0%,to{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 20px #3b82f666}}.step-indicator[data-v-0a7735b0]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,#0064c84d,#00326480);border:2px solid rgba(0,255,255,.4);transition:all .3s ease;position:relative}.step-indicator[data-v-0a7735b0]:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(0,255,255,.2);animation:rotateBorder-0a7735b0 3s linear infinite}@keyframes rotateBorder-0a7735b0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-item.active .step-indicator[data-v-0a7735b0]{background:radial-gradient(circle,#0af9,#0064ffcc);border-color:#0af;box-shadow:0 0 20px #0afc,inset 0 0 10px #00ffff80}.step-item.completed .step-indicator[data-v-0a7735b0]{background:radial-gradient(circle,#0f8,#0c6);border-color:#0f8;box-shadow:0 0 30px #0f8c,inset 0 0 10px #ffffff4d;animation:completedPulse-0a7735b0 1s ease-in-out infinite}@keyframes completedPulse-0a7735b0{0%,to{transform:scale(1);box-shadow:0 0 30px #0f8c,inset 0 0 10px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 40px #0f8,inset 0 0 15px #ffffff80}}.step-number[data-v-0a7735b0]{color:#0ff;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8)}.check-icon[data-v-0a7735b0]{color:#fff;font-size:1.2rem;font-weight:900;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(0,255,136,.6);filter:brightness(1.5)}.spinner[data-v-0a7735b0]{width:18px;height:18px;border:3px solid rgba(0,170,255,.2);border-top-color:#0ff;border-right-color:#0af;border-radius:50%;animation:spin-0a7735b0 .8s linear infinite;filter:drop-shadow(0 0 5px #00ffff)}@keyframes spin-0a7735b0{to{transform:rotate(360deg)}}.step-content[data-v-0a7735b0]{flex:1}.step-title[data-v-0a7735b0]{font-size:1rem;font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 0 5px rgba(255,255,255,.5);letter-spacing:.5px}.step-item.completed .step-title[data-v-0a7735b0]{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4)}.step-item.active .step-title[data-v-0a7735b0]{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,170,255,.4);animation:textPulse-0a7735b0 1.5s ease-in-out infinite}@keyframes textPulse-0a7735b0{0%,to{opacity:1}50%{opacity:.8}}.step-desc[data-v-0a7735b0]{font-size:.85rem;color:#aaffffb3;font-weight:500;letter-spacing:.3px}.step-item.completed .step-desc[data-v-0a7735b0]{color:#0fac;text-decoration:line-through;text-decoration-color:#0fa6;text-decoration-thickness:2px}.step-item.active .step-desc[data-v-0a7735b0]{color:#00c8ffe6;font-weight:600}.mode-selector[data-v-0a7735b0]{padding:12px 15px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.mode-selector[data-v-0a7735b0]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,transparent);animation:scanLine-0a7735b0 2s ease-in-out infinite}.mode-dropdown-container[data-v-0a7735b0]{display:flex;flex-direction:column;gap:8px}.mode-label[data-v-0a7735b0]{font-size:.8rem;color:#0ff;font-weight:500;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5);margin-bottom:8px}.mode-dropdown[data-v-0a7735b0]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100}.mode-current[data-v-0a7735b0]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid var(--mode-color, #00ffff);border-radius:12px;transition:all .3s ease;font-size:.9rem;font-weight:600;color:var(--mode-color, #00ffff);position:relative;overflow:hidden}.mode-current[data-v-0a7735b0]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideShine-0a7735b0 3s infinite}@keyframes slideShine-0a7735b0{0%{left:-100%}50%{left:100%}to{left:100%}}.mode-current[data-v-0a7735b0]:hover{box-shadow:0 0 25px var(--mode-color),inset 0 0 15px #ffffff1a;transform:translateY(-2px) scale(1.02);border-color:#fff}.dropdown-arrow[data-v-0a7735b0]{margin-left:auto;font-size:.8rem;color:#999;transition:transform .2s ease}.mode-menu[data-v-0a7735b0]{margin-top:8px;background:#141932fa;border:2px solid rgba(0,255,255,.5);border-radius:12px;box-shadow:0 8px 24px #000c,0 0 40px #00ffff4d,inset 0 1px #ffffff1a;z-index:9999;overflow:hidden;max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mode-option[data-v-0a7735b0]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;background:#1e233ccc;border:none;border-bottom:1px solid rgba(0,255,255,.2);cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;position:relative;overflow:hidden}.mode-option[data-v-0a7735b0]:last-child{border-bottom:none}.mode-option[data-v-0a7735b0]:hover{background:#0ff3;transform:translate(5px);border-left:3px solid var(--mode-color);padding-left:11px;box-shadow:inset 0 0 20px #00ffff1a}.mode-option.active[data-v-0a7735b0]{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-left:3px solid var(--mode-color);padding-left:11px;color:#fff;font-weight:600}.mode-option .mode-icon[data-v-0a7735b0]{font-size:1.2rem;margin-right:4px}.mode-option .mode-name[data-v-0a7735b0]{font-size:.95rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.mode-option .mode-desc[data-v-0a7735b0]{font-size:.75rem;color:#0ffc;line-height:1.3;display:block;width:100%;margin-top:2px;opacity:.9}.menu-separator[data-v-0a7735b0]{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);margin:8px 0;position:relative}.menu-separator[data-v-0a7735b0]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent,#ff00ff,transparent);animation:scanLine-0a7735b0 3s ease-in-out infinite;opacity:.5}.download-option[data-v-0a7735b0]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px #667eea4d;margin-top:4px}.download-option[data-v-0a7735b0]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translate(3px) scale(1.02);box-shadow:0 6px 20px #667eea80}.download-icon[data-v-0a7735b0]{width:20px;height:20px;stroke-width:2;stroke:#fff}.download-text[data-v-0a7735b0]{flex:1}.dropdown-enter-active[data-v-0a7735b0],.dropdown-leave-active[data-v-0a7735b0]{transition:all .2s ease}.dropdown-enter-from[data-v-0a7735b0],.dropdown-leave-to[data-v-0a7735b0]{opacity:0;transform:translateY(-10px)}.action-buttons[data-v-0a7735b0]{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.action-btn[data-v-0a7735b0]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:8px;background:linear-gradient(135deg,#4caf50cc,#388e3ccc);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #4caf504d}.action-btn[data-v-0a7735b0]:hover{background:linear-gradient(135deg,#4caf50,#388e3c);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5080}.save-btn[data-v-0a7735b0]{background:linear-gradient(135deg,#1976d2cc,#1565c0cc);box-shadow:0 2px 8px #1976d24d}.save-btn[data-v-0a7735b0]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #1976d280}.btn-icon[data-v-0a7735b0]{font-size:16px}.btn-text[data-v-0a7735b0]{font-size:.85rem}@media (max-width: 768px){.left-panel[data-v-0a7735b0]{flex:none;width:100%;height:50vh}.mode-menu[data-v-0a7735b0]{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;max-height:60vh}}.main-content[data-v-5c545e37]{flex:1;display:flex;flex-direction:column;height:100vh;padding:20px;gap:20px;background:url(/assets/bg.webp) no-repeat center center;background-size:cover;background-attachment:fixed}.download-btn-float[data-v-5c545e37]{position:absolute;top:20px;right:20px;z-index:100;padding:12px 20px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.preview-section:hover .download-btn-float[data-v-5c545e37]{opacity:1;transform:translateY(0);pointer-events:auto}.download-btn-float[data-v-5c545e37]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05);box-shadow:0 8px 32px #667eea99,inset 0 2px 4px #ffffff4d;border-color:#ffffff80}.download-btn-float svg[data-v-5c545e37]{width:18px;height:18px;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.download-text[data-v-5c545e37]{letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-section[data-v-5c545e37]{flex:1;display:flex;flex-direction:column;background:#0a0a1ed9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 0 30px #8a2be21a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;border:1px solid rgba(138,43,226,.3)}.neon-border[data-v-5c545e37]{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8a2be2,#00ffff,#ff00ff,#8a2be2,transparent);background-size:200% 100%;animation:neonFlow-5c545e37 3s linear infinite;filter:blur(2px);z-index:10}.neon-border[data-v-5c545e37]:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:inherit;filter:blur(8px);opacity:.5}@keyframes neonFlow-5c545e37{0%{background-position:-200% 0}to{background-position:200% 0}}.preview-container[data-v-5c545e37]{flex:1;position:relative;background:#05050fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(138,43,226,.2)}.preview-error-bar[data-v-5c545e37]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,#50141ee6,#320f28e6);border-top:1px solid rgba(255,90,90,.35);border-bottom:1px solid rgba(255,90,90,.35);color:#ffe3e3;font-size:13px;z-index:5}.preview-error-bar .error-icon[data-v-5c545e37]{font-size:18px;color:#ff8a5c;flex-shrink:0}.preview-error-bar .error-text[data-v-5c545e37]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.preview-error-bar .error-text strong[data-v-5c545e37]{color:#ff9d9d;font-weight:600}.preview-error-bar .error-detail[data-v-5c545e37]{color:#ffe3e3bf;font-family:Courier New,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-error-bar .error-fix-btn[data-v-5c545e37]{flex-shrink:0;padding:6px 14px;border:1px solid rgba(0,212,255,.6);border-radius:8px;background:#00d4ff1f;color:#7fe7ff;font-size:13px;cursor:pointer;transition:all .2s ease}.preview-error-bar .error-fix-btn[data-v-5c545e37]:hover{background:#00d4ff40;box-shadow:0 0 12px #00d4ff59}.preview-error-bar .error-close-btn[data-v-5c545e37]{flex-shrink:0;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#ffe3e399;font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease}.preview-error-bar .error-close-btn[data-v-5c545e37]:hover{background:#ffffff1a;color:#fff}@media (max-width: 640px){.preview-error-bar .error-detail[data-v-5c545e37]{display:none}}.preview-iframe[data-v-5c545e37]{width:100%;height:100%;border:none;background:transparent}.preview-placeholder[data-v-5c545e37]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.placeholder-content[data-v-5c545e37]{text-align:center;color:#999}.placeholder-icon[data-v-5c545e37]{width:80px;height:80px;margin-bottom:20px;stroke-width:1.5}.placeholder-content p[data-v-5c545e37]{margin:5px 0;font-size:1rem}.placeholder-hint[data-v-5c545e37]{font-size:.85rem!important;color:#bbb!important}.preview-loading[data-v-5c545e37]{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn-5c545e37 .2s}.loading-content[data-v-5c545e37]{display:flex;flex-direction:column;align-items:center;gap:30px}.code-loader[data-v-5c545e37]{display:flex;flex-direction:column;gap:8px;padding:20px;background:#1e1e1e;border-radius:12px;box-shadow:0 8px 24px #00000026}.code-line[data-v-5c545e37]{height:12px;background:linear-gradient(90deg,#569cd6,#ce9178,#6a9955,#9cdcfe,#569cd6);background-size:200% 100%;border-radius:6px;animation:codeLine-5c545e37 2s ease-in-out infinite;opacity:.8}.code-line[data-v-5c545e37]:nth-child(1){width:180px;animation-delay:0s}.code-line[data-v-5c545e37]:nth-child(2){width:240px;animation-delay:.2s}.code-line[data-v-5c545e37]:nth-child(3){width:200px;animation-delay:.4s}@keyframes codeLine-5c545e37{0%{background-position:200% 0;opacity:.4}50%{opacity:1}to{background-position:-200% 0;opacity:.4}}.loading-text[data-v-5c545e37]{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#667eea;font-weight:500}.pulse-dot[data-v-5c545e37]{width:8px;height:8px;background:#667eea;border-radius:50%;animation:pulseDot-5c545e37 1.5s ease-in-out infinite}@keyframes pulseDot-5c545e37{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.loading-spinner[data-v-5c545e37]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-5c545e37 1s linear infinite;margin-bottom:20px}@keyframes spin-5c545e37{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-5c545e37{0%,to{opacity:1}50%{opacity:.6}}.code-section[data-v-5c545e37]{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a1ef2,#1e0a3cf2);border-radius:30px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:flex .3s ease;position:relative;margin:4px;border:2px solid transparent;background-clip:padding-box;background-origin:border-box;background-image:linear-gradient(135deg,#0a0a1ef2,#1e0a3cf2),linear-gradient(45deg,#0ff,#f0f,#0f0,#ff0,#0ff);box-shadow:0 20px 60px #8a2be24d,0 0 100px #00ffff1a,inset 0 0 50px #8a2be233}.code-section[data-v-5c545e37]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0f0,#ff0,#0ff,#f0f,#0f0);border-radius:34px;z-index:-1;opacity:.7;animation:techBorderRotate-5c545e37 6s linear infinite;background-size:400% 400%;filter:blur(3px)}.code-section[data-v-5c545e37]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0a1efa,#1e0a3cfa);border-radius:30px;z-index:-1}.tech-corner[data-v-5c545e37]{position:absolute;width:40px;height:40px;z-index:10;pointer-events:none}.tech-corner[data-v-5c545e37]:before,.tech-corner[data-v-5c545e37]:after{content:"";position:absolute;background:#0ff;box-shadow:0 0 10px currentColor}.tech-corner.top-left[data-v-5c545e37]{top:-2px;left:-2px}.tech-corner.top-left[data-v-5c545e37]:before{width:100%;height:3px;top:0;left:0;background:linear-gradient(90deg,#00ffff 0%,transparent 100%)}.tech-corner.top-left[data-v-5c545e37]:after{width:3px;height:100%;top:0;left:0;background:linear-gradient(180deg,#00ffff 0%,transparent 100%)}.tech-corner.top-right[data-v-5c545e37]{top:-2px;right:-2px}.tech-corner.top-right[data-v-5c545e37]:before{width:100%;height:3px;top:0;right:0;background:linear-gradient(270deg,#00ffff 0%,transparent 100%)}.tech-corner.top-right[data-v-5c545e37]:after{width:3px;height:100%;top:0;right:0;background:linear-gradient(180deg,#00ffff 0%,transparent 100%)}.tech-corner.bottom-left[data-v-5c545e37]{bottom:-2px;left:-2px}.tech-corner.bottom-left[data-v-5c545e37]:before{width:100%;height:3px;bottom:0;left:0;background:linear-gradient(90deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-left[data-v-5c545e37]:after{width:3px;height:100%;bottom:0;left:0;background:linear-gradient(0deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-right[data-v-5c545e37]{bottom:-2px;right:-2px}.tech-corner.bottom-right[data-v-5c545e37]:before{width:100%;height:3px;bottom:0;right:0;background:linear-gradient(270deg,#ff00ff 0%,transparent 100%)}.tech-corner.bottom-right[data-v-5c545e37]:after{width:3px;height:100%;bottom:0;right:0;background:linear-gradient(0deg,#ff00ff 0%,transparent 100%)}.scan-line[data-v-5c545e37]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.3) 10%,#00ffff 50%,rgba(0,255,255,.3) 90%,transparent 100%);animation:scanDown-5c545e37 8s linear infinite;pointer-events:none;z-index:100;box-shadow:0 0 10px #0ff}@keyframes scanDown-5c545e37{0%{top:0;opacity:0}5%{opacity:1}95%{opacity:1}to{top:calc(100% - 2px);opacity:0}}@keyframes techBorderRotate-5c545e37{0%{background-position:0% 0%;filter:blur(3px) hue-rotate(0deg)}25%{background-position:100% 0%}50%{background-position:100% 100%;filter:blur(3px) hue-rotate(180deg)}75%{background-position:0% 100%}to{background-position:0% 0%;filter:blur(3px) hue-rotate(360deg)}}.code-section.collapsed[data-v-5c545e37]{flex:0 0 60px}.code-section.collapsed .code-header[data-v-5c545e37]{display:flex;justify-content:space-between;align-items:center}.code-header[data-v-5c545e37]{padding:15px;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;position:relative}.code-header h2[data-v-5c545e37]{color:#fff;font-size:1.2rem;margin:0}.code-header .collapsed-title[data-v-5c545e37]{color:#fff;font-size:1rem;font-weight:400;opacity:.9}.header-right[data-v-5c545e37]{display:flex;align-items:center;gap:15px}.file-tabs[data-v-5c545e37]{display:flex;gap:10px}.tab-btn[data-v-5c545e37]{padding:8px 16px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .2s;color:#666}.tab-btn[data-v-5c545e37]:hover{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-1px);box-shadow:0 2px 10px #0000001a}.tab-btn.active[data-v-5c545e37]{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#333;font-weight:500;box-shadow:0 2px 10px #0000001a}.collapse-btn[data-v-5c545e37]{width:30px;height:30px;padding:0;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.collapse-btn[data-v-5c545e37]:hover{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-1px);box-shadow:0 2px 10px #0000001a}.collapse-btn svg[data-v-5c545e37]{width:18px;height:18px;stroke-width:2}.code-container[data-v-5c545e37]{flex:1;overflow:auto;background:#1e1e1e;position:relative;max-height:calc(100vh - 200px)}.code-container[data-v-5c545e37]::-webkit-scrollbar{width:12px}.code-container[data-v-5c545e37]::-webkit-scrollbar-track{background:#0000004d;border-radius:6px;border:1px solid rgba(0,255,255,.2)}.code-container[data-v-5c545e37]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f,#0ff);border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #00ffff80}.code-container[data-v-5c545e37]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff,#f0f);box-shadow:0 0 15px #ff00ffb3}.code-pre[data-v-5c545e37]{margin:0;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;min-height:100%}.code-block[data-v-5c545e37]{color:#0ff;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;display:block;text-shadow:0 0 3px rgba(0,255,255,.3);filter:brightness(1.1)}.code-block[data-v-5c545e37] .keyword{color:#f0f;font-weight:700;text-shadow:0 0 8px rgba(255,0,255,.5)}.code-block[data-v-5c545e37] .string{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}.code-block[data-v-5c545e37] .number{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.3)}.code-block[data-v-5c545e37] .boolean{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.3)}.code-block[data-v-5c545e37] .comment{color:#888;font-style:italic;opacity:.7}.code-block[data-v-5c545e37] .tag{color:#0ff;text-shadow:0 0 3px rgba(0,255,255,.3)}.code-block[data-v-5c545e37] .tag-name{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.3)}.code-block[data-v-5c545e37] .attr{color:#9cdcfe}.code-block[data-v-5c545e37] .selector{color:#d7ba7d}.code-block[data-v-5c545e37] .property{color:#9cdcfe}.code-block[data-v-5c545e37] .value{color:#ce9178}.code-block[data-v-5c545e37] .code-segment{display:block;padding:8px 12px;margin:4px -12px;border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative}.code-block[data-v-5c545e37] .code-empty-line{display:block;height:1.6em;pointer-events:none}.code-block[data-v-5c545e37] .code-segment:hover,.code-block[data-v-5c545e37] .code-segment.segment-hover{background:#00ffff1a;box-shadow:inset 0 0 20px #0ff3,0 0 10px #00ffff4d;border-left:3px solid #00ffff;padding-left:10px;transition:all .3s}.code-block[data-v-5c545e37] .code-segment:hover:before,.code-block[data-v-5c545e37] .code-segment.segment-hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,rgba(0,255,255,.2) 0%,transparent 50%);pointer-events:none;animation:scanLine 2s ease-in-out infinite}.code-block[data-v-5c545e37] .code-segment:active{background:#f0f3;transform:translate(3px) scale(1.01);box-shadow:inset 0 0 30px #ff00ff4d,0 0 20px #f0f6}@media (max-width: 768px){.main-content[data-v-5c545e37]{padding:10px}.preview-actions[data-v-5c545e37]{flex-wrap:wrap}.action-btn[data-v-5c545e37]{padding:6px 10px;font-size:.8rem}.file-tabs[data-v-5c545e37]{flex-wrap:wrap}}.tips-btn[data-v-5c545e37]{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid rgba(255,215,0,.5);border-radius:8px;padding:8px 12px;font-size:1.4rem;cursor:pointer;transition:all .3s ease;margin-right:10px;animation:glow-5c545e37 2s ease-in-out infinite}@keyframes glow-5c545e37{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70066}}.tips-btn[data-v-5c545e37]:hover{transform:scale(1.1);background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 0 25px #ffd700e6}.tips-dialog-overlay[data-v-5c545e37]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-5c545e37 .3s ease}.tips-dialog[data-v-5c545e37]{max-width:900px!important;width:90vw}.game-dialog-container[data-v-5c545e37]{position:relative;animation:slideInUp-5c545e37 .4s ease}.dialog-border-decoration[data-v-5c545e37]{position:absolute;inset:-10px;border:3px solid #d4af37;border-radius:15px;background:linear-gradient(180deg,#1a120bfa,#2e2214fa);box-shadow:0 0 50px #d4af374d,inset 0 0 30px #000c}.corner-ornament[data-v-5c545e37]{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#d4af37,#b8941f);border:2px solid #8b6914;box-shadow:0 0 20px #d4af3780}.corner-ornament.top-left[data-v-5c545e37]{top:-5px;left:-5px;border-radius:15px 0}.corner-ornament.top-right[data-v-5c545e37]{top:-5px;right:-5px;border-radius:0 15px}.corner-ornament.bottom-left[data-v-5c545e37]{bottom:-5px;left:-5px;border-radius:0 15px}.corner-ornament.bottom-right[data-v-5c545e37]{bottom:-5px;right:-5px;border-radius:15px 0}.game-dialog-content[data-v-5c545e37]{position:relative;background:linear-gradient(135deg,#120d08f2,#21180ef2);border-radius:15px;z-index:1;padding:20px;max-height:80vh;overflow-y:auto;flex-direction:column}.dialog-header[data-v-5c545e37]{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;padding:15px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);border-bottom:2px solid rgba(212,175,55,.3)}.dialog-title[data-v-5c545e37]{font-size:1.6rem;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.5);display:flex;align-items:center;gap:10px}.title-icon[data-v-5c545e37]{font-size:1.8rem;animation:float-5c545e37 3s ease-in-out infinite}@keyframes float-5c545e37{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.close-btn[data-v-5c545e37]{position:absolute;right:10px;top:10px;background:#d4af3733;border:1px solid #d4af37;color:#d4af37;width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .3s;font-size:1.2rem}.close-btn[data-v-5c545e37]:hover{background:#d4af3766;transform:rotate(90deg)}.tips-tabs[data-v-5c545e37]{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.tips-tabs .tab-btn[data-v-5c545e37]{padding:10px 20px;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.tips-tabs .tab-btn[data-v-5c545e37]:hover{background:linear-gradient(135deg,#d4af3733,#d4af371a);transform:translateY(-2px)}.tips-tabs .tab-btn.active[data-v-5c545e37]{background:linear-gradient(135deg,#d4af374d,#d4af3733);border-color:#d4af37;box-shadow:0 0 15px #d4af3766}.tab-icon[data-v-5c545e37]{font-size:1.2rem}.tips-content[data-v-5c545e37]{min-height:300px;max-height:400px;overflow-y:auto;padding:10px}.prompt-list[data-v-5c545e37]{display:flex;flex-direction:column;gap:15px}.prompt-item[data-v-5c545e37]{background:linear-gradient(135deg,#d4af370d,#d4af3705);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s}.prompt-item[data-v-5c545e37]:hover{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:#d4af3780;transform:translate(5px);box-shadow:0 0 20px #d4af374d}.prompt-header[data-v-5c545e37]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prompt-number[data-v-5c545e37]{background:#d4af37;color:#1a1308;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.prompt-title[data-v-5c545e37]{flex:1;color:#f4e4c1;font-weight:600;font-size:1.1rem}.copy-indicator[data-v-5c545e37]{color:#d4af3799;font-size:.9rem;transition:all .3s;min-width:100px;text-align:right}.copy-indicator.copied[data-v-5c545e37]{color:#4ade80;font-weight:600;text-shadow:0 0 10px rgba(74,222,128,.5);animation:successPulse-5c545e37 .5s ease}@keyframes successPulse-5c545e37{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.prompt-item:hover .copy-indicator[data-v-5c545e37]:not(.copied){color:#d4af37;transform:scale(1.1)}.prompt-content[data-v-5c545e37]{color:#e8dcc0;line-height:1.6;font-size:.95rem;padding-left:35px}.dialog-footer[data-v-5c545e37]{margin-top:20px;padding-top:15px;border-top:1px solid rgba(212,175,55,.2);text-align:center}.footer-hint[data-v-5c545e37]{color:#d4af37b3;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:5px}.tips-content[data-v-5c545e37]::-webkit-scrollbar,.game-dialog-content[data-v-5c545e37]::-webkit-scrollbar{width:8px}.tips-content[data-v-5c545e37]::-webkit-scrollbar-track,.game-dialog-content[data-v-5c545e37]::-webkit-scrollbar-track{background:#d4af371a;border-radius:4px}.tips-content[data-v-5c545e37]::-webkit-scrollbar-thumb,.game-dialog-content[data-v-5c545e37]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b7355);border-radius:4px}.tips-content[data-v-5c545e37]::-webkit-scrollbar-thumb:hover,.game-dialog-content[data-v-5c545e37]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4cf57,#ab9365)}@keyframes fadeIn-5c545e37{0%{opacity:0}to{opacity:1}}@keyframes slideInUp-5c545e37{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{font-family:Orbitron,Space Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,255,.2) 0%,transparent 70%),linear-gradient(180deg,#0a0e27,#1a1f3a,#0a0e27);z-index:-1;animation:spaceFloat 20s ease-in-out infinite}@keyframes spaceFloat{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(1deg) scale(1.02)}50%{transform:rotate(-1deg) scale(.98)}75%{transform:rotate(.5deg) scale(1.01)}}.app-container{display:flex;min-height:100vh;background:transparent;position:relative}.app-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent);background-size:200% 200%;animation:starsMove 120s linear infinite;opacity:.3;pointer-events:none}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}@keyframes buttonPulse{0%{box-shadow:0 0 #00ffffb3}70%{box-shadow:0 0 0 20px #0ff0}to{box-shadow:0 0 #0ff0}}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes hudBorder{0%{clip-path:polygon(0 0,0% 0,0% 100%,0% 100%)}25%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}75%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00ffff1a;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border-radius:5px;border:2px solid rgba(10,14,39,.8)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#0ff)}::selection{background:#00ffff4d;color:#fff}::-moz-selection{background:#00ffff4d;color:#fff}@media (max-width: 768px){.app-container{flex-direction:column;overflow-y:auto;height:auto}}.completion-dialog-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0000001a,#00000080 50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.game-dialog-container{position:relative;width:800px;max-width:95vw;max-height:85vh;animation:dialogSlideIn .4s ease;display:flex;flex-direction:column;overflow:hidden}.dialog-border-decoration{position:absolute;inset:-10px;border:3px solid #d4af37;border-radius:15px;background:linear-gradient(180deg,#1a120bfa,#2e2214fa,#1a120bfa);box-shadow:0 0 50px #d4af374d,inset 0 0 30px #000c}.corner-ornament{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#d4af37,#b8941f);border:2px solid #8b6914;box-shadow:0 0 20px #d4af3780,inset 0 0 10px #ffd7004d}.corner-ornament.top-left{top:-5px;left:-5px;border-radius:15px 0}.corner-ornament.top-right{top:-5px;right:-5px;border-radius:0 15px}.corner-ornament.bottom-left{bottom:-5px;left:-5px;border-radius:0 15px}.corner-ornament.bottom-right{bottom:-5px;right:-5px;border-radius:15px 0}.game-dialog-content{position:relative;display:flex;gap:20px;padding:30px;background:linear-gradient(135deg,#120d08f2,#21180ef2,#120d08f2);border-radius:10px;z-index:1;overflow-y:auto;max-height:calc(85vh - 20px)}.game-dialog-content::-webkit-scrollbar{width:10px}.game-dialog-content::-webkit-scrollbar-track{background:#d4af371a;border-radius:5px}.game-dialog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b7355);border-radius:5px;border:1px solid rgba(212,175,55,.3)}.game-dialog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4cf57,#ab9365);border:1px solid rgba(212,175,55,.5)}.mentor-profile-section{display:flex;flex-direction:column;align-items:center;gap:15px}.mentor-avatar-frame{position:relative;width:140px;height:140px;border:4px solid #d4af37;border-radius:10px;background:linear-gradient(135deg,#1a1308,#2e2214);padding:8px;box-shadow:0 0 30px #d4af3766,inset 0 0 20px #00000080}.avatar-border-glow{position:absolute;inset:-10px;border:2px solid rgba(212,175,55,.3);border-radius:12px;animation:glowPulse 2s ease-in-out infinite}.mentor-portrait{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid rgba(212,175,55,.5)}.mentor-emoji-portrait{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:60px;background:radial-gradient(circle,rgba(212,175,55,.1),transparent)}.level-badge{position:absolute;bottom:-10px;right:-10px;background:linear-gradient(135deg,#ff6b35,#ff9558);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid #d4af37;box-shadow:0 2px 10px #00000080}.mentor-nameplate{text-align:center;padding:10px 20px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);border:1px solid rgba(212,175,55,.3);border-radius:5px;min-width:150px}.nameplate-title{font-size:11px;color:#d4af37;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.nameplate-name{font-size:16px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dialogue-section{flex:1;display:flex;flex-direction:column;gap:15px}.dialogue-header{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent);border-top:2px solid rgba(212,175,55,.5);border-bottom:2px solid rgba(212,175,55,.5)}.header-decoration{width:60px;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent)}.header-decoration.left{background:linear-gradient(90deg,transparent,#d4af37)}.header-decoration.right{background:linear-gradient(90deg,#d4af37,transparent)}.dialogue-title{font-size:20px;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);margin:0}.dialogue-box{overflow-y:scroll;background:linear-gradient(135deg,#1a130be6,#261c11e6);border:2px solid rgba(212,175,55,.4);border-radius:10px;padding:20px;position:relative;min-height:120px;box-shadow:inset 0 0 30px #00000080,0 5px 15px #0000004d}.dialogue-content{display:flex;flex-direction:column;gap:15px}.step-indicator{display:flex;align-items:center;gap:10px;padding:5px 15px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:20px;width:fit-content}.step-label{color:#d4af37;font-size:12px;text-transform:uppercase;letter-spacing:1px}.step-number{color:#fff;font-weight:700;font-size:14px}.dialogue-text{color:#e8dcc0;line-height:1.8;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:textFadeIn .5s ease;margin-bottom:15px}@keyframes textFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.knowledge-points{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:15px;margin-top:15px;animation:fadeInUp .6s ease}.knowledge-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.2)}.knowledge-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.knowledge-title{font-size:14px;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.knowledge-list{display:flex;flex-direction:column;gap:12px}.knowledge-item{animation:slideInLeft .5s ease;animation-fill-mode:both;border-left:2px solid rgba(212,175,55,.4);padding-left:12px}.knowledge-item:nth-child(1){animation-delay:.1s}.knowledge-item:nth-child(2){animation-delay:.2s}.knowledge-item:nth-child(3){animation-delay:.3s}.point-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.point-marker{color:#ff6b35;font-size:12px;filter:drop-shadow(0 0 3px rgba(255,107,53,.5))}.point-title{font-size:15px;font-weight:600;color:#f4e4c1;text-shadow:0 0 3px rgba(244,228,193,.3)}.point-description{color:#e8dcc0;font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:20px}.point-code{background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:8px;margin-left:20px;margin-top:6px;overflow-x:auto;max-width:calc(100% - 20px)}.point-code pre{margin:0;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word}.point-code code{color:#0f0;font-size:12px;line-height:1.4;text-shadow:0 0 3px rgba(0,255,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dialogue-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(212,175,55,.2)}.game-btn{position:relative;padding:10px 25px;background:linear-gradient(135deg,#d4af3733,#b8941f4d);border:2px solid #d4af37;border-radius:5px;color:#e8dcc0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 -3px #0000004d,0 2px 5px #00000080}.game-btn:hover{background:linear-gradient(135deg,#d4af374d,#b8941f66);transform:translateY(-2px);box-shadow:inset 0 -3px #0000004d,0 4px 8px #0009}.game-btn:active{transform:translateY(0);box-shadow:inset 0 2px 5px #00000080,0 1px 2px #00000080}.game-btn.next-btn{background:linear-gradient(135deg,#ff6b354d,#ff955866);border-color:#ff6b35;color:#fff}.game-btn.next-btn:hover{background:linear-gradient(135deg,#ff6b3566,#ff955880);box-shadow:inset 0 -3px #0000004d,0 4px 8px #ff6b354d}.btn-arrow{display:inline-block;margin:0 5px;font-size:12px}.btn-arrow.left{margin-right:8px}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pbl-container[data-v-f5a8eb28]{min-height:100vh;background:#0a0e27;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-f5a8eb28]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image[data-v-f5a8eb28]{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(/assets/bg5.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8}.pbl-header[data-v-f5a8eb28]{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2)}.project-title[data-v-f5a8eb28]{font-size:1.8rem;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);margin:0}.mentor-badge[data-v-f5a8eb28]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:20px}.mentor-badge img[data-v-f5a8eb28]{width:30px;height:30px;border-radius:50%}.mentor-badge span[data-v-f5a8eb28]{color:#0ff;font-size:.9rem}.back-btn[data-v-f5a8eb28]{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.back-btn[data-v-f5a8eb28]:hover{background:#00ffff1a;transform:translate(-3px)}.back-btn svg[data-v-f5a8eb28]{width:20px;height:20px}.main-content[data-v-f5a8eb28]{display:flex;gap:20px;padding:20px;height:calc(100vh - 80px);position:relative;z-index:5}.stages-board[data-v-f5a8eb28]{width:320px;background:linear-gradient(135deg,#0f0a28f2,#19143ce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:2px solid rgba(0,255,255,.2);position:relative;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 50px #0ff3,inset 0 0 30px #00ffff0d}.space-header[data-v-f5a8eb28]{margin-bottom:20px}.stages-title[data-v-f5a8eb28]{color:#0ff;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 0 20px rgba(0,255,255,.8);letter-spacing:1px}.title-icon[data-v-f5a8eb28]{font-size:1.5rem;animation:float-f5a8eb28 3s ease-in-out infinite}@keyframes float-f5a8eb28{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.overall-progress[data-v-f5a8eb28]{padding:15px;background:#00000080;border-radius:15px;border:1px solid rgba(0,255,255,.2)}.progress-label[data-v-f5a8eb28]{color:#0f8;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.overall-progress-bar[data-v-f5a8eb28]{width:100%;height:12px;background:#000c;border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.3)}.overall-progress-fill[data-v-f5a8eb28]{height:100%;background:linear-gradient(90deg,#0ff,#0f8,#0ff);border-radius:20px;transition:width .5s ease;position:relative;animation:progressPulse-f5a8eb28 2s ease-in-out infinite}@keyframes progressPulse-f5a8eb28{0%,to{opacity:.9}50%{opacity:1}}.progress-glow[data-v-f5a8eb28]{position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));animation:glowMove-f5a8eb28 2s linear infinite}@keyframes glowMove-f5a8eb28{0%{transform:translate(-30px)}to{transform:translate(0)}}.stages-container[data-v-f5a8eb28]{display:flex;flex-direction:column;gap:15px}.stage-card[data-v-f5a8eb28]{background:#0009;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.stage-card.completed[data-v-f5a8eb28]{border-color:#0f8;background:#00ff881a}.stage-card.active[data-v-f5a8eb28]{border-color:#ff0;background:#ffff001a;animation:activePulse-f5a8eb28 2s ease-in-out infinite}@keyframes activePulse-f5a8eb28{0%,to{box-shadow:0 0 20px #ffff004d}50%{box-shadow:0 0 40px #ffff0080}}.stage-card.locked[data-v-f5a8eb28]{opacity:.5;cursor:not-allowed}.stage-card[data-v-f5a8eb28]:not(.locked):hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d}.stage-header[data-v-f5a8eb28]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stage-number[data-v-f5a8eb28]{width:25px;height:25px;background:#0ff3;border:2px solid #00ffff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ff;font-weight:700;font-size:.9rem}.stage-card.completed .stage-number[data-v-f5a8eb28]{background:#0f8;border-color:#0f8;color:#000}.status-icon[data-v-f5a8eb28]{font-size:1.2rem}.stage-title[data-v-f5a8eb28]{color:#0ff;font-size:1rem;margin:0;font-weight:600;flex:1}.stage-content[data-v-f5a8eb28]{min-height:40px;margin-bottom:10px}.stage-result[data-v-f5a8eb28]{color:#0f8;font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.stage-placeholder[data-v-f5a8eb28]{color:#fff6;font-size:.75rem;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stage-progress[data-v-f5a8eb28]{margin-top:auto}.progress-bar[data-v-f5a8eb28]{height:6px;background:linear-gradient(90deg,#000c,#0009);border-radius:10px;overflow:hidden;border:1px solid rgba(0,255,255,.1);position:relative}.progress-bar[data-v-f5a8eb28]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.1) 50%,transparent 100%);animation:scanLine-f5a8eb28 3s linear infinite}@keyframes scanLine-f5a8eb28{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill[data-v-f5a8eb28]{height:100%;background:linear-gradient(90deg,#0ff,#0f8,#0ff);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00ffff80;position:relative}.mission-complete[data-v-f5a8eb28]{margin-top:20px;padding:15px;background:linear-gradient(135deg,#0f83,#00ffff26);border:2px solid #00ff88;border-radius:15px;text-align:center;color:#0f8;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;animation:completeGlow-f5a8eb28 2s ease-in-out infinite;cursor:pointer;transition:all .3s ease;font-size:1rem}.mission-complete[data-v-f5a8eb28]:hover{transform:translateY(-2px);box-shadow:0 0 30px #0f89,0 5px 15px #0000004d;background:linear-gradient(135deg,#00ff884d,#00ffff40)}.mission-complete[data-v-f5a8eb28]:active{transform:translateY(0)}@keyframes completeGlow-f5a8eb28{0%,to{box-shadow:0 0 20px #0f86}50%{box-shadow:0 0 30px #0f89}}.complete-icon[data-v-f5a8eb28]{font-size:1.5rem;animation:rotate-f5a8eb28 3s linear infinite}@keyframes rotate-f5a8eb28{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-section[data-v-f5a8eb28]{flex:1;display:flex;flex-direction:column;min-width:0}.chat-wrapper[data-v-f5a8eb28]{height:100%;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,255,255,.3);overflow:hidden;display:flex;flex-direction:column}.current-stage-banner[data-v-f5a8eb28]{padding:15px 20px;background:linear-gradient(135deg,#0ff3,#f0f3);border-bottom:1px solid rgba(0,255,255,.3);display:flex;align-items:center;gap:10px}.stage-label[data-v-f5a8eb28]{color:#ffffffb3;font-size:.9rem}.stage-name[data-v-f5a8eb28]{color:#0ff;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.5)}.chat-messages[data-v-f5a8eb28]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:0}.message[data-v-f5a8eb28]{display:flex;gap:10px;animation:messageSlide-f5a8eb28 .3s ease}@keyframes messageSlide-f5a8eb28{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user[data-v-f5a8eb28]{justify-content:flex-end}.message-avatar[data-v-f5a8eb28]{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assistant-avatar[data-v-f5a8eb28]{background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;font-size:1rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.assistant-avatar img[data-v-f5a8eb28]{width:100%;height:100%;border-radius:50%;object-fit:cover}.assistant-avatar.loading[data-v-f5a8eb28]{animation:pulse-f5a8eb28 1.5s ease-in-out infinite}@keyframes pulse-f5a8eb28{0%,to{opacity:1}50%{opacity:.5}}.user-avatar[data-v-f5a8eb28]{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:.9rem;font-weight:600;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.user-avatar-image[data-v-f5a8eb28]{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-content[data-v-f5a8eb28]{max-width:70%;display:flex;flex-direction:column;gap:5px}.user .message-content[data-v-f5a8eb28]{align-items:flex-end}.message-bubble[data-v-f5a8eb28]{padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}.assistant .message-bubble[data-v-f5a8eb28]{background:#00ffff26;border:1px solid rgba(0,255,255,.3);color:#ffffffe6}.user .message-bubble[data-v-f5a8eb28]{background:linear-gradient(135deg,#ff6b6bcc,#ff8e53cc);color:#fff}.loading-bubble[data-v-f5a8eb28]{background:#00ffff1a;border:1px solid rgba(0,255,255,.2)}.typing-indicator[data-v-f5a8eb28]{display:flex;gap:4px;padding:5px 0}.typing-indicator span[data-v-f5a8eb28]{width:8px;height:8px;background:#0ff;border-radius:50%;animation:typing-f5a8eb28 1.4s infinite ease-in-out}.typing-indicator span[data-v-f5a8eb28]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-f5a8eb28]:nth-child(2){animation-delay:-.16s}@keyframes typing-f5a8eb28{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-time[data-v-f5a8eb28]{font-size:.7rem;color:#fff6}.options-section[data-v-f5a8eb28]{padding:20px;border-top:1px solid rgba(0,255,255,.2);background:#00ffff0d}.options-grid[data-v-f5a8eb28]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.option-btn[data-v-f5a8eb28]{padding:12px 20px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:15px;color:#0ff;font-size:.9rem;cursor:pointer;transition:all .3s}.option-btn[data-v-f5a8eb28]:hover{background:#0ff3;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.option-btn.complete-btn[data-v-f5a8eb28]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;font-weight:700;border:none}.option-btn.complete-btn[data-v-f5a8eb28]:hover{background:linear-gradient(135deg,#0fa,#0ff);box-shadow:0 5px 20px #00ff8880}.chat-input[data-v-f5a8eb28]{padding:20px;border-top:1px solid rgba(0,255,255,.2);background:#00000080}.input-wrapper[data-v-f5a8eb28]{display:flex;gap:10px;align-items:center}.message-input[data-v-f5a8eb28]{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(0,255,255,.3);border-radius:25px;color:#fff;font-size:.9rem;outline:none;transition:all .3s}.message-input[data-v-f5a8eb28]::placeholder{color:#ffffff80}.message-input[data-v-f5a8eb28]:focus{border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.send-btn[data-v-f5a8eb28]{width:45px;height:45px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.send-btn[data-v-f5a8eb28]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #00ffff80}.send-btn[data-v-f5a8eb28]:disabled{opacity:.5;cursor:not-allowed}.send-btn svg[data-v-f5a8eb28]{width:18px;height:18px}.confirm-dialog-overlay[data-v-f5a8eb28]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f5a8eb28 .3s ease}@keyframes fadeIn-f5a8eb28{0%{opacity:0}to{opacity:1}}.confirm-dialog[data-v-f5a8eb28]{background:linear-gradient(135deg,#001428f2,#140028f2);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #00ffff4d;animation:slideUp-f5a8eb28 .3s ease}@keyframes slideUp-f5a8eb28{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog h3[data-v-f5a8eb28]{color:#0ff;font-size:1.5rem;margin:0 0 15px;text-shadow:0 0 20px rgba(0,255,255,.5)}.confirm-dialog p[data-v-f5a8eb28]{color:#fffc;margin-bottom:20px}.confirm-summary[data-v-f5a8eb28]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:15px;margin-bottom:25px}.confirm-summary strong[data-v-f5a8eb28]{color:#0ff;display:block;margin-bottom:10px}.confirm-summary p[data-v-f5a8eb28]{color:#ffffffe6;margin:0;line-height:1.5}.confirm-actions[data-v-f5a8eb28]{display:flex;gap:15px;justify-content:flex-end}.cancel-btn[data-v-f5a8eb28],.confirm-btn[data-v-f5a8eb28]{padding:10px 25px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s;border:none}.cancel-btn[data-v-f5a8eb28]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fffc}.cancel-btn[data-v-f5a8eb28]:hover{background:#fff3}.confirm-btn[data-v-f5a8eb28]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;font-weight:700}.confirm-btn[data-v-f5a8eb28]:hover{background:linear-gradient(135deg,#0fa,#0ff);box-shadow:0 5px 20px #00ff8880;transform:translateY(-2px)}.mission-dialog-overlay[data-v-f5a8eb28]{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0a0e27f2,#000000fa);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f5a8eb28 .3s ease}.mission-dialog[data-v-f5a8eb28]{background:linear-gradient(145deg,#0f1932fa,#1e0f3cfa);border:3px solid;border-image:linear-gradient(45deg,#0ff,#f0f,#ff0) 1;border-radius:25px;padding:40px;max-width:600px;width:90%;box-shadow:0 25px 80px #0ff6,0 10px 40px #f0f3,inset 0 1px #ffffff1a;animation:missionSlideUp-f5a8eb28 .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes missionSlideUp-f5a8eb28{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mission-header[data-v-f5a8eb28]{text-align:center;margin-bottom:30px;position:relative}.mission-stars[data-v-f5a8eb28]{position:absolute;width:100%;height:50px;top:-30px;display:flex;justify-content:center;gap:20px}.star[data-v-f5a8eb28]{font-size:24px;animation:twinkle-f5a8eb28 2s ease-in-out infinite}.star-1[data-v-f5a8eb28]{animation-delay:0s}.star-2[data-v-f5a8eb28]{animation-delay:.5s}.star-3[data-v-f5a8eb28]{animation-delay:1s}@keyframes twinkle-f5a8eb28{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.mission-title[data-v-f5a8eb28]{color:#fff;font-size:28px;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.5);margin:20px 0}.mission-icon[data-v-f5a8eb28]{display:inline-block;font-size:32px;margin-right:10px;animation:float-f5a8eb28 3s ease-in-out infinite}@keyframes float-f5a8eb28{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mission-content[data-v-f5a8eb28]{margin:30px 0}.prompt-container[data-v-f5a8eb28]{background:#00000080;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prompt-label[data-v-f5a8eb28]{color:#0ff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.label-icon[data-v-f5a8eb28]{font-size:18px}.prompt-text[data-v-f5a8eb28]{color:#fff;font-size:16px;line-height:1.6;padding:15px;background:#ffffff0d;border-radius:10px;border-left:3px solid #00ffff;font-family:Courier New,monospace}.prompt-edit-wrapper[data-v-f5a8eb28]{position:relative}.prompt-textarea[data-v-f5a8eb28]{width:100%;padding:15px;background:#0009;border:2px solid rgba(0,255,255,.3);border-radius:10px;color:#fff;font-size:16px;line-height:1.6;resize:vertical;transition:all .3s ease;font-family:Courier New,monospace;min-height:200px;max-height:400px}.prompt-textarea[data-v-f5a8eb28]:focus{outline:none;border-color:#0ff;box-shadow:0 0 20px #0ff6;background:#000c}.prompt-textarea[data-v-f5a8eb28]::placeholder{color:#fff6}.prompt-edit-hint[data-v-f5a8eb28]{display:flex;align-items:center;gap:8px;margin-top:10px;color:#ffffffb3;font-size:14px}.prompt-edit-hint .hint-icon[data-v-f5a8eb28]{font-size:16px}.mission-actions[data-v-f5a8eb28]{display:flex;gap:15px;justify-content:center;margin-top:30px}.back-to-solution-btn[data-v-f5a8eb28],.go-to-editor-btn[data-v-f5a8eb28]{padding:12px 25px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-to-solution-btn[data-v-f5a8eb28]{background:linear-gradient(135deg,#ffffff1a,#fff3);color:#fff;border:2px solid rgba(255,255,255,.3)}.back-to-solution-btn[data-v-f5a8eb28]:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.go-to-editor-btn[data-v-f5a8eb28]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;border:2px solid transparent}.go-to-editor-btn[data-v-f5a8eb28]:hover:not(:disabled){background:linear-gradient(135deg,#0fa,#0ff);transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #00ff8880,0 5px 15px #00ffff80}.go-to-editor-btn[data-v-f5a8eb28]:disabled{background:linear-gradient(135deg,#444,#666);color:#ffffff4d;cursor:not-allowed;opacity:.5}.btn-icon[data-v-f5a8eb28]{font-size:20px}@media (max-width: 768px){.main-content[data-v-f5a8eb28]{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.stages-board[data-v-f5a8eb28]{width:100%;height:auto;max-height:300px;order:2}.chat-section[data-v-f5a8eb28]{order:1;min-height:500px}.chat-messages[data-v-f5a8eb28]{height:300px;flex:none}.options-grid[data-v-f5a8eb28]{grid-template-columns:1fr}.pbl-header[data-v-f5a8eb28]{flex-direction:column;gap:15px;align-items:stretch}.project-title[data-v-f5a8eb28]{font-size:1.3rem;text-align:center}.back-btn[data-v-f5a8eb28]{order:-1}}.level-selection-container[data-v-9ef8cd64]{min-height:100vh;padding:20px;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-9ef8cd64]{position:fixed;top:0;left:0;width:120%;height:120%;background:url(/assets/bg2.webp) repeat;background-size:100vw 100vh;z-index:-1;animation:backgroundMove-9ef8cd64 30s linear infinite}@keyframes backgroundMove-9ef8cd64{0%{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(-40px) translateY(-20px)}75%{transform:translate(-20px) translateY(-30px)}to{transform:translate(0) translateY(-40px)}}.stars[data-v-9ef8cd64]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-9ef8cd64]:before,.stars[data-v-9ef8cd64]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff,700px 100px #fff,800px 350px #fff,900px 250px #fff,150px 450px #fff,250px 550px #fff,350px 650px #fff;animation:twinkle-9ef8cd64 3s infinite}@keyframes twinkle-9ef8cd64{0%,to{opacity:.3}50%{opacity:1}}.meteors[data-v-9ef8cd64]{position:absolute;width:100%;height:100%}.meteors[data-v-9ef8cd64]:before,.meteors[data-v-9ef8cd64]:after{content:"";position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,white,transparent);animation:meteor-9ef8cd64 5s linear infinite}.meteors[data-v-9ef8cd64]:after{animation-delay:2.5s;left:60%}@keyframes meteor-9ef8cd64{0%{transform:translateY(-100vh) translate(0) rotate(45deg);opacity:1}to{transform:translateY(100vh) translate(300px) rotate(45deg);opacity:0}}.nebula[data-v-9ef8cd64]{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent);border-radius:50%;filter:blur(40px);animation:float-9ef8cd64 20s ease-in-out infinite}@keyframes float-9ef8cd64{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(100px) translateY(-50px)}66%{transform:translate(-50px) translateY(50px)}}.page-header[data-v-9ef8cd64]{text-align:center;animation:fadeInDown-9ef8cd64 .8s ease}@keyframes fadeInDown-9ef8cd64{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.main-title[data-v-9ef8cd64]{font-size:3rem;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.5);margin-bottom:10px}.subtitle[data-v-9ef8cd64]{font-size:1.2rem;color:#fffc}.user-status[data-v-9ef8cd64]{margin-top:20px;animation:fadeInUp-9ef8cd64 .8s ease}.user-info[data-v-9ef8cd64]{display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:15px;margin:0 auto;max-width:400px}.user-name[data-v-9ef8cd64]{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-count[data-v-9ef8cd64]{font-size:1rem;color:#ffffffe6;background:#0ff3;padding:5px 15px;border-radius:15px;border:1px solid rgba(0,255,255,.3)}.loading-status[data-v-9ef8cd64]{margin-top:20px;text-align:center;animation:fadeIn-9ef8cd64 .5s ease}.loading-spinner[data-v-9ef8cd64]{width:40px;height:40px;border:3px solid rgba(0,255,255,.3);border-radius:50%;border-top-color:#0ff;animation:spin-9ef8cd64 1s ease-in-out infinite;margin:0 auto 15px}@keyframes spin-9ef8cd64{to{transform:rotate(360deg)}}@keyframes fadeIn-9ef8cd64{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-9ef8cd64{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-status p[data-v-9ef8cd64]{color:#fffc;font-size:1.1rem}.level-carousel[data-v-9ef8cd64]{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px auto;max-width:900px;position:relative}.carousel-container[data-v-9ef8cd64]{width:600px;height:600px;overflow:hidden;border-radius:30px;position:relative}.carousel-track[data-v-9ef8cd64]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%}.nav-btn[data-v-9ef8cd64]{width:60px;height:60px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,255,255,.5);color:#0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-btn[data-v-9ef8cd64]:hover:not(:disabled){background:#0ff3;border-color:#0ff;transform:scale(1.1)}.nav-btn[data-v-9ef8cd64]:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg[data-v-9ef8cd64]{width:30px;height:30px;stroke-width:2}.level-card[data-v-9ef8cd64]{min-width:600px;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(0,255,255,.3);border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.level-card.active[data-v-9ef8cd64]{border-color:#0ff9;box-shadow:0 0 50px #00ffff4d}.level-card.locked[data-v-9ef8cd64]{background:#141428d9;border-color:#9696c866;box-shadow:0 0 30px #64649633}.level-card.locked .level-info[data-v-9ef8cd64]{opacity:.75}.lock-icon-separate[data-v-9ef8cd64]{position:absolute;top:20px;right:20px;z-index:1;background:#000000b3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,150,150,.5);animation:lockPulse-9ef8cd64 2s ease-in-out infinite}@keyframes lockPulse-9ef8cd64{0%,to{transform:scale(1);box-shadow:0 0 10px #ff96964d}50%{transform:scale(1.05);box-shadow:0 0 20px #ff969680}}.lock-icon[data-v-9ef8cd64]{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(255,150,150,.5))}.unlock-hint[data-v-9ef8cd64]{background:linear-gradient(135deg,#ff966426,#ff649626);border:1px solid rgba(255,150,150,.4);border-radius:10px;padding:10px 20px;margin:15px 0;animation:glowPulse-9ef8cd64 2s ease-in-out infinite}@keyframes glowPulse-9ef8cd64{0%,to{box-shadow:0 0 10px #ff969633}50%{box-shadow:0 0 20px #ff969666}}.unlock-text[data-v-9ef8cd64]{color:#ffdcc8f2;font-size:.9rem;margin:0;font-weight:500}.gem-container[data-v-9ef8cd64]{position:relative;width:200px;height:200px;margin:0 auto 30px;z-index:10}.gem-image[data-v-9ef8cd64]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px currentColor);animation:gemFloat-9ef8cd64 3s ease-in-out infinite;transition:all .3s ease;position:relative;z-index:10}.locked-gem[data-v-9ef8cd64]{animation:none}@keyframes gemFloat-9ef8cd64{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.gem-glow[data-v-9ef8cd64]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(0,255,255,.3),transparent);filter:blur(30px);animation:pulse-9ef8cd64 2s ease-in-out infinite;pointer-events:none;z-index:9}@keyframes pulse-9ef8cd64{0%,to{opacity:.5}50%{opacity:1}}.level-info[data-v-9ef8cd64]{text-align:center;color:#fff}.level-name[data-v-9ef8cd64]{font-size:1.8rem;margin-bottom:5px;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gem-name[data-v-9ef8cd64]{font-size:1.2rem;color:#0ffc;margin-bottom:20px}.skill-section[data-v-9ef8cd64]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:15px;margin-top:20px;transition:all .3s ease}.skill-section.locked-skill[data-v-9ef8cd64]{background:#64649626;border-color:#9696c866}.enter-btn[data-v-9ef8cd64]{margin:30px auto 0;padding:15px 30px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px #00ffff4d}.enter-btn[data-v-9ef8cd64]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ffff80}.enter-btn .arrow[data-v-9ef8cd64]{font-size:1.3rem;transition:transform .3s ease}.enter-btn:hover .arrow[data-v-9ef8cd64]{transform:translate(5px)}.skill-title[data-v-9ef8cd64]{font-size:1.1rem;color:#0ff;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.skill-icon[data-v-9ef8cd64]{font-size:1.2rem}.skill-description[data-v-9ef8cd64]{font-size:.9rem;color:#fffc;line-height:1.5;margin-bottom:10px}.skill-effect[data-v-9ef8cd64]{background:linear-gradient(135deg,#64c8ff26,#ff64c826);border:1px solid rgba(100,200,255,.4);position:relative;padding:10px 14px;border-radius:12px;margin-top:12px;text-align:center;box-shadow:0 0 15px #64c8ff33,inset 0 0 10px #ffffff0d}.skill-effect[data-v-9ef8cd64]:before{content:"⚡";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.7}.skill-effect[data-v-9ef8cd64]:after{content:"⚡";position:absolute;right:10px;top:50%;transform:translateY(-50%) scaleX(-1);font-size:1rem;opacity:.7}.effect-label[data-v-9ef8cd64]{color:#ff0;font-weight:700;margin-right:8px;text-shadow:0 0 10px rgba(255,255,0,.8),0 0 20px rgba(255,255,0,.4);font-size:.95rem;letter-spacing:1px}.effect-text[data-v-9ef8cd64]{color:#fffffff2;font-size:.9rem;font-weight:500;line-height:1.4;display:block;padding:0 20px}.current-badge[data-v-9ef8cd64]{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#0f0,#0f8);color:#000;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;animation:shimmer-9ef8cd64 2s ease-in-out infinite}@keyframes shimmer-9ef8cd64{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c}}.level-indicators[data-v-9ef8cd64]{display:flex;justify-content:center;gap:10px;margin-top:30px}.indicator[data-v-9ef8cd64]{width:12px;height:12px;border-radius:50%;background:#64646480;border:2px solid rgba(100,100,100,.5);cursor:pointer;transition:all .3s ease}.indicator.unlocked[data-v-9ef8cd64]{background:#00ffff4d;border-color:#00ffff80}.indicator.active[data-v-9ef8cd64]{background:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.3)}.close-btn[data-v-9ef8cd64]{position:absolute;top:15px;right:15px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff9;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-btn[data-v-9ef8cd64]:hover{background:#fff3;border-color:#fff6;color:#ffffffe6;transform:rotate(90deg)}@media (max-height: 700px){.level-selection-container[data-v-9ef8cd64]{padding:10px}.main-title[data-v-9ef8cd64]{font-size:2rem;margin-bottom:5px}.level-carousel[data-v-9ef8cd64]{margin:20px auto;gap:20px}.carousel-container[data-v-9ef8cd64]{width:min(500px,80vw);height:400px}.level-card[data-v-9ef8cd64]{min-width:min(500px,80vw);padding:20px}.gem-container[data-v-9ef8cd64]{width:120px;height:120px;margin:0 auto 15px}.level-name[data-v-9ef8cd64]{font-size:1.4rem}.gem-name[data-v-9ef8cd64]{font-size:1rem;margin-bottom:10px}.skill-section[data-v-9ef8cd64]{padding:10px;margin-top:10px}.skill-title[data-v-9ef8cd64]{font-size:.95rem}.skill-description[data-v-9ef8cd64]{font-size:.85rem}.enter-btn[data-v-9ef8cd64]{margin:15px auto 0;padding:10px 20px;font-size:.95rem}.level-indicators[data-v-9ef8cd64]{margin-top:15px}}@media (max-height: 500px){.carousel-container[data-v-9ef8cd64]{height:320px}.level-card[data-v-9ef8cd64]{padding:15px}.gem-container[data-v-9ef8cd64]{width:80px;height:80px;margin:0 auto 10px}.level-name[data-v-9ef8cd64]{font-size:1.2rem;margin-bottom:3px}.gem-name[data-v-9ef8cd64]{font-size:.9rem;margin-bottom:8px}.skill-section[data-v-9ef8cd64]{padding:8px;margin-top:8px}.skill-title[data-v-9ef8cd64]{font-size:.9rem;margin-bottom:5px}.skill-description[data-v-9ef8cd64]{font-size:.8rem;line-height:1.3;margin-bottom:5px}.skill-effect[data-v-9ef8cd64]{padding:6px 10px;margin-top:8px}.effect-text[data-v-9ef8cd64]{font-size:.8rem}.enter-btn[data-v-9ef8cd64]{margin:10px auto 0;padding:8px 16px;font-size:.9rem}.unlock-hint[data-v-9ef8cd64]{padding:6px 12px;margin:8px 0}.unlock-text[data-v-9ef8cd64]{font-size:.85rem}.nav-btn[data-v-9ef8cd64]{width:40px;height:40px}.nav-btn svg[data-v-9ef8cd64]{width:18px;height:18px}}@media (max-width: 768px){.main-title[data-v-9ef8cd64]{font-size:1.8rem}.level-carousel[data-v-9ef8cd64]{gap:15px}.carousel-container[data-v-9ef8cd64]{width:85vw;height:min(70vh,500px)}.level-card[data-v-9ef8cd64]{min-width:85vw;padding:30px 20px}.gem-container[data-v-9ef8cd64]{width:150px;height:150px}.nav-btn[data-v-9ef8cd64]{width:45px;height:45px}.nav-btn svg[data-v-9ef8cd64]{width:20px;height:20px}.skill-section[data-v-9ef8cd64]{padding:10px}.enter-btn[data-v-9ef8cd64]{padding:12px 20px;font-size:1rem}.close-btn[data-v-9ef8cd64]{width:28px;height:28px;font-size:20px;top:10px;right:10px}}@media (max-width: 768px) and (max-height: 700px){.carousel-container[data-v-9ef8cd64]{width:85vw;height:350px}.level-card[data-v-9ef8cd64]{min-width:85vw;padding:15px}.gem-container[data-v-9ef8cd64]{width:100px;height:100px}}.mentor-selection-container[data-v-1a7608d6]{min-height:100vh;position:relative;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:20px}.animated-background[data-v-1a7608d6]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image[data-v-1a7608d6]{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:url(/assets/bg4.webp) no-repeat center center;background-size:cover;animation:bgFloat-1a7608d6 30s ease-in-out infinite}@keyframes bgFloat-1a7608d6{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,-1%) scale(1.02)}50%{transform:translate(1%,-2%) scale(1.03)}75%{transform:translate(-1%,1%) scale(1.02)}}.stars[data-v-1a7608d6]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-1a7608d6]:before,.stars[data-v-1a7608d6]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff;animation:twinkle-1a7608d6 3s infinite}@keyframes twinkle-1a7608d6{0%,to{opacity:.3}50%{opacity:1}}.page-title[data-v-1a7608d6]{position:fixed;top:30px;left:50%;transform:translate(-50%);text-align:center;z-index:1000;animation:titleFadeIn-1a7608d6 1s ease;pointer-events:none}@keyframes titleFadeIn-1a7608d6{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.main-title[data-v-1a7608d6]{font-size:3rem;background:linear-gradient(135deg,#16ff31,#16ebd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(4,185,185,.5);margin-bottom:10px}.title-text[data-v-1a7608d6]{display:inline-block;background:linear-gradient(135deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#0ff;animation:titleGlow-1a7608d6 3s ease-in-out infinite}@keyframes titleGlow-1a7608d6{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(0,255,255,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 40px rgba(255,0,255,.7))}}.subtitle[data-v-1a7608d6]{font-size:1.1rem;color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.3)}.mentor-selection[data-v-1a7608d6]{width:100%;max-width:900px;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.3);border-radius:30px;padding:40px;box-shadow:0 0 50px #00ffff4d;position:relative;z-index:3}.modal-header[data-v-1a7608d6]{text-align:center;margin-bottom:30px}.modal-header h2[data-v-1a7608d6]{font-size:2rem;color:#0ff;margin-bottom:10px;text-shadow:0 0 20px rgba(0,255,255,.5)}.modal-header p[data-v-1a7608d6]{color:#fffc;font-size:1rem}.mentor-carousel[data-v-1a7608d6]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.nav-btn[data-v-1a7608d6]{background:#00ffff1a;border:2px solid rgba(0,255,255,.5);color:#0ff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.nav-btn[data-v-1a7608d6]:hover:not(:disabled){background:#00ffff4d;transform:scale(1.1);box-shadow:0 0 20px #00ffff80}.nav-btn[data-v-1a7608d6]:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg[data-v-1a7608d6]{width:24px;height:24px;stroke-width:2}.mentor-container[data-v-1a7608d6]{flex:1;overflow:hidden;border-radius:20px}.mentor-cards-wrapper[data-v-1a7608d6]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.mentor-card[data-v-1a7608d6]{min-width:100%;padding:30px;position:relative;cursor:pointer;transition:all .3s ease}.mentor-card.active[data-v-1a7608d6]{transform:scale(1.02)}.mentor-background[data-v-1a7608d6]{position:absolute;inset:0;border-radius:20px;opacity:.2;transition:opacity .3s ease}.mentor-card:hover .mentor-background[data-v-1a7608d6]{opacity:.3}.mentor-content[data-v-1a7608d6]{position:relative;display:flex;gap:30px;align-items:center}.mentor-avatar[data-v-1a7608d6]{position:relative;width:180px;height:180px;flex-shrink:0}.avatar-ring[data-v-1a7608d6]{position:absolute;inset:-10px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);border-radius:50%;animation:rotateRing-1a7608d6 3s linear infinite;filter:blur(5px);opacity:.7}@keyframes rotateRing-1a7608d6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mentor-image[data-v-1a7608d6]{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:3px solid rgba(0,0,0,.5)}.specialty-badge[data-v-1a7608d6]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;z-index:3;box-shadow:0 3px 10px #0000004d}.mentor-info[data-v-1a7608d6]{flex:1;color:#fff}.mentor-info h3[data-v-1a7608d6]{font-size:1.8rem;margin-bottom:5px;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.5)}.mentor-title[data-v-1a7608d6]{font-size:1rem;color:#ffffffb3;margin-bottom:15px}.mentor-description[data-v-1a7608d6]{font-size:1rem;line-height:1.5;margin-bottom:20px;color:#ffffffe6}.mentor-quote[data-v-1a7608d6]{font-style:italic;font-size:1.1rem;color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.3);position:relative;padding:10px 0}.quote-mark[data-v-1a7608d6]{font-size:1.5rem;color:#ffff0080}.sparkles[data-v-1a7608d6]{position:absolute;inset:0;pointer-events:none}.sparkle[data-v-1a7608d6]{position:absolute;font-size:1.2rem;animation:sparkleFloat-1a7608d6 3s ease-in-out infinite}.sparkle-1[data-v-1a7608d6]{top:10%;left:10%;animation-delay:0s}.sparkle-2[data-v-1a7608d6]{top:20%;right:15%;animation-delay:.5s}.sparkle-3[data-v-1a7608d6]{bottom:20%;left:20%;animation-delay:1s}.sparkle-4[data-v-1a7608d6]{bottom:10%;right:10%;animation-delay:1.5s}@keyframes sparkleFloat-1a7608d6{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.mentor-indicators[data-v-1a7608d6]{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.indicator[data-v-1a7608d6]{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-1a7608d6]{background:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.3)}.mentor-actions[data-v-1a7608d6]{display:flex;justify-content:space-between;gap:20px}.back-button[data-v-1a7608d6]{position:fixed;bottom:30px;left:30px;background:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:auto}.back-button[data-v-1a7608d6]:hover{background:#0ff3;border-color:#0ff9;transform:translate(-5px)}.confirm-btn[data-v-1a7608d6]{flex:1;max-width:400px;margin:0 auto;padding:15px 40px;background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:30px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px #00ffff4d}.confirm-btn[data-v-1a7608d6]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff80}.btn-sparkle[data-v-1a7608d6]{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:1.2rem;animation:rotateStar-1a7608d6 2s linear infinite}@keyframes rotateStar-1a7608d6{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 768px){.page-title[data-v-1a7608d6]{top:20px}.main-title[data-v-1a7608d6]{font-size:2rem}.subtitle[data-v-1a7608d6]{font-size:.9rem;padding:0 20px}.mentor-selection[data-v-1a7608d6]{padding:20px;max-width:95vw}.modal-header h2[data-v-1a7608d6]{font-size:1.5rem}.mentor-content[data-v-1a7608d6]{flex-direction:column;text-align:center}.mentor-avatar[data-v-1a7608d6]{width:120px;height:120px}.mentor-info h3[data-v-1a7608d6]{font-size:1.3rem}.mentor-actions[data-v-1a7608d6]{flex-direction:column}.back-button[data-v-1a7608d6]{bottom:20px;left:20px;padding:10px 20px;font-size:.9rem}.confirm-btn[data-v-1a7608d6]{max-width:100%}}@media (max-height: 700px){.mentor-selection-container[data-v-1a7608d6]{padding:10px;flex-direction:column;justify-content:center}.page-title[data-v-1a7608d6]{position:relative;top:auto;left:auto;transform:none;margin-bottom:15px;z-index:10}.main-title[data-v-1a7608d6]{font-size:1.8rem;margin-bottom:5px}.subtitle[data-v-1a7608d6]{font-size:.85rem;margin-bottom:10px}.mentor-selection[data-v-1a7608d6]{padding:20px;margin-top:10px}.mentor-carousel[data-v-1a7608d6]{margin-bottom:15px}.mentor-card[data-v-1a7608d6]{padding:15px}.mentor-content[data-v-1a7608d6]{gap:15px}.mentor-avatar[data-v-1a7608d6]{width:100px;height:100px}.mentor-info h3[data-v-1a7608d6]{font-size:1.2rem}.mentor-title[data-v-1a7608d6]{font-size:.9rem;margin-bottom:8px}.mentor-description[data-v-1a7608d6]{font-size:.85rem;margin-bottom:10px;line-height:1.3}.mentor-quote[data-v-1a7608d6]{font-size:.9rem;padding:5px 0}.mentor-indicators[data-v-1a7608d6]{margin-bottom:15px}.confirm-btn[data-v-1a7608d6]{padding:10px 30px;font-size:.95rem}.back-button[data-v-1a7608d6]{position:relative;bottom:auto;left:auto;margin-top:15px;text-align:center}.nav-btn[data-v-1a7608d6]{width:40px;height:40px}.specialty-badge[data-v-1a7608d6]{font-size:.7rem;padding:3px 10px}}@media (max-height: 500px){.mentor-selection-container[data-v-1a7608d6]{justify-content:center;padding-top:10px}.page-title[data-v-1a7608d6]{margin-bottom:10px}.main-title[data-v-1a7608d6]{font-size:1.5rem}.subtitle[data-v-1a7608d6]{font-size:.8rem}.mentor-selection[data-v-1a7608d6]{padding:15px}.mentor-avatar[data-v-1a7608d6]{width:80px;height:80px}.mentor-info h3[data-v-1a7608d6]{font-size:1rem}.mentor-title[data-v-1a7608d6]{font-size:.8rem}.mentor-description[data-v-1a7608d6]{font-size:.8rem;margin-bottom:8px}.mentor-quote[data-v-1a7608d6]{font-size:.85rem}.confirm-btn[data-v-1a7608d6]{padding:8px 20px;font-size:.9rem}.sparkles[data-v-1a7608d6]{display:none}}@media (max-width: 768px) and (max-height: 700px){.mentor-content[data-v-1a7608d6]{flex-direction:row;align-items:center}.mentor-avatar[data-v-1a7608d6]{width:80px;height:80px}.mentor-info[data-v-1a7608d6]{text-align:left}}.profile-container[data-v-5cb39a84]{min-height:100vh;background:url(/assets/bg1.webp) no-repeat center center;background-size:cover;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden;overflow-y:auto}.animated-background[data-v-5cb39a84]{position:absolute;inset:0;z-index:0}.stars[data-v-5cb39a84]{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="100" cy="100" r="1" fill="white" opacity="0.8"/><circle cx="300" cy="200" r="1" fill="white" opacity="0.6"/><circle cx="600" cy="150" r="1" fill="white" opacity="0.9"/><circle cx="800" cy="300" r="1" fill="white" opacity="0.7"/></svg>') repeat;background-size:1000px 1000px;position:absolute;inset:0}.twinkling[data-v-5cb39a84]{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><circle cx="200" cy="300" r="2" fill="cyan" opacity="0.3"><animate attributeName="opacity" values="0.3;1;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="800" cy="200" r="2" fill="yellow" opacity="0.4"><animate attributeName="opacity" values="0.4;1;0.4" dur="4s" repeatCount="indefinite"/></circle></svg>') repeat;background-size:2000px 2000px;animation:move-twink-back-5cb39a84 200s linear infinite;position:absolute;inset:0}@keyframes move-twink-back-5cb39a84{0%{background-position:0 0}to{background-position:-2000px -2000px}}.back-button[data-v-5cb39a84]{position:absolute;top:30px;left:30px;z-index:100;padding:12px 25px;background:transparent;border:2px solid #00ffff;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;text-transform:uppercase;letter-spacing:1px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.back-button[data-v-5cb39a84]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.back-button[data-v-5cb39a84]:hover:before{left:100%}.back-button[data-v-5cb39a84]:after{content:"";position:absolute;inset:2px;background:#000000b3;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:-1}.back-button[data-v-5cb39a84]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d;border-color:#0f8;color:#0f8}.back-button svg[data-v-5cb39a84]{width:20px;height:20px;position:relative;z-index:2}.profile-card[data-v-5cb39a84]{position:relative;z-index:1;width:100%;max-width:600px;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(0,255,255,.3);padding:40px;box-shadow:0 20px 60px #00000080}.avatar-section[data-v-5cb39a84]{display:flex;justify-content:center;margin-bottom:30px}.avatar-container[data-v-5cb39a84]{position:relative}.avatar-wrapper[data-v-5cb39a84]{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;border:3px solid #00ffff;box-shadow:0 0 30px #00ffff80}.avatar-glow[data-v-5cb39a84]{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(0,255,255,.4) 0%,transparent 70%);animation:pulse-5cb39a84 2s ease-in-out infinite}@keyframes pulse-5cb39a84{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.user-avatar[data-v-5cb39a84]{width:100%;height:100%;object-fit:cover}.default-avatar[data-v-5cb39a84]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;font-weight:700}.level-badge[data-v-5cb39a84]{position:absolute;bottom:-20px;right:-0px;background:#000000e6;border:2px solid var(--3eb20c75);border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:5px;box-shadow:0 0 20px #0ff6}.level-gem[data-v-5cb39a84]{width:20px;height:20px;object-fit:contain}.level-badge span[data-v-5cb39a84]{color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.user-info[data-v-5cb39a84]{text-align:center}.user-name[data-v-5cb39a84]{color:#0ff;font-size:2rem;margin:0 0 10px;text-shadow:0 0 20px rgba(0,255,255,.5)}.user-email[data-v-5cb39a84]{color:#fff9;font-size:1rem;margin-bottom:30px}.stats-grid[data-v-5cb39a84]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-item[data-v-5cb39a84]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:15px;transition:all .3s}.stat-item[data-v-5cb39a84]:hover{background:#00ffff26;transform:translateY(-2px);box-shadow:0 5px 20px #0ff3}.stat-value[data-v-5cb39a84]{color:#0ff;font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat-label[data-v-5cb39a84]{color:#fff9;font-size:.85rem}.progress-section[data-v-5cb39a84]{margin-bottom:30px}.progress-header[data-v-5cb39a84]{display:flex;justify-content:space-between;color:#fffc;font-size:.9rem;margin-bottom:10px}.progress-bar[data-v-5cb39a84]{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;position:relative}.progress-fill[data-v-5cb39a84]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:5px;transition:width .5s ease;box-shadow:0 0 10px #00ffff80}.info-section[data-v-5cb39a84]{background:#ffffff0d;border-radius:10px;padding:20px;margin-bottom:30px}.info-item[data-v-5cb39a84]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item[data-v-5cb39a84]:last-child{border-bottom:none}.info-label[data-v-5cb39a84]{color:#fff9;font-size:.9rem}.info-value[data-v-5cb39a84]{color:#ffffffe6;font-size:.9rem;font-weight:500}.action-buttons[data-v-5cb39a84]{display:flex;justify-content:center;margin-top:30px}.logout-btn[data-v-5cb39a84]{position:relative;padding:14px 40px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:transparent;color:#f44;border:2px solid #ff4444;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);display:flex;align-items:center;gap:10px}.logout-btn[data-v-5cb39a84]>*{position:relative;z-index:2}.logout-btn[data-v-5cb39a84]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,68,68,.3),transparent);transition:left .5s}.logout-btn[data-v-5cb39a84]:hover:before{left:100%}.logout-btn[data-v-5cb39a84]:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#280000f2,#281414f2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);z-index:1}.logout-btn[data-v-5cb39a84]:hover{transform:translateY(-3px) scale(1.02);color:#f66;border-color:#f66;box-shadow:0 10px 30px #ff44444d}.logout-icon[data-v-5cb39a84]{font-size:1.2rem;position:relative;z-index:3}.logout-text[data-v-5cb39a84]{position:relative;z-index:3;font-weight:700;text-shadow:0 0 5px rgba(255,68,68,.6),0 0 10px rgba(255,68,68,.4)}@media (max-height: 700px){.profile-container[data-v-5cb39a84]{padding:10px}.profile-card[data-v-5cb39a84]{max-width:500px;padding:20px}.back-button[data-v-5cb39a84]{top:15px;left:15px;padding:8px 15px;font-size:.85rem}.avatar-wrapper[data-v-5cb39a84]{width:80px;height:80px}.default-avatar[data-v-5cb39a84]{font-size:2rem}.level-badge[data-v-5cb39a84]{padding:3px 8px;bottom:-15px}.level-gem[data-v-5cb39a84]{width:16px;height:16px}.level-badge span[data-v-5cb39a84]{font-size:.7rem}.user-name[data-v-5cb39a84]{font-size:1.4rem;margin-bottom:8px}.stats-grid[data-v-5cb39a84]{margin-bottom:20px;gap:15px}.stat-item[data-v-5cb39a84]{padding:10px}.stat-value[data-v-5cb39a84]{font-size:1.2rem}.stat-label[data-v-5cb39a84]{font-size:.75rem}.progress-section[data-v-5cb39a84]{margin-bottom:20px}.progress-header[data-v-5cb39a84]{font-size:.8rem;margin-bottom:5px}.progress-bar[data-v-5cb39a84]{height:8px}.info-section[data-v-5cb39a84]{padding:15px;margin-bottom:20px}.info-item[data-v-5cb39a84]{padding:8px 0}.info-label[data-v-5cb39a84],.info-value[data-v-5cb39a84]{font-size:.8rem}.action-buttons[data-v-5cb39a84]{margin-top:20px}.logout-btn[data-v-5cb39a84]{padding:10px 25px;font-size:.95rem}}@media (max-height: 500px){.profile-card[data-v-5cb39a84]{padding:15px}.avatar-section[data-v-5cb39a84]{margin-bottom:15px}.avatar-wrapper[data-v-5cb39a84]{width:60px;height:60px}.default-avatar[data-v-5cb39a84]{font-size:1.5rem}.user-name[data-v-5cb39a84]{font-size:1.2rem;margin-bottom:5px}.stats-grid[data-v-5cb39a84]{grid-template-columns:repeat(3,1fr);margin-bottom:15px;gap:10px}.stat-item[data-v-5cb39a84]{padding:8px}.stat-value[data-v-5cb39a84]{font-size:1rem;margin-bottom:3px}.stat-label[data-v-5cb39a84]{font-size:.65rem}.progress-section[data-v-5cb39a84]{margin-bottom:15px}.progress-bar[data-v-5cb39a84]{height:6px}.info-section[data-v-5cb39a84]{padding:10px;margin-bottom:15px}.info-item[data-v-5cb39a84]{padding:5px 0}.info-label[data-v-5cb39a84],.info-value[data-v-5cb39a84]{font-size:.75rem}.logout-btn[data-v-5cb39a84]{padding:8px 20px;font-size:.85rem;letter-spacing:1px}.logout-icon[data-v-5cb39a84]{font-size:1rem}.back-button[data-v-5cb39a84]{top:10px;left:10px;padding:6px 12px;font-size:.75rem}.back-button svg[data-v-5cb39a84]{width:16px;height:16px}}@media (max-width: 768px){.profile-card[data-v-5cb39a84]{padding:30px 20px}.stats-grid[data-v-5cb39a84]{grid-template-columns:1fr}.logout-btn[data-v-5cb39a84]{width:100%}}@media (max-width: 768px) and (max-height: 700px){.stats-grid[data-v-5cb39a84]{grid-template-columns:repeat(3,1fr);gap:10px}.stat-item[data-v-5cb39a84]{padding:8px}.stat-value[data-v-5cb39a84]{font-size:1rem}.stat-label[data-v-5cb39a84]{font-size:.7rem}.user-name[data-v-5cb39a84]{font-size:1.3rem}.avatar-wrapper[data-v-5cb39a84]{width:70px;height:70px}}.current-level-container[data-v-1f0d42c9]{min-height:100vh;background:url(/assets/bg2.webp) no-repeat center center;background-size:cover;background-attachment:fixed;padding:20px;position:relative;overflow-y:auto;display:flex;align-items:center;justify-content:center}.animated-background[data-v-1f0d42c9]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.stars[data-v-1f0d42c9]{position:absolute;width:100%;height:100%;background:transparent}.stars[data-v-1f0d42c9]:before,.stars[data-v-1f0d42c9]:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 300px #fff,500px 200px #fff,600px 400px #fff;animation:twinkle-1f0d42c9 3s infinite}@keyframes twinkle-1f0d42c9{0%,to{opacity:.3}50%{opacity:1}}.meteors[data-v-1f0d42c9]:before{content:"";position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,white,transparent);animation:meteor-1f0d42c9 5s linear infinite}@keyframes meteor-1f0d42c9{0%{transform:translateY(-100vh) translate(0) rotate(45deg);opacity:1}to{transform:translateY(100vh) translate(300px) rotate(45deg);opacity:0}}.nebula[data-v-1f0d42c9]{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent);border-radius:50%;filter:blur(40px);animation:float-1f0d42c9 20s ease-in-out infinite}@keyframes float-1f0d42c9{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(100px) translateY(-50px)}66%{transform:translate(-50px) translateY(50px)}}.back-button[data-v-1f0d42c9]{position:fixed;top:30px;left:30px;z-index:100;padding:12px 25px;background:transparent;border:2px solid #00ffff;color:#0ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;text-transform:uppercase;letter-spacing:1px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%)}.back-button[data-v-1f0d42c9]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d;border-color:#0f8;color:#0f8}.back-button svg[data-v-1f0d42c9]{width:20px;height:20px}.main-content[data-v-1f0d42c9]{width:100%;max-width:1000px;height:calc(100vh - 100px);display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.level-main-card[data-v-1f0d42c9]{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:30px;overflow:hidden;position:relative;flex:1}.level-main-card[data-v-1f0d42c9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);animation:cardScan-1f0d42c9 4s linear infinite}@keyframes cardScan-1f0d42c9{0%{left:-100%}to{left:100%}}.level-details[data-v-1f0d42c9]{display:grid;grid-template-columns:1fr 1fr;gap:30px;height:100%}.details-left[data-v-1f0d42c9]{display:flex;flex-direction:column;gap:20px}.details-right[data-v-1f0d42c9]{display:flex;flex-direction:column}.level-header[data-v-1f0d42c9]{text-align:center}.level-name[data-v-1f0d42c9]{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.3)}.gem-name[data-v-1f0d42c9]{font-size:1.4rem;color:#0ffc;margin:0}.progress-section[data-v-1f0d42c9]{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:15px}.progress-header[data-v-1f0d42c9]{display:flex;justify-content:space-between;margin-bottom:8px;color:#ffffffe6;font-size:.9rem}.progress-count[data-v-1f0d42c9]{color:#0ff;font-weight:700}.progress-bar[data-v-1f0d42c9]{height:14px;background:#ffffff1a;border-radius:7px;overflow:hidden;position:relative;border:1px solid rgba(0,255,255,.3)}.progress-fill[data-v-1f0d42c9]{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:8px;transition:width .5s ease;position:relative}.progress-glow[data-v-1f0d42c9]{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine-1f0d42c9 2s linear infinite}@keyframes progressShine-1f0d42c9{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-hint[data-v-1f0d42c9]{margin-top:10px;padding:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;text-align:center;font-size:.85rem}.progress-hint strong[data-v-1f0d42c9]{color:#0ff}.max-level-message[data-v-1f0d42c9]{margin-top:10px;padding:8px;background:linear-gradient(135deg,#ffd7001a,#ff64001a);border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold;text-align:center;font-weight:700;font-size:.85rem}.skill-showcase[data-v-1f0d42c9]{background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:25px;height:100%;display:flex;flex-direction:column}.skill-title[data-v-1f0d42c9]{color:#f0f;margin:0 0 15px;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700}.skill-description[data-v-1f0d42c9]{color:#ffffffe6;line-height:1.6;margin-bottom:20px;font-size:1rem;flex:1}.skill-effect[data-v-1f0d42c9]{background:linear-gradient(135deg,#ff00ff1a,#8a2be21a);padding:15px;border-radius:10px;border-left:4px solid #ff00ff;position:relative;overflow:hidden}.skill-effect[data-v-1f0d42c9]:before{content:"✨";position:absolute;top:10px;right:10px;font-size:1.5rem;opacity:.3}.effect-text[data-v-1f0d42c9]{color:#fffffff2;font-style:italic;font-size:1rem;font-weight:500}.stats-grid[data-v-1f0d42c9]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card[data-v-1f0d42c9]{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:10px;text-align:center;transition:all .3s}.stat-card[data-v-1f0d42c9]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff3}.stat-value[data-v-1f0d42c9]{font-size:1.4rem;color:#0ff;font-weight:700}.stat-label[data-v-1f0d42c9]{color:#ffffffb3;font-size:.8rem;margin-top:2px}.level-roadmap[data-v-1f0d42c9]{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,255,.2);border-radius:20px;padding:15px 20px;position:relative}.roadmap-title[data-v-1f0d42c9]{text-align:center;color:#0ff;margin-bottom:15px;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.roadmap-track[data-v-1f0d42c9]{display:flex;justify-content:space-between;align-items:center;position:relative;padding:15px 0;flex:1}.roadmap-node[data-v-1f0d42c9]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.node-connector[data-v-1f0d42c9]{position:absolute;top:35px;left:-50%;width:100%;height:2px;background:#fff3;z-index:0}.roadmap-node.completed .node-connector[data-v-1f0d42c9]{background:linear-gradient(90deg,#0ff,#0f8);box-shadow:0 0 10px #00ffff80}.node-gem[data-v-1f0d42c9]{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.3);padding:8px;background:#000c;position:relative;z-index:1;transition:all .3s}.roadmap-node.completed .node-gem[data-v-1f0d42c9]{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.roadmap-node.current .node-gem[data-v-1f0d42c9]{border-color:#0f8;box-shadow:0 0 30px #0f89;animation:currentPulse-1f0d42c9 2s ease-in-out infinite}@keyframes currentPulse-1f0d42c9{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.roadmap-node.locked .node-gem[data-v-1f0d42c9]{opacity:.9;filter:grayscale(1)}.node-gem img[data-v-1f0d42c9]{width:100%;height:100%;object-fit:contain}.node-info[data-v-1f0d42c9]{text-align:center}.node-name[data-v-1f0d42c9]{color:#ffffffe6;font-size:.9rem;font-weight:700}.node-requirement[data-v-1f0d42c9]{color:#fff9;font-size:.8rem}.roadmap-node.completed .node-name[data-v-1f0d42c9]{color:#0ff}.roadmap-node.current .node-name[data-v-1f0d42c9]{color:#0f8}.action-buttons[data-v-1f0d42c9]{display:flex;justify-content:center;gap:20px;margin-top:20px;position:relative;z-index:1}.action-btn[data-v-1f0d42c9]{padding:12px 25px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid;background:transparent;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 30%,100% 100%,10px 100%,0 70%);position:relative;overflow:hidden}.action-btn[data-v-1f0d42c9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .5s}.action-btn[data-v-1f0d42c9]:hover:before{left:100%}.action-btn.primary[data-v-1f0d42c9]{border-color:#0ff;color:#0ff}.action-btn.primary[data-v-1f0d42c9]:before{background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent)}.action-btn.primary[data-v-1f0d42c9]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ffff4d;background:#00ffff1a}.action-btn.secondary[data-v-1f0d42c9]{border-color:#0f8;color:#0f8}.action-btn.secondary[data-v-1f0d42c9]:before{background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent)}.action-btn.secondary[data-v-1f0d42c9]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00ff884d;background:#00ff881a}.btn-icon[data-v-1f0d42c9]{font-size:1.2rem}@media (max-width: 768px){.main-content[data-v-1f0d42c9]{height:calc(100vh - 80px)}.level-main-card[data-v-1f0d42c9]{padding:20px}.level-details[data-v-1f0d42c9]{grid-template-columns:1fr;gap:20px}.level-name[data-v-1f0d42c9]{font-size:1.8rem}.gem-name[data-v-1f0d42c9]{font-size:1.1rem}.stats-grid[data-v-1f0d42c9]{grid-template-columns:repeat(3,1fr)}.level-roadmap[data-v-1f0d42c9]{padding:12px}.roadmap-title[data-v-1f0d42c9]{font-size:1rem;margin-bottom:10px}.roadmap-track[data-v-1f0d42c9]{overflow-x:auto;padding-bottom:10px}.node-gem[data-v-1f0d42c9]{width:45px;height:45px}.node-name[data-v-1f0d42c9]{font-size:.75rem}.node-requirement[data-v-1f0d42c9]{font-size:.65rem}.action-buttons[data-v-1f0d42c9]{flex-direction:row;margin-top:10px}.action-btn[data-v-1f0d42c9]{flex:1;padding:10px 15px;font-size:.9rem}.skill-showcase[data-v-1f0d42c9]{padding:15px}.skill-title[data-v-1f0d42c9]{font-size:1rem}.skill-description[data-v-1f0d42c9]{font-size:.9rem}.effect-text[data-v-1f0d42c9]{font-size:.85rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5}#app{width:100%;height:100vh;overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.toast-stack[data-v-6802af4b]{position:fixed;top:24px;right:24px;z-index:3000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast[data-v-6802af4b]{animation:toast-appear-6802af4b .3s ease;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;max-width:360px;padding:14px 18px;border-radius:12px;font-size:.95rem;line-height:1.5;color:#eaf6ff;background:linear-gradient(135deg,#001428f5,#140028f5);border:1px solid rgba(0,255,255,.35);box-shadow:0 8px 30px #00000080,0 0 20px #00ffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--success[data-v-6802af4b]{border-color:#00ff8880;box-shadow:0 8px 30px #00000080,0 0 20px #0f83}.toast--error[data-v-6802af4b]{border-color:#ff5a5a8c;box-shadow:0 8px 30px #00000080,0 0 20px #ff5a5a33}.toast__icon[data-v-6802af4b]{flex-shrink:0;font-size:1.1rem}.toast__text[data-v-6802af4b]{flex:1}@keyframes toast-appear-6802af4b{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.confirm-overlay[data-v-6802af4b]{position:fixed;inset:0;animation:confirm-appear-6802af4b .25s ease;z-index:3100;display:flex;align-items:center;justify-content:center;padding:20px;background:#000c}.confirm-box[data-v-6802af4b]{width:100%;max-width:420px;padding:28px;border-radius:16px;text-align:center;color:#eaf6ff;background:linear-gradient(135deg,#001428f7,#140028f7);border:2px solid rgba(0,255,255,.3);box-shadow:0 0 40px #0ff3}.confirm-box__message[data-v-6802af4b]{font-size:1.1rem;line-height:1.6}.confirm-box__detail[data-v-6802af4b]{margin-top:10px;font-size:.9rem;color:#eaf6ffa6;line-height:1.6}.confirm-box__actions[data-v-6802af4b]{margin-top:24px;display:flex;gap:12px;justify-content:center}.confirm-box__cancel[data-v-6802af4b],.confirm-box__ok[data-v-6802af4b]{padding:10px 25px;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s;border:none}.confirm-box__cancel[data-v-6802af4b]{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fffc}.confirm-box__cancel[data-v-6802af4b]:hover{background:#fff3}.confirm-box__ok[data-v-6802af4b]{background:linear-gradient(135deg,#0f8,#0ff);color:#000;font-weight:700}.confirm-box__ok[data-v-6802af4b]:hover{background:linear-gradient(135deg,#0fa,#0ff);box-shadow:0 5px 20px #00ff8880;transform:translateY(-2px)}.confirm-box__ok--danger[data-v-6802af4b]{background:linear-gradient(135deg,#ff6b6b,#ff3d71);color:#fff}.confirm-box__ok--danger[data-v-6802af4b]:hover{background:linear-gradient(135deg,#ff8080,#f58);box-shadow:0 5px 20px #ff3d7180}@keyframes confirm-appear-6802af4b{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.toast-stack[data-v-6802af4b]{top:12px;right:12px;left:12px}.toast[data-v-6802af4b]{max-width:none}}*{margin:0;padding:0;box-sizing:border-box}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease,filter .3s ease}button,a,input,textarea,select{transition:all .2s ease}.star,.orb,.meteor,.particle,[class*=animate-],[class*=animation-],.welcome-container{transition:none!important}.welcome-btn{transition:transform .1s ease,box-shadow .1s ease!important}*:before,*:after{transition:inherit}body:before,body:after{transition:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0e27;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/bg.webp) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:-1;opacity:.5}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}#app{position:relative;z-index:1;min-height:100vh}