.particle-canvas[data-v-5fd44244]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.navbar[data-v-bc515328]{position:fixed;top:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;transition:all .4s ease}.navbar.scrolled[data-v-bc515328]{background:#0a0a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 60px;box-shadow:0 2px 30px #6c63ff1a}.nav-brand[data-v-bc515328]{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700}.logo[data-v-bc515328]{background:linear-gradient(135deg,#6c63ff,#e942f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:monospace;font-size:1.6rem}.name[data-v-bc515328]{color:#fff}.nav-links[data-v-bc515328]{display:flex;gap:36px}.nav-links a[data-v-bc515328]{color:#aaa;text-decoration:none;font-size:.95rem;font-weight:400;transition:all .3s;position:relative}.nav-links a[data-v-bc515328]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#6c63ff,#e942f5);transition:width .3s}.nav-links a[data-v-bc515328]:hover,.nav-links a.active[data-v-bc515328]{color:#fff}.nav-links a[data-v-bc515328]:hover:after,.nav-links a.active[data-v-bc515328]:after{width:100%}.hamburger[data-v-bc515328]{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.hamburger span[data-v-bc515328]{width:25px;height:2px;background:#fff;transition:all .3s}.hamburger.open span[data-v-bc515328]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span[data-v-bc515328]:nth-child(2){opacity:0}.hamburger.open span[data-v-bc515328]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu[data-v-bc515328]{display:none}@media (max-width: 768px){.navbar[data-v-bc515328]{padding:16px 24px}.navbar.scrolled[data-v-bc515328]{padding:12px 24px}.nav-links[data-v-bc515328]{display:none}.hamburger[data-v-bc515328]{display:flex}.mobile-menu[data-v-bc515328]{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#0a0a1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:100px 40px;gap:30px;transition:right .4s ease}.mobile-menu.open[data-v-bc515328]{right:0}.mobile-menu a[data-v-bc515328]{color:#ccc;text-decoration:none;font-size:1.2rem;transition:color .3s}.mobile-menu a[data-v-bc515328]:hover,.mobile-menu a.active[data-v-bc515328]{color:#6c63ff}}.hero[data-v-3a1128aa]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0 20px}.hero-content[data-v-3a1128aa]{text-align:center;z-index:1}.greeting[data-v-3a1128aa]{font-size:1.2rem;color:#aaa;margin-bottom:12px}.wave[data-v-3a1128aa]{display:inline-block;animation:wave-3a1128aa 2.5s infinite;transform-origin:70% 70%}@keyframes wave-3a1128aa{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.name[data-v-3a1128aa]{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;line-height:1.1;margin-bottom:16px}.gradient-text[data-v-3a1128aa]{background:linear-gradient(135deg,#6c63ff,#e942f5,#6c63ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift-3a1128aa 4s ease infinite}@keyframes gradientShift-3a1128aa{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-wrapper[data-v-3a1128aa]{font-size:clamp(1.1rem,3vw,1.6rem);color:#ccc;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.typing-text[data-v-3a1128aa]{color:#6c63ff;font-weight:600;min-width:200px;text-align:left}.cursor[data-v-3a1128aa]{color:#6c63ff;font-weight:300;animation:none}.cursor.blink[data-v-3a1128aa]{animation:blink-3a1128aa .8s infinite}@keyframes blink-3a1128aa{0%,50%{opacity:1}51%,to{opacity:0}}.desc[data-v-3a1128aa]{font-size:1.05rem;color:#888;max-width:520px;margin:0 auto 36px;line-height:1.7}.hero-btns[data-v-3a1128aa]{display:flex;gap:18px;justify-content:center;margin-bottom:40px}.btn[data-v-3a1128aa]{padding:14px 32px;border-radius:50px;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease}.btn.primary[data-v-3a1128aa]{background:linear-gradient(135deg,#6c63ff,#e942f5);color:#fff;box-shadow:0 4px 20px #6c63ff66}.btn.primary[data-v-3a1128aa]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6c63ff99}.btn.outline[data-v-3a1128aa]{border:2px solid rgba(108,99,255,.5);color:#6c63ff}.btn.outline[data-v-3a1128aa]:hover{background:#6c63ff1a;border-color:#6c63ff;transform:translateY(-2px)}.social-links[data-v-3a1128aa]{display:flex;gap:20px;justify-content:center}.social-icon[data-v-3a1128aa]{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#888;transition:all .3s ease}.social-icon[data-v-3a1128aa]:hover{color:#6c63ff;border-color:#6c63ff;transform:translateY(-3px);box-shadow:0 4px 15px #6c63ff4d}.scroll-indicator[data-v-3a1128aa]{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:float-3a1128aa 2s ease-in-out infinite}.mouse[data-v-3a1128aa]{width:26px;height:40px;border:2px solid rgba(255,255,255,.2);border-radius:13px;display:flex;justify-content:center;padding-top:8px}.wheel[data-v-3a1128aa]{width:4px;height:8px;background:#6c63ff;border-radius:2px;animation:scrollWheel-3a1128aa 1.5s ease-in-out infinite}@keyframes scrollWheel-3a1128aa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes float-3a1128aa{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-indicator span[data-v-3a1128aa]{font-size:.75rem;color:#666;letter-spacing:2px;text-transform:uppercase}.fade-up[data-v-3a1128aa]{opacity:0;transform:translateY(30px);animation:fadeUp-3a1128aa .8s ease forwards;animation-delay:var(--delay)}@keyframes fadeUp-3a1128aa{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-btns[data-v-3a1128aa]{flex-direction:column;align-items:center}}.about[data-v-57a1fcea]{padding:120px 0;position:relative;z-index:1}.container[data-v-57a1fcea]{max-width:1100px;margin:0 auto;padding:0 40px}.section-title[data-v-57a1fcea]{font-size:2rem;font-weight:700;margin-bottom:60px;color:#fff}.number[data-v-57a1fcea]{color:#6c63ff;font-family:monospace;font-size:1.1rem}.about-grid[data-v-57a1fcea]{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.about-text p[data-v-57a1fcea]{color:#999;line-height:1.9;margin-bottom:16px;font-size:1rem}.tech-list[data-v-57a1fcea]{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech-tag[data-v-57a1fcea]{padding:6px 14px;border:1px solid rgba(108,99,255,.3);border-radius:20px;font-size:.85rem;color:#6c63ff;transition:all .3s}.tech-tag[data-v-57a1fcea]:hover{background:#6c63ff1a;border-color:#6c63ff;transform:translateY(-2px)}.image-wrapper[data-v-57a1fcea]{position:relative;width:100%;max-width:320px;margin:0 auto}.image-placeholder[data-v-57a1fcea]{width:100%;aspect-ratio:1;border-radius:20px;background:linear-gradient(135deg,#6c63ff26,#e942f526);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.avatar-emoji[data-v-57a1fcea]{font-size:5rem}.image-border[data-v-57a1fcea]{position:absolute;top:12px;left:12px;width:100%;height:100%;border:2px solid #6c63ff;border-radius:20px;z-index:0;transition:all .3s}.image-wrapper:hover .image-border[data-v-57a1fcea]{top:8px;left:8px}.image-dots[data-v-57a1fcea]{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background-image:radial-gradient(circle,rgba(108,99,255,.3) 1px,transparent 1px);background-size:10px 10px;z-index:0}.scroll-reveal[data-v-57a1fcea]{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible[data-v-57a1fcea]{opacity:1;transform:translateY(0)}@media (max-width: 768px){.about-grid[data-v-57a1fcea]{grid-template-columns:1fr}.about[data-v-57a1fcea]{padding:80px 0}}.skills[data-v-71b24987]{padding:120px 0;position:relative;z-index:1}.container[data-v-71b24987]{max-width:1100px;margin:0 auto;padding:0 40px}.section-title[data-v-71b24987]{font-size:2rem;font-weight:700;margin-bottom:60px;color:#fff}.number[data-v-71b24987]{color:#6c63ff;font-family:monospace;font-size:1.1rem}.skills-grid[data-v-71b24987]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.skill-card[data-v-71b24987]{padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;transition:all .4s ease;transition-delay:var(--delay)}.skill-card[data-v-71b24987]:hover{border-color:#6c63ff4d;transform:translateY(-6px);box-shadow:0 12px 40px #6c63ff26;background:#6c63ff08}.skill-icon[data-v-71b24987]{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px}.skill-card h3[data-v-71b24987]{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:#fff}.skill-card p[data-v-71b24987]{font-size:.85rem;color:#888;line-height:1.6;margin-bottom:18px}.skill-bar[data-v-71b24987]{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:6px}.skill-fill[data-v-71b24987]{height:100%;border-radius:2px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.skill-level[data-v-71b24987]{font-size:.8rem;color:#6c63ff;font-weight:600}.scroll-reveal[data-v-71b24987]{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible[data-v-71b24987]{opacity:1;transform:translateY(0)}@media (max-width: 768px){.skills-grid[data-v-71b24987]{grid-template-columns:1fr}.skills[data-v-71b24987]{padding:80px 0}}.footer[data-v-28206cf2]{padding:40px 0 24px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.container[data-v-28206cf2]{max-width:1100px;margin:0 auto;padding:0 40px}.footer-content[data-v-28206cf2]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.footer-brand[data-v-28206cf2]{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700}.logo[data-v-28206cf2]{background:linear-gradient(135deg,#6c63ff,#e942f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:monospace}.name[data-v-28206cf2]{color:#fff}.footer-text[data-v-28206cf2]{color:#666;font-size:.9rem}.footer-links[data-v-28206cf2]{display:flex;gap:28px}.footer-links a[data-v-28206cf2]{color:#888;text-decoration:none;font-size:.9rem;transition:color .3s}.footer-links a[data-v-28206cf2]:hover{color:#6c63ff}.footer-bottom[data-v-28206cf2]{text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.03)}.footer-bottom p[data-v-28206cf2]{color:#555;font-size:.8rem}.footer-bottom .beian[data-v-28206cf2]{margin-top:8px}.footer-bottom .beian a[data-v-28206cf2]{color:#555;text-decoration:none;transition:color .3s}.footer-bottom .beian a[data-v-28206cf2]:hover{color:#6c63ff}.welcome-card[data-v-66d3d7a6]{position:fixed;top:80px;right:20px;z-index:1001;width:320px;background:#141428f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(108,99,255,.3);border-radius:16px;box-shadow:0 8px 40px #6c63ff33;overflow:hidden}.card-header[data-v-66d3d7a6]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.greeting-emoji[data-v-66d3d7a6]{font-size:1.8rem}.close-btn[data-v-66d3d7a6]{background:none;border:none;color:#666;font-size:1.4rem;cursor:pointer;line-height:1;transition:color .3s}.close-btn[data-v-66d3d7a6]:hover{color:#fff}.card-body[data-v-66d3d7a6]{padding:12px 20px 20px}.greeting-text[data-v-66d3d7a6]{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}.location-text[data-v-66d3d7a6]{font-size:.85rem;color:#999;line-height:1.6}.location-text .label[data-v-66d3d7a6]{color:#777}.location-text .value[data-v-66d3d7a6]{color:#6c63ff;font-weight:500}.slide-enter-active[data-v-66d3d7a6]{animation:slideIn-66d3d7a6 .4s ease}.slide-leave-active[data-v-66d3d7a6]{animation:slideOut-66d3d7a6 .3s ease}@keyframes slideIn-66d3d7a6{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut-66d3d7a6{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media (max-width: 768px){.welcome-card[data-v-66d3d7a6]{width:calc(100% - 40px);right:20px;top:70px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}section,footer{scroll-snap-align:start}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a1a;color:#e0e0e0;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c63ff,#e942f5);border-radius:4px}.app{position:relative}.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#6c63ff,#e942f5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:999;box-shadow:0 4px 20px #6c63ff66}.back-to-top.show{opacity:1;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 30px #6c63ff99}