*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0f;color:#fff;overflow-x:hidden}#app{width:100%;min-height:100vh}.container[data-v-f5336299]{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);overflow:hidden;perspective:2000px}.particle-canvas[data-v-f5336299]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.grid-background[data-v-f5336299]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;animation:gridMove-f5336299 20s linear infinite}@keyframes gridMove-f5336299{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.main-content[data-v-f5336299]{position:relative;z-index:10;padding:40px;max-width:900px;width:100%}.card-3d-wrapper[data-v-f5336299]{transition:transform .1s ease-out;transform-style:preserve-3d}.card-3d[data-v-f5336299]{position:relative;background:#0a0a1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:28px 25px;border:1px solid rgba(0,255,255,.2);box-shadow:0 25px 50px #00000080,0 0 100px #00ffff1a,inset 0 1px #ffffff1a;overflow:hidden;transform-style:preserve-3d}.glow-border[data-v-f5336299]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:26px;background:linear-gradient(45deg,#0ff,#f0f,#0f0,#ff0,#0ff);background-size:400% 400%;z-index:-1;opacity:.6;filter:blur(8px);animation:glowBorder-f5336299 8s ease infinite}@keyframes glowBorder-f5336299{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.avatar-section[data-v-f5336299]{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.avatar-ring[data-v-f5336299]{position:relative;width:140px;height:140px;margin-bottom:15px}.avatar-container[data-v-f5336299]{position:relative;width:125px;height:125px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,255,255,.5);box-shadow:0 0 30px #0ff6,inset 0 0 20px #0ff3;z-index:10}.avatar-image[data-v-f5336299]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.avatar-container:hover .avatar-image[data-v-f5336299]{transform:scale(1.1)}.avatar-overlay[data-v-f5336299]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,255,.2) 0%,transparent 50%,rgba(255,0,255,.2) 100%);pointer-events:none}.rotating-ring[data-v-f5336299]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid transparent}.ring-1[data-v-f5336299]{width:150px;height:150px;border-top-color:#0ff;border-right-color:#0ff;animation:rotateRing-f5336299 4s linear infinite}.ring-2[data-v-f5336299]{width:165px;height:165px;border-bottom-color:#f0f;border-left-color:#f0f;animation:rotateRing-f5336299 6s linear infinite reverse}@keyframes rotateRing-f5336299{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.status-indicator[data-v-f5336299]{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px}.status-dot[data-v-f5336299]{width:6px;height:6px;background:#0f8;border-radius:50%;animation:pulse-f5336299 2s ease-in-out infinite;box-shadow:0 0 10px #0f8}.status-text[data-v-f5336299]{color:#0f8;font-size:12px;font-weight:500}@keyframes pulse-f5336299{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.info-section[data-v-f5336299]{text-align:center}.name-title[data-v-f5336299]{font-size:38px;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#0ff,#f0f,#0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText-f5336299 3s ease infinite;text-shadow:0 0 40px rgba(0,255,255,.5)}.name-text[data-v-f5336299]{display:inline}.cursor-blink[data-v-f5336299]{animation:blink-f5336299 1s step-end infinite;color:#0ff;-webkit-text-fill-color:#00ffff}@keyframes blink-f5336299{0%,to{opacity:1}50%{opacity:0}}@keyframes gradientText-f5336299{0%,to{background-position:0% center}50%{background-position:200% center}}.title-tags[data-v-f5336299]{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tag-item[data-v-f5336299]{padding:5px 12px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:15px;font-size:12px;color:#0ff;animation:fadeInUp-f5336299 .6s ease forwards;opacity:0;transition:all .3s ease;cursor:default}.tag-item[data-v-f5336299]:hover{background:#0ff3;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}@keyframes fadeInUp-f5336299{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bio-section[data-v-f5336299]{margin-bottom:22px}.bio-text[data-v-f5336299]{font-size:14px;line-height:1.6;color:#fffc;max-width:600px;margin:0 auto;text-align:justify}.skills-section[data-v-f5336299]{margin-bottom:22px}.section-title[data-v-f5336299]{font-size:17px;font-weight:600;margin-bottom:15px;color:#fff;text-transform:uppercase;letter-spacing:2px}.skills-grid[data-v-f5336299]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.skill-card[data-v-f5336299]{background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:10px;text-align:center;transition:all .3s ease;animation:fadeInUp-f5336299 .6s ease forwards;opacity:0;cursor:default}.skill-card[data-v-f5336299]:hover{background:#00ffff1a;border-color:#00ffff80;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #0ff3}.skill-icon[data-v-f5336299]{font-size:22px;margin-bottom:5px}.skill-name[data-v-f5336299]{display:block;font-size:11px;color:#ffffffe6;margin-bottom:6px;font-weight:500}.skill-bar[data-v-f5336299]{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.skill-progress[data-v-f5336299]{height:100%;background:linear-gradient(90deg,#0ff,#f0f);border-radius:2px;transition:width 1.5s ease;box-shadow:0 0 10px #00ffff80}.social-links[data-v-f5336299]{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.social-link[data-v-f5336299]{display:flex;align-items:center;gap:6px;padding:8px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;text-decoration:none;color:#ffffffe6;font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.social-link[data-v-f5336299]: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 ease}.social-link[data-v-f5336299]:hover:before{left:100%}.social-link[data-v-f5336299]:hover{border-color:#00ffff80;box-shadow:0 0 20px #00ffff4d;transform:translateY(-3px)}.social-icon[data-v-f5336299]{font-size:15px}.action-buttons[data-v-f5336299]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn-primary[data-v-f5336299],.btn-secondary[data-v-f5336299]{position:relative;padding:10px 25px;font-size:13px;font-weight:600;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.btn-primary[data-v-f5336299]{background:linear-gradient(135deg,#0ff,#08f);color:#000;box-shadow:0 5px 20px #0ff6}.btn-primary[data-v-f5336299]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0ff9}.btn-glow[data-v-f5336299]{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover .btn-glow[data-v-f5336299]{width:300px;height:300px}.btn-secondary[data-v-f5336299]{background:transparent;color:#0ff;border:2px solid rgba(0,255,255,.5)}.btn-secondary[data-v-f5336299]:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.pulse-animation[data-v-f5336299]{animation:pulseButton-f5336299 2s ease-in-out infinite}@keyframes pulseButton-f5336299{0%,to{box-shadow:0 5px 20px #0ff6}50%{box-shadow:0 5px 40px #00ffffb3}}.hover-lift[data-v-f5336299]:hover{transform:translateY(-3px)}.floating-elements[data-v-f5336299]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.float-element[data-v-f5336299]{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%);animation:float-f5336299 6s ease-in-out infinite}.element-1[data-v-f5336299]{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.element-2[data-v-f5336299]{width:150px;height:150px;top:60%;right:10%;animation-delay:2s;background:radial-gradient(circle,rgba(255,0,255,.2) 0%,transparent 70%)}.element-3[data-v-f5336299]{width:100px;height:100px;bottom:20%;left:15%;animation-delay:4s;background:radial-gradient(circle,rgba(0,255,136,.2) 0%,transparent 70%)}.element-4[data-v-f5336299]{width:180px;height:180px;top:15%;right:15%;animation-delay:1s;background:radial-gradient(circle,rgba(255,255,0,.15) 0%,transparent 70%)}@keyframes float-f5336299{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-30px) rotate(180deg);opacity:.6}}.footer-info[data-v-f5336299]{position:fixed;bottom:0;left:0;width:100%;padding:20px;text-align:center;z-index:20;background:linear-gradient(to top,rgba(10,10,15,.9),transparent)}.footer-line[data-v-f5336299]{width:80%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);margin:0 auto 15px}.footer-text[data-v-f5336299]{font-size:14px;color:#fff9;letter-spacing:1px}.typing-effect[data-v-f5336299]{display:inline-block;border-right:2px solid #00ffff;padding-right:5px;animation:typingCursor-f5336299 .8s step-end infinite}@keyframes typingCursor-f5336299{0%,to{border-right-color:#0ff}50%{border-right-color:transparent}}@media (max-width: 768px){.main-content[data-v-f5336299]{padding:20px}.card-3d[data-v-f5336299]{padding:40px 30px}.name-title[data-v-f5336299]{font-size:36px}.avatar-ring[data-v-f5336299]{width:140px;height:140px}.avatar-container[data-v-f5336299]{width:120px;height:120px}.ring-1[data-v-f5336299]{width:150px;height:150px}.ring-2[data-v-f5336299]{width:170px;height:170px}.skills-grid[data-v-f5336299]{grid-template-columns:repeat(2,1fr)}.action-buttons[data-v-f5336299]{flex-direction:column;align-items:center}.btn-primary[data-v-f5336299],.btn-secondary[data-v-f5336299]{width:100%;max-width:250px}}.mouse-bubbles[data-v-f5336299]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.mouse-glow[data-v-f5336299]{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(150,180,255,.15) 0%,rgba(100,150,255,.08) 30%,rgba(80,120,255,.03) 50%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:997;animation:glowPulse-f5336299 3s ease-in-out infinite}@keyframes glowPulse-f5336299{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes starFade-f5336299{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.7);opacity:.6}to{transform:translate(-50%,-50%) scale(.3);opacity:0}}@keyframes particleFloat-f5336299{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--float-x, 0px)),calc(-50% + var(--float-y, -40px))) scale(0) rotate(180deg);opacity:0}}.wechat-modal-overlay[data-v-f5336299]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.wechat-card-container[data-v-f5336299]{position:relative;animation:cardFloatIn-f5336299 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardFloatIn-f5336299{0%{opacity:0;transform:scale(.5) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-f5336299]{position:absolute;top:-15px;right:-15px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;z-index:10;line-height:1}.close-btn[data-v-f5336299]:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #667eea99}.wechat-card[data-v-f5336299]{background:#fff;border-radius:20px;padding:35px 30px;width:320px;box-shadow:0 25px 60px #0000004d,0 10px 30px #0003,inset 0 2px #ffffffe6;position:relative;overflow:hidden}.wechat-card[data-v-f5336299]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#07c160,#09b83e,#07c160);background-size:200% 100%;animation:gradientSlide-f5336299 3s ease infinite}@keyframes gradientSlide-f5336299{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-header[data-v-f5336299]{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.wechat-avatar[data-v-f5336299]{width:70px;height:70px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px #00000026;border:3px solid #fff}.user-info[data-v-f5336299]{flex:1}.user-name[data-v-f5336299]{font-size:22px;font-weight:600;color:#333;margin:0 0 5px;letter-spacing:1px}.user-location[data-v-f5336299]{font-size:14px;color:#999;margin:0}.qr-code-section[data-v-f5336299]{display:flex;justify-content:center;margin:25px 0}.qr-code-wrapper[data-v-f5336299]{position:relative;width:200px;height:200px;padding:15px;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:15px;box-shadow:inset 0 2px 8px #0000000f,0 4px 15px #00000014}.qr-code-image[data-v-f5336299]{width:100%;height:100%;object-fit:contain}.wechat-icon-overlay[data-v-f5336299]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;animation:iconPulse-f5336299 2s ease-in-out infinite}.wechat-icon-overlay svg[data-v-f5336299]{width:32px;height:32px;color:#07c160}@keyframes iconPulse-f5336299{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.scan-tip[data-v-f5336299]{text-align:center;font-size:14px;color:#666;margin:20px 0 0;letter-spacing:.5px}.wechat-card-enter-active[data-v-f5336299],.wechat-card-leave-active[data-v-f5336299]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.wechat-card-enter-from[data-v-f5336299],.wechat-card-leave-to[data-v-f5336299]{opacity:0;transform:scale(.8)}.wechat-card-enter-to[data-v-f5336299],.wechat-card-leave-from[data-v-f5336299]{opacity:1;transform:scale(1)}.portfolio-overlay[data-v-f5336299]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.portfolio-container[data-v-f5336299]{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;padding:25px;width:95%;max-width:1100px;box-shadow:0 30px 80px #00000080,0 15px 40px #0000004d,inset 0 2px #ffffff1a;border:1px solid rgba(0,255,255,.2);position:relative;animation:portfolioSlideIn-f5336299 .6s cubic-bezier(.34,1.56,.64,1)}@keyframes portfolioSlideIn-f5336299{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.portfolio-close[data-v-f5336299]{top:-18px;right:-18px;background:linear-gradient(135deg,#f093fb,#f5576c)}.portfolio-title[data-v-f5336299]{font-size:28px;font-weight:700;text-align:center;margin-bottom:5px;background:linear-gradient(135deg,#0ff,#f0f,#0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText-f5336299 3s ease infinite}.portfolio-subtitle[data-v-f5336299]{text-align:center;font-size:14px;color:#fff9;margin-bottom:20px;letter-spacing:1px}.portfolio-grid[data-v-f5336299]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-card[data-v-f5336299]{background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(0,255,255,.15);transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.work-card[data-v-f5336299]:hover{transform:translateY(-5px) scale(1.02);border-color:#00ffff80;box-shadow:0 20px 40px #0ff3,0 10px 20px #0000004d}.work-image[data-v-f5336299]{position:relative;width:100%;height:100px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.work-image img[data-v-f5336299]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-image img[data-v-f5336299]{transform:scale(1.1)}.work-overlay[data-v-f5336299]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.work-card:hover .work-overlay[data-v-f5336299]{opacity:1}.view-btn[data-v-f5336299]{padding:8px 20px;background:linear-gradient(135deg,#0ff,#08f);color:#000;font-size:13px;font-weight:600;border-radius:20px;transition:all .3s ease}.view-btn[data-v-f5336299]:hover{transform:scale(1.05);box-shadow:0 5px 20px #00ffff80}.work-info[data-v-f5336299]{padding:10px}.work-title[data-v-f5336299]{font-size:13px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-desc[data-v-f5336299]{font-size:11px;color:#fff9;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-modal-enter-active[data-v-f5336299],.portfolio-modal-leave-active[data-v-f5336299]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.portfolio-modal-enter-from[data-v-f5336299],.portfolio-modal-leave-to[data-v-f5336299]{opacity:0;transform:scale(.9)}.portfolio-modal-enter-to[data-v-f5336299],.portfolio-modal-leave-from[data-v-f5336299]{opacity:1;transform:scale(1)}@media (max-width: 1200px){.portfolio-grid[data-v-f5336299]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.portfolio-grid[data-v-f5336299]{grid-template-columns:repeat(2,1fr)}.portfolio-container[data-v-f5336299]{padding:20px 15px}.portfolio-title[data-v-f5336299]{font-size:24px}}@media (max-width: 600px){.portfolio-grid[data-v-f5336299]{grid-template-columns:1fr}.portfolio-container[data-v-f5336299]{padding:20px 12px;width:98%}}