html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;min-height:100vh}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-left{opacity:0;transform:translate(-40px);transition:opacity .8s ease,transform .8s ease}.scroll-animate-left.visible{opacity:1;transform:translate(0)}.scroll-animate-right{opacity:0;transform:translate(40px);transition:opacity .8s ease,transform .8s ease}.scroll-animate-right.visible{opacity:1;transform:translate(0)}.scroll-animate-scale{opacity:0;transform:scale(.8);transition:opacity .8s ease,transform .8s ease}.scroll-animate-scale.visible{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}:root{--bg-gradient-light: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--bg-gradient-dark: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--glass-bg-light: rgba(255, 255, 255, .18);--glass-bg-dark: rgba(0, 0, 0, .35);--glass-border-light: rgba(255, 255, 255, .35);--glass-border-dark: rgba(255, 255, 255, .12);--text-primary-light: #ffffff;--text-primary-dark: #f0f0f0;--text-secondary-light: #ffffff;--text-secondary-dark: rgba(240, 240, 240, .75);--card-bg-light: rgba(255, 255, 255, .98);--card-bg-dark: rgba(20, 20, 35, .95);--card-text-light: #2d3748;--card-text-dark: #e2e8f0;--card-text-secondary-light: #718096;--card-text-secondary-dark: #a0aec0;--shadow-light: 0 8px 32px rgba(0, 0, 0, .12);--shadow-dark: 0 8px 32px rgba(0, 0, 0, .4);--skill-gradient-light: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--skill-gradient-dark: linear-gradient(135deg, #a78bfa 0%, #f472b6 100%)}[data-theme=light]{--bg-gradient: var(--bg-gradient-light);--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--card-bg: var(--card-bg-light);--card-text: var(--card-text-light);--card-text-secondary: var(--card-text-secondary-light);--shadow: var(--shadow-light);--skill-gradient: var(--skill-gradient-light)}[data-theme=dark]{--bg-gradient: var(--bg-gradient-dark);--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--card-bg: var(--card-bg-dark);--card-text: var(--card-text-dark);--card-text-secondary: var(--card-text-secondary-dark);--shadow: var(--shadow-dark);--skill-gradient: var(--skill-gradient-dark)}*{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.theme-toggle[data-v-445a62ac]{position:fixed;top:20px;right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}.theme-toggle[data-v-445a62ac]:hover{transform:scale(1.1) rotate(15deg);border-color:#ffffff80;box-shadow:0 6px 25px #0000004d}.theme-icon[data-v-445a62ac]{font-size:1.5rem;transition:transform .3s ease}.theme-toggle:hover .theme-icon[data-v-445a62ac]{transform:scale(1.2)}@media(max-width:768px){.theme-toggle[data-v-445a62ac]{top:15px;right:15px;width:44px;height:44px}.theme-icon[data-v-445a62ac]{font-size:1.2rem}}.home[data-v-a9dc7e88]{min-height:100vh;padding:70px 20px;position:relative;overflow-x:hidden}.bg-container[data-v-a9dc7e88]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.bg-gradient[data-v-a9dc7e88]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);transition:background .5s ease}.bg-particles[data-v-a9dc7e88]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle[data-v-a9dc7e88]{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;animation:particleFloat-a9dc7e88 linear infinite}@keyframes particleFloat-a9dc7e88{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.container[data-v-a9dc7e88]{max-width:1300px;margin:0 auto;position:relative;z-index:10}.header[data-v-a9dc7e88]{text-align:center;color:var(--text-primary);margin-bottom:50px}.avatar-container[data-v-a9dc7e88]{position:relative;display:inline-block;margin-bottom:36px}.avatar-ring-1[data-v-a9dc7e88]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#667eea);background-size:400% 400%;animation:rotate-a9dc7e88 3s linear infinite,pulse-a9dc7e88 2s ease-in-out infinite;z-index:-2;filter:blur(2px)}.avatar-ring-2[data-v-a9dc7e88]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 200%;animation:rotate-a9dc7e88 4s linear infinite reverse;z-index:-1}@keyframes rotate-a9dc7e88{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-a9dc7e88{0%,to{opacity:.6}50%{opacity:.9}}.avatar[data-v-a9dc7e88]{width:160px;height:160px;border-radius:50%;border:6px solid var(--glass-border);background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease,box-shadow .4s ease;position:relative;z-index:1;object-fit:cover}.avatar[data-v-a9dc7e88]:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 60px #667eeab3}.name[data-v-a9dc7e88]{font-size:4rem;margin:0 0 12px;font-weight:900;letter-spacing:-2px;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(102,126,234,.5)}.title[data-v-a9dc7e88]{font-size:1.3rem;margin:0 0 24px;opacity:.9;font-weight:500}.bio[data-v-a9dc7e88]{font-size:1.1rem;line-height:1.8;max-width:600px;margin:0 auto 28px;opacity:.9}.contact-info[data-v-a9dc7e88]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:28px}.contact-item[data-v-a9dc7e88]{font-size:1rem;opacity:.9}.email-btn[data-v-a9dc7e88]{padding:14px 28px;border-radius:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid var(--glass-border);display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.email-btn[data-v-a9dc7e88]:hover{background:#ffffff59;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #00000040}.email-icon[data-v-a9dc7e88]{font-size:1.2rem}.social-links[data-v-a9dc7e88]{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.social-link[data-v-a9dc7e88]{padding:14px 28px;border-radius:50px;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid var(--glass-border);display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.social-link[data-v-a9dc7e88]:hover{background:#ffffff59;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #00000040}.social-name[data-v-a9dc7e88]{font-weight:600;font-size:1rem}.social-link[data-v-a9dc7e88]:hover{background:#ffffff4d;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #0003}.social-icon[data-v-a9dc7e88]{font-size:1.4rem}.section[data-v-a9dc7e88]{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px;padding:40px;border:1px solid var(--glass-border);box-shadow:var(--shadow);margin-bottom:30px}.section-title[data-v-a9dc7e88]{font-size:1.6rem;margin:0 0 28px;color:var(--text-primary);text-align:center;font-weight:700}.skills[data-v-a9dc7e88]{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.skill-tag[data-v-a9dc7e88]{background:var(--skill-gradient);color:#fff;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #667eea59;position:relative;overflow:hidden;text-decoration:none;display:inline-block;cursor:pointer}.skill-tag[data-v-a9dc7e88]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.skill-tag[data-v-a9dc7e88]:hover:before{left:100%}.skill-tag[data-v-a9dc7e88]:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 12px 35px #667eea80}.projects[data-v-a9dc7e88]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card[data-v-a9dc7e88]{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:28px;text-decoration:none;color:var(--text-primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid var(--glass-border);display:flex;gap:18px;align-items:flex-start;position:relative;overflow:hidden}.project-card[data-v-a9dc7e88]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--skill-gradient);transform:scaleX(0);transition:transform .4s ease}.project-card[data-v-a9dc7e88]:hover:before{transform:scaleX(1)}.project-card[data-v-a9dc7e88]:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000040;border-color:#667eea}.project-icon[data-v-a9dc7e88]{font-size:2.5rem;flex-shrink:0;transition:transform .4s ease}.project-card:hover .project-icon[data-v-a9dc7e88]{transform:scale(1.2) rotate(10deg)}.project-content[data-v-a9dc7e88]{flex:1;min-width:0}.project-name[data-v-a9dc7e88]{font-size:1.35rem;margin:0 0 10px;color:var(--text-primary);font-weight:700}.project-desc[data-v-a9dc7e88]{font-size:1rem;color:#fff;margin:0 0 16px;line-height:1.7}.project-tags[data-v-a9dc7e88]{display:flex;flex-wrap:wrap;gap:8px}.project-tag[data-v-a9dc7e88]{background:#667eea1a;color:#667eea;padding:5px 12px;border-radius:50px;font-size:.8rem;font-weight:600;transition:all .3s ease}.project-card:hover .project-tag[data-v-a9dc7e88]{background:#667eea33;transform:scale(1.05)}.miniprograms[data-v-a9dc7e88]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.miniprogram-card[data-v-a9dc7e88]{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:24px;color:var(--text-primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.miniprogram-card[data-v-a9dc7e88]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--skill-gradient);transform:scaleX(0);transition:transform .4s ease}.miniprogram-card[data-v-a9dc7e88]:hover:before{transform:scaleX(1)}.miniprogram-card[data-v-a9dc7e88]:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000040;border-color:#667eea}.qrcode-wrapper[data-v-a9dc7e88]{width:100%;max-width:200px;aspect-ratio:1 / 1;background:#fff;border-radius:16px;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 6px 20px #0000002e;transition:transform .4s ease}.miniprogram-card:hover .qrcode-wrapper[data-v-a9dc7e88]{transform:scale(1.04)}.qrcode-img[data-v-a9dc7e88]{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}.miniprogram-name[data-v-a9dc7e88]{font-size:1.25rem;margin:0 0 10px;color:var(--text-primary);font-weight:700}.miniprogram-desc[data-v-a9dc7e88]{font-size:.95rem;color:#fff;margin:0 0 16px;line-height:1.7;opacity:.9}.miniprogram-tags[data-v-a9dc7e88]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.miniprogram-tag[data-v-a9dc7e88]{background:#667eea1a;color:#667eea;padding:5px 12px;border-radius:50px;font-size:.8rem;font-weight:600;transition:all .3s ease}.miniprogram-card:hover .miniprogram-tag[data-v-a9dc7e88]{background:#667eea33;transform:scale(1.05)}.scan-hint[data-v-a9dc7e88]{margin:auto 0 0;font-size:.85rem;color:var(--text-secondary);opacity:.75}.footer[data-v-a9dc7e88]{text-align:center;color:var(--text-secondary);font-size:.95rem;padding:30px 20px}.footer a[data-v-a9dc7e88]{color:var(--text-primary);text-decoration:none;opacity:.85;transition:opacity .3s ease}.footer a[data-v-a9dc7e88]:hover{opacity:1}.icp-links[data-v-a9dc7e88]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}.icp-links .divider[data-v-a9dc7e88]{color:var(--text-secondary);opacity:.5}@media(max-width:1024px){.projects[data-v-a9dc7e88],.miniprograms[data-v-a9dc7e88]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home[data-v-a9dc7e88]{padding:70px 15px}.name[data-v-a9dc7e88]{font-size:2.2rem}.avatar[data-v-a9dc7e88]{width:120px;height:120px}.avatar-ring-1[data-v-a9dc7e88]{width:150px;height:150px}.avatar-ring-2[data-v-a9dc7e88]{width:135px;height:135px}.contact-info[data-v-a9dc7e88]{flex-direction:column;gap:12px}.section[data-v-a9dc7e88]{padding:30px 24px;border-radius:20px}.projects[data-v-a9dc7e88],.miniprograms[data-v-a9dc7e88]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}