:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2234;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--accent-cyan:#00f5ff;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-glow:#00f5ff4d;--border-color:#00f5ff26;--font-display:"Orbitron", "SF Pro Display", -apple-system, sans-serif;--font-body:"JetBrains Mono", "SF Mono", -apple-system, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 20% 20%, #00f5ff14 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, #8b5cf60f 0%, transparent 50%), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);pointer-events:none;z-index:-1;position:fixed;inset:0}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-cyan);text-decoration:none;transition:all .3s}a:hover{text-shadow:0 0 10px var(--accent-glow)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glow-text{text-shadow:0 0 20px var(--accent-glow)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 10px 40px #00f5ff1a}.card:hover:before{opacity:1}.btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover{box-shadow:0 0 20px var(--accent-glow);background:#00f5ff1a}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:var(--bg-primary);border:none;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (width<=768px){.container{padding:0 16px}.card{padding:16px}.btn{padding:10px 20px;font-size:13px}}.header[data-v-ab85b6d3]{z-index:1000;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled[data-v-ab85b6d3]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0e17f2;padding:12px 0}.header-content[data-v-ab85b6d3]{justify-content:space-between;align-items:center;display:flex}.logo[data-v-ab85b6d3]{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.logo-icon[data-v-ab85b6d3]{color:var(--accent-cyan);font-size:28px;animation:3s ease-in-out infinite float}.logo-text[data-v-ab85b6d3]{letter-spacing:2px}.highlight[data-v-ab85b6d3]{color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-glow)}.nav[data-v-ab85b6d3]{gap:8px;display:flex}.nav-link[data-v-ab85b6d3]{color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-link[data-v-ab85b6d3]:before{content:"";background:var(--accent-cyan);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link[data-v-ab85b6d3]:hover{color:var(--text-primary);background:#00f5ff0d}.nav-link[data-v-ab85b6d3]:hover:before{width:60%}.nav-link.active[data-v-ab85b6d3]{color:var(--accent-cyan);background:#00f5ff1a}.nav-link.active[data-v-ab85b6d3]:before{width:60%}.nav-icon[data-v-ab85b6d3]{font-size:16px}.mobile-toggle[data-v-ab85b6d3]{cursor:pointer;background:0 0;border:none;padding:10px;display:none}.hamburger[data-v-ab85b6d3]{background:var(--text-primary);width:24px;height:2px;transition:all .3s;display:block;position:relative}.hamburger[data-v-ab85b6d3]:before,.hamburger[data-v-ab85b6d3]:after{content:"";background:var(--text-primary);width:24px;height:2px;transition:all .3s;position:absolute}.hamburger[data-v-ab85b6d3]:before{top:-8px}.hamburger[data-v-ab85b6d3]:after{top:8px}.hamburger.open[data-v-ab85b6d3]{background:0 0}.hamburger.open[data-v-ab85b6d3]:before{top:0;transform:rotate(45deg)}.hamburger.open[data-v-ab85b6d3]:after{top:0;transform:rotate(-45deg)}.main-content[data-v-ab85b6d3]{flex:1;padding-top:100px}.footer[data-v-ab85b6d3]{border-top:1px solid var(--border-color);margin-top:80px;padding:40px 0}.footer-content[data-v-ab85b6d3]{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-brand[data-v-ab85b6d3]{font-family:var(--font-display);color:var(--text-secondary);align-items:center;gap:10px;display:flex}.footer-brand .logo-icon[data-v-ab85b6d3]{font-size:20px}.footer-copy[data-v-ab85b6d3]{color:var(--text-secondary);font-size:14px}.fade-enter-active[data-v-ab85b6d3],.fade-leave-active[data-v-ab85b6d3]{transition:opacity .3s}.fade-enter-from[data-v-ab85b6d3],.fade-leave-to[data-v-ab85b6d3]{opacity:0}@media (width<=768px){.mobile-toggle[data-v-ab85b6d3]{z-index:1001;display:block}.nav[data-v-ab85b6d3]{background:var(--bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;gap:16px;width:70%;height:100vh;padding:100px 20px 20px;transition:right .3s;position:fixed;top:0;right:-100%}.nav.mobileOpen[data-v-ab85b6d3]{right:0}.nav-link[data-v-ab85b6d3]{padding:16px 20px;font-size:18px}.logo[data-v-ab85b6d3]{font-size:20px}.logo-icon[data-v-ab85b6d3]{font-size:24px}}.home[data-v-f0b04bb8]{padding-bottom:40px}.hero[data-v-f0b04bb8]{padding:60px 0}.hero-content[data-v-f0b04bb8]{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-badge[data-v-f0b04bb8]{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:#00f5ff1a;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;display:inline-flex}.badge-dot[data-v-f0b04bb8]{background:var(--accent-cyan);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.hero-title[data-v-f0b04bb8]{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.2}.hero-subtitle[data-v-f0b04bb8]{color:var(--text-secondary);max-width:500px;margin-bottom:32px;font-size:18px}.hero-cta[data-v-f0b04bb8]{flex-wrap:wrap;gap:16px;display:flex}.hero-terminal[data-v-f0b04bb8]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}.terminal-header[data-v-f0b04bb8]{background:var(--bg-card);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot[data-v-f0b04bb8]{border-radius:50%;width:12px;height:12px}.terminal-dot.red[data-v-f0b04bb8]{background:#ff5f56}.terminal-dot.yellow[data-v-f0b04bb8]{background:#ffbd2e}.terminal-dot.green[data-v-f0b04bb8]{background:#27ca40}.terminal-title[data-v-f0b04bb8]{color:var(--text-secondary);font-size:13px;font-family:var(--font-body);margin-left:12px}.terminal-body[data-v-f0b04bb8]{font-family:var(--font-body);padding:20px;font-size:14px;line-height:1.8}.terminal-line[data-v-f0b04bb8]{white-space:pre-wrap}.terminal-line.command[data-v-f0b04bb8]{color:var(--accent-purple)}.terminal-line.output[data-v-f0b04bb8]{color:var(--text-secondary)}.cursor[data-v-f0b04bb8]{color:var(--accent-cyan);animation:1s step-end infinite blink-f0b04bb8}@keyframes blink-f0b04bb8{0%,to{opacity:1}50%{opacity:0}}.stats[data-v-f0b04bb8]{padding:40px 0}.stats-grid[data-v-f0b04bb8]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-item[data-v-f0b04bb8]{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.stat-item[data-v-f0b04bb8]:hover{border-color:var(--accent-cyan);transform:translateY(-4px)}.stat-value[data-v-f0b04bb8]{font-family:var(--font-display);color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-glow);font-size:36px;font-weight:700}.stat-label[data-v-f0b04bb8]{color:var(--text-secondary);margin-top:8px;font-size:14px}.skills[data-v-f0b04bb8]{padding:60px 0}.section-title[data-v-f0b04bb8]{font-family:var(--font-display);align-items:center;gap:12px;margin-bottom:40px;font-size:32px;display:flex}.title-icon[data-v-f0b04bb8]{color:var(--accent-cyan)}.skills-grid[data-v-f0b04bb8]{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skill-card[data-v-f0b04bb8]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s}.skill-card[data-v-f0b04bb8]:hover{border-color:var(--accent-cyan)}.skill-header[data-v-f0b04bb8]{justify-content:space-between;margin-bottom:12px;display:flex}.skill-name[data-v-f0b04bb8]{font-weight:600}.skill-percent[data-v-f0b04bb8]{color:var(--accent-cyan);font-family:var(--font-body)}.skill-bar[data-v-f0b04bb8]{background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.skill-progress[data-v-f0b04bb8]{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));height:100%;box-shadow:0 0 10px var(--accent-glow);border-radius:3px;transition:width 1s}.about[data-v-f0b04bb8]{padding:60px 0}.about-content[data-v-f0b04bb8]{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-text p[data-v-f0b04bb8]{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.about-visual[data-v-f0b04bb8]{position:relative}.code-block[data-v-f0b04bb8]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.code-header[data-v-f0b04bb8]{background:var(--bg-card);border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:12px 16px;font-size:14px}.code-block pre[data-v-f0b04bb8]{margin:0;padding:20px;overflow-x:auto}.code-block code[data-v-f0b04bb8]{font-family:var(--font-body);font-size:14px;line-height:1.8}.keyword[data-v-f0b04bb8]{color:var(--accent-purple)}.class-name[data-v-f0b04bb8]{color:var(--accent-cyan)}.this[data-v-f0b04bb8]{color:var(--accent-blue)}.string[data-v-f0b04bb8]{color:#27ca40}.function[data-v-f0b04bb8]{color:var(--accent-cyan)}@media (width<=1024px){.hero-content[data-v-f0b04bb8]{grid-template-columns:1fr;gap:40px}.hero-title[data-v-f0b04bb8]{font-size:42px}.about-content[data-v-f0b04bb8]{grid-template-columns:1fr}.stats-grid[data-v-f0b04bb8]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero[data-v-f0b04bb8]{padding:40px 0}.hero-title[data-v-f0b04bb8]{font-size:32px}.hero-subtitle[data-v-f0b04bb8]{font-size:16px}.hero-cta[data-v-f0b04bb8]{flex-direction:column}.hero-cta .btn[data-v-f0b04bb8]{justify-content:center;width:100%}.skills-grid[data-v-f0b04bb8]{grid-template-columns:1fr}.section-title[data-v-f0b04bb8]{font-size:24px}.stat-value[data-v-f0b04bb8]{font-size:28px}}.blog[data-v-0873cfd5]{padding-bottom:60px}.blog-header[data-v-0873cfd5]{text-align:center;padding:60px 0 40px}.page-title[data-v-0873cfd5]{font-family:var(--font-display);justify-content:center;align-items:center;gap:16px;margin-bottom:16px;font-size:42px;display:flex}.title-icon[data-v-0873cfd5]{color:var(--accent-cyan)}.page-desc[data-v-0873cfd5]{color:var(--text-secondary);font-size:18px}.blog-content[data-v-0873cfd5]{padding:20px 0}.category-filter[data-v-0873cfd5]{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.category-btn[data-v-0873cfd5]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .3s}.category-btn[data-v-0873cfd5]:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.category-btn.active[data-v-0873cfd5]{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f5ff1a}.posts-grid[data-v-0873cfd5]{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.post-card[data-v-0873cfd5]{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:28px;transition:all .3s}.post-card[data-v-0873cfd5]:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 10px 40px #00f5ff1a}.post-meta[data-v-0873cfd5]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.post-date[data-v-0873cfd5]{color:var(--text-secondary);font-size:13px}.post-category[data-v-0873cfd5]{color:var(--accent-cyan);background:#00f5ff1a;border-radius:20px;padding:4px 12px;font-size:12px}.post-title[data-v-0873cfd5]{font-family:var(--font-display);margin-bottom:12px;font-size:20px;font-weight:600;line-height:1.4;transition:color .3s}.post-card:hover .post-title[data-v-0873cfd5]{color:var(--accent-cyan)}.post-excerpt[data-v-0873cfd5]{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.post-footer[data-v-0873cfd5]{justify-content:space-between;align-items:center;display:flex}.post-tags[data-v-0873cfd5]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-0873cfd5]{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:4px 10px;font-size:12px}.read-time[data-v-0873cfd5]{color:var(--text-secondary);font-size:13px}@media (width<=1024px){.posts-grid[data-v-0873cfd5]{grid-template-columns:1fr}}@media (width<=768px){.blog-header[data-v-0873cfd5]{padding:40px 0 30px}.page-title[data-v-0873cfd5]{font-size:32px}.page-desc[data-v-0873cfd5]{font-size:16px}.category-filter[data-v-0873cfd5]{gap:8px}.category-btn[data-v-0873cfd5]{padding:8px 16px;font-size:13px}.post-card[data-v-0873cfd5]{padding:20px}.post-title[data-v-0873cfd5]{font-size:18px}}.life[data-v-d4814202]{padding-bottom:60px}.life-header[data-v-d4814202]{text-align:center;padding:60px 0 40px}.page-title[data-v-d4814202]{font-family:var(--font-display);justify-content:center;align-items:center;gap:16px;margin-bottom:16px;font-size:42px;display:flex}.title-icon[data-v-d4814202]{color:var(--accent-cyan)}.page-desc[data-v-d4814202]{color:var(--text-secondary);font-size:18px}.life-content[data-v-d4814202]{padding:20px 0}.timeline[data-v-d4814202]{max-width:800px;margin:0 auto;position:relative}.timeline[data-v-d4814202]:before{content:"";background:linear-gradient(180deg, var(--accent-cyan), var(--accent-purple));width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-item[data-v-d4814202]{gap:24px;margin-bottom:32px;display:flex;position:relative}.timeline-marker[data-v-d4814202]{background:var(--bg-card);border:2px solid var(--accent-cyan);z-index:1;width:48px;height:48px;box-shadow:0 0 20px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.marker-icon[data-v-d4814202]{font-size:20px}.timeline-content[data-v-d4814202]{flex:1;padding-top:4px}.moment-card[data-v-d4814202]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.moment-card[data-v-d4814202]:hover{border-color:var(--accent-cyan);transform:translate(8px)}.moment-header[data-v-d4814202]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.moment-type[data-v-d4814202]{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.moment-date[data-v-d4814202]{color:var(--text-secondary);font-size:13px}.moment-title[data-v-d4814202]{font-family:var(--font-display);margin-bottom:8px;font-size:18px;font-weight:600}.moment-desc[data-v-d4814202]{color:var(--text-secondary);font-size:14px;line-height:1.7}.gallery[data-v-d4814202]{padding:60px 0}.section-title[data-v-d4814202]{font-family:var(--font-display);align-items:center;gap:12px;margin-bottom:40px;font-size:32px;display:flex}.gallery-grid[data-v-d4814202]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gallery-item[data-v-d4814202]{aspect-ratio:1;border-radius:12px;overflow:hidden}.gallery-placeholder[data-v-d4814202]{background:var(--bg-card);border:1px solid var(--border-color);width:100%;height:100%;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;transition:all .3s;display:flex}.gallery-placeholder[data-v-d4814202]:hover{border-color:var(--accent-cyan);background:#00f5ff0d}.gallery-placeholder span[data-v-d4814202]:first-child{font-size:32px}@media (width<=768px){.life-header[data-v-d4814202]{padding:40px 0 30px}.page-title[data-v-d4814202]{font-size:32px}.page-desc[data-v-d4814202]{font-size:16px}.timeline[data-v-d4814202]:before{left:16px}.timeline-marker[data-v-d4814202]{width:36px;height:36px}.marker-icon[data-v-d4814202]{font-size:16px}.timeline-item[data-v-d4814202]{gap:16px}.moment-card[data-v-d4814202]{padding:16px}.moment-title[data-v-d4814202]{font-size:16px}.gallery-grid[data-v-d4814202]{grid-template-columns:repeat(2,1fr)}.section-title[data-v-d4814202]{font-size:24px}}