.navbar[data-v-c684f555]{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:16px 0;transition:background .3s ease}:root.light-mode .navbar[data-v-c684f555]{background:#fffffff2}.nav-content[data-v-c684f555]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-c684f555]{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;cursor:pointer}.logo-icon[data-v-c684f555]{font-size:28px}.logo-text[data-v-c684f555]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-c684f555]{display:flex;gap:32px;align-items:center}.nav-links a[data-v-c684f555]{color:var(--text-secondary);font-weight:500;position:relative;transition:color .3s ease;cursor:pointer}.nav-links a[data-v-c684f555]:hover{color:var(--text-primary)}.nav-links a[data-v-c684f555]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-links a[data-v-c684f555]:hover:after{width:100%}.nav-actions[data-v-c684f555]{display:flex;align-items:center;gap:8px}.theme-btn[data-v-c684f555],.lang-btn[data-v-c684f555]{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-btn[data-v-c684f555]:hover,.lang-btn[data-v-c684f555]:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.lang-btn[data-v-c684f555]{font-weight:600;font-size:14px}.mobile-menu-btn[data-v-c684f555]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span[data-v-c684f555]{width:24px;height:2px;background:var(--text-primary);transition:all .3s ease}@media (max-width: 768px){.mobile-menu-btn[data-v-c684f555]{display:flex}.nav-links[data-v-c684f555]{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:20px;gap:16px;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;border-bottom:1px solid var(--border-color);z-index:999}.nav-links.active[data-v-c684f555]{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.theme-btn[data-v-c684f555],.lang-btn[data-v-c684f555]{width:36px;height:36px;font-size:14px}}.footer[data-v-d7fcb720]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 0 24px}.footer-content[data-v-d7fcb720]{display:grid;grid-template-columns:1.2fr 2fr;gap:60px;margin-bottom:40px}.footer-brand[data-v-d7fcb720]{max-width:300px}.logo[data-v-d7fcb720]{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;margin-bottom:16px}.logo-icon[data-v-d7fcb720]{font-size:28px}.logo-text[data-v-d7fcb720]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline[data-v-d7fcb720]{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:20px}.social-links[data-v-d7fcb720]{display:flex;gap:12px}.social-link[data-v-d7fcb720]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;font-size:20px;transition:all .3s ease}.social-link[data-v-d7fcb720]:hover{background:var(--accent-primary);transform:translateY(-3px)}.footer-links[data-v-d7fcb720]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.link-group h4[data-v-d7fcb720]{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.link-group a[data-v-d7fcb720]{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:10px;transition:color .3s ease}.link-group a[data-v-d7fcb720]:hover{color:var(--accent-primary)}.footer-tag[data-v-d7fcb720]{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-secondary);margin:0 4px 8px 0}.contact-item[data-v-d7fcb720]{color:var(--text-secondary);font-size:13px;margin-bottom:10px;word-break:break-all}.footer-bottom[data-v-d7fcb720]{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-color)}.copyright[data-v-d7fcb720]{font-size:14px;color:var(--text-tertiary)}.tech-stack[data-v-d7fcb720]{font-size:13px;color:var(--text-tertiary)}@media (max-width: 768px){.footer-content[data-v-d7fcb720]{grid-template-columns:1fr;gap:40px}.footer-brand[data-v-d7fcb720]{max-width:100%;text-align:center}.social-links[data-v-d7fcb720]{justify-content:center}.footer-links[data-v-d7fcb720]{grid-template-columns:1fr;text-align:center}.footer-bottom[data-v-d7fcb720]{flex-direction:column;gap:8px;text-align:center}}.app{min-height:100vh}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;font-size:20px;font-weight:700;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #3b82f666}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #3b82f680}.back-to-top:active{transform:translateY(0)}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:18px}}.stars-background[data-v-07ac71a4]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.stars[data-v-07ac71a4]{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat}.stars-small[data-v-07ac71a4]{background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(1px 1px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 220px 150px,white,transparent),radial-gradient(1px 1px at 260px 90px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 300px 180px,white,transparent);background-size:320px 200px;animation:twinkle-07ac71a4 4s ease-in-out infinite}.stars-medium[data-v-07ac71a4]{background-image:radial-gradient(1.5px 1.5px at 100px 50px,white,transparent),radial-gradient(1.5px 1.5px at 200px 150px,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 300px 100px,white,transparent),radial-gradient(1.5px 1.5px at 50px 180px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 150px 30px,white,transparent);background-size:400px 250px;animation:twinkle-07ac71a4 5s ease-in-out infinite;animation-delay:1s}.stars-large[data-v-07ac71a4]{background-image:radial-gradient(2px 2px at 150px 100px,white,transparent),radial-gradient(2px 2px at 350px 200px,rgba(255,255,255,.9),transparent),radial-gradient(2.5px 2.5px at 250px 50px,#3b82f6,transparent);background-size:500px 300px;animation:twinkle-07ac71a4 6s ease-in-out infinite;animation-delay:2s}@keyframes twinkle-07ac71a4{0%,to{opacity:.5}50%{opacity:1}}.shooting-stars[data-v-07ac71a4]{position:absolute;top:0;left:0;width:100%;height:100%}.shooting-star[data-v-07ac71a4]{position:absolute;left:0;width:100px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent);border-radius:50%;animation:shooting-07ac71a4 3s ease-in-out infinite;opacity:0}@keyframes shooting-07ac71a4{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}30%{transform:translate(calc(100vw + 100px)) translateY(100px);opacity:0}to{transform:translate(calc(100vw + 100px)) translateY(100px);opacity:0}}:root.light-mode .stars-background[data-v-07ac71a4]{opacity:.1}.gradient-text-animated[data-v-5390bbb0]{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#8b5cf6,#3b82f6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift-5390bbb0 3s linear infinite}.gradient-text-animated.glow[data-v-5390bbb0]{filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}@keyframes gradient-shift-5390bbb0{0%{background-position:0% center}to{background-position:200% center}}.magic-button[data-v-3e03ae7b]{position:relative;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease;z-index:1}.magic-button[data-v-3e03ae7b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:2}.magic-button[data-v-3e03ae7b]:hover:before{left:100%}.magic-button[data-v-3e03ae7b]:hover{transform:translateY(-3px);box-shadow:0 10px 40px #3b82f666,0 0 20px #8b5cf64d}.magic-button[data-v-3e03ae7b]:active{transform:translateY(-1px)}.button-content[data-v-3e03ae7b]{position:relative;z-index:3}.button-glow[data-v-3e03ae7b]{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;z-index:1}.magic-button:hover .button-glow[data-v-3e03ae7b]{width:300px;height:300px}.button-particles[data-v-3e03ae7b]{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none;z-index:0}.particle[data-v-3e03ae7b]{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}.magic-button:hover .particle[data-v-3e03ae7b]{animation:particle-burst-3e03ae7b .6s ease-out forwards;animation-delay:calc(var(--i) * .05s)}@keyframes particle-burst-3e03ae7b{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(calc(-50% + (var(--i) - 3.5) * 30px),calc(-50% + (var(--i) - 3.5) * -20px)) scale(1)}}.tilt-card[data-v-acfa5ab6]{position:relative;transition:transform .1s ease-out;transform-style:preserve-3d;will-change:transform}.tilt-card-shine[data-v-acfa5ab6]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:1}.tilt-card-content[data-v-acfa5ab6]{position:relative;z-index:2}.hero[data-v-165e7527]{min-height:100vh;display:flex;align-items:center;padding:100px 0 60px;position:relative;overflow:hidden}.hero-content[data-v-165e7527]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-title[data-v-165e7527]{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.gradient-text[data-v-165e7527]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-165e7527]{font-size:24px;color:var(--text-secondary);margin-bottom:24px;font-weight:400}.hero-description[data-v-165e7527]{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.8}.hero-stats[data-v-165e7527]{display:flex;gap:40px;margin-bottom:32px}.stat-item[data-v-165e7527]{text-align:center}.stat-number[data-v-165e7527]{font-size:32px;font-weight:700;color:var(--accent-primary);margin-bottom:8px}.stat-label[data-v-165e7527]{font-size:14px;color:var(--text-tertiary)}.hero-actions[data-v-165e7527]{display:flex;gap:16px}.code-window[data-v-165e7527]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.window-header[data-v-165e7527]{background:var(--bg-tertiary);padding:12px 16px;display:flex;gap:8px}.dot[data-v-165e7527]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-165e7527]{background:#ff5f56}.dot.yellow[data-v-165e7527]{background:#ffbd2e}.dot.green[data-v-165e7527]{background:#27c93f}.window-content[data-v-165e7527]{padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);min-height:300px;position:relative}.window-content pre[data-v-165e7527]{margin:0}.cursor[data-v-165e7527]{animation:blink-165e7527 1s infinite;color:var(--accent-primary)}@keyframes blink-165e7527{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 968px){.hero-content[data-v-165e7527]{grid-template-columns:1fr;gap:40px}.hero-title[data-v-165e7527]{font-size:36px}.hero-subtitle[data-v-165e7527]{font-size:20px}.hero-stats[data-v-165e7527]{gap:24px}.hero-actions[data-v-165e7527]{flex-direction:column}.hero-actions .btn[data-v-165e7527]{width:100%}}.profile[data-v-4dbe0fd9]{padding:60px 0 80px;background:var(--bg-primary)}.profile-card[data-v-4dbe0fd9]{max-width:800px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.profile-header[data-v-4dbe0fd9]{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid var(--border-color)}.avatar[data-v-4dbe0fd9]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #3b82f64d;overflow:hidden}.avatar-img[data-v-4dbe0fd9]{width:100%;height:100%;object-fit:cover}.profile-basic[data-v-4dbe0fd9]{flex:1}.name[data-v-4dbe0fd9]{font-size:32px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.title[data-v-4dbe0fd9]{font-size:18px;color:var(--text-secondary);margin-bottom:12px}.status[data-v-4dbe0fd9]{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#10b9811a;border-radius:20px;font-size:14px;color:#10b981}.status-dot[data-v-4dbe0fd9]{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-4dbe0fd9 2s infinite}@keyframes pulse-4dbe0fd9{0%,to{opacity:1}50%{opacity:.5}}.profile-body[data-v-4dbe0fd9]{padding:32px}.bio[data-v-4dbe0fd9]{margin-bottom:32px}.bio p[data-v-4dbe0fd9]{color:var(--text-secondary);line-height:1.8;margin-bottom:12px;font-size:16px}.bio strong[data-v-4dbe0fd9]{color:var(--accent-primary)}.info-grid[data-v-4dbe0fd9]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.info-item[data-v-4dbe0fd9]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.info-item[data-v-4dbe0fd9]:hover{border-color:var(--accent-primary);transform:translate(4px)}.info-icon[data-v-4dbe0fd9]{font-size:24px}.info-content[data-v-4dbe0fd9]{display:flex;flex-direction:column;gap:2px}.info-label[data-v-4dbe0fd9]{font-size:12px;color:var(--text-tertiary)}.info-value[data-v-4dbe0fd9]{font-size:14px;color:var(--text-primary);font-weight:500}.interests[data-v-4dbe0fd9]{margin-bottom:32px}.interests h3[data-v-4dbe0fd9]{font-size:18px;margin-bottom:16px;color:var(--text-primary)}.interest-tags[data-v-4dbe0fd9]{display:flex;flex-wrap:wrap;gap:10px}.interest-tag[data-v-4dbe0fd9]{padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:14px;color:var(--text-secondary);transition:all .3s ease}.interest-tag[data-v-4dbe0fd9]:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.motto[data-v-4dbe0fd9]{padding-top:24px;border-top:1px solid var(--border-color)}.motto blockquote[data-v-4dbe0fd9]{font-size:16px;font-style:italic;color:var(--text-secondary);text-align:center;padding:16px 24px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:12px;border-left:4px solid var(--accent-primary)}@media (max-width: 768px){.profile-header[data-v-4dbe0fd9]{flex-direction:column;text-align:center;padding:24px}.avatar[data-v-4dbe0fd9]{width:80px;height:80px}.avatar-text[data-v-4dbe0fd9]{font-size:32px}.name[data-v-4dbe0fd9]{font-size:26px}.info-grid[data-v-4dbe0fd9]{grid-template-columns:1fr}.profile-body[data-v-4dbe0fd9]{padding:24px}}.about[data-v-411a652b]{padding:80px 0;background:var(--bg-secondary)}.section-title[data-v-411a652b]{font-size:42px;font-weight:700;text-align:center;margin-bottom:60px;position:relative}.section-title[data-v-411a652b]:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.about-content[data-v-411a652b]{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-text h3[data-v-411a652b]{font-size:24px;margin:32px 0 16px;color:var(--accent-primary)}.about-text p[data-v-411a652b]{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.intro[data-v-411a652b]{font-size:18px;color:var(--text-primary)!important;margin-bottom:32px}.philosophy-list[data-v-411a652b]{list-style:none;padding:0}.philosophy-list li[data-v-411a652b]{padding:12px 0;color:var(--text-secondary);line-height:1.6}.philosophy-list strong[data-v-411a652b]{color:var(--text-primary)}.skills-grid[data-v-411a652b]{display:flex;flex-direction:column;gap:24px}.skill-category h4[data-v-411a652b]{font-size:18px;margin-bottom:12px;color:var(--accent-primary)}.skill-tags[data-v-411a652b]{display:flex;flex-wrap:wrap;gap:8px}.timeline[data-v-411a652b]{position:relative;padding-left:30px}.timeline[data-v-411a652b]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item[data-v-411a652b]{position:relative;margin-bottom:32px}.timeline-dot[data-v-411a652b]{position:absolute;left:-35px;top:6px;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;border:3px solid var(--bg-secondary)}.timeline-period[data-v-411a652b]{font-size:14px;color:var(--accent-primary);font-weight:600;margin-bottom:8px}.timeline-content h4[data-v-411a652b]{font-size:20px;margin-bottom:4px}.company[data-v-411a652b]{color:var(--text-tertiary);font-size:14px;margin-bottom:8px}.timeline-content p[data-v-411a652b]{color:var(--text-secondary);line-height:1.6}@media (max-width: 968px){.about-content[data-v-411a652b]{grid-template-columns:1fr;gap:40px}.section-title[data-v-411a652b]{font-size:32px}}.blog[data-v-4768df0a]{padding:80px 0;background:var(--bg-primary)}.section-title[data-v-4768df0a]{font-size:42px;font-weight:700;text-align:center;margin-bottom:16px;position:relative}.section-title[data-v-4768df0a]:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.section-subtitle[data-v-4768df0a]{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:60px;margin-top:32px}.blog-grid[data-v-4768df0a]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.blog-card[data-v-4768df0a]{display:flex;flex-direction:column;cursor:pointer}.blog-card:hover .blog-title[data-v-4768df0a]{color:var(--accent-primary)}.blog-header[data-v-4768df0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.blog-category[data-v-4768df0a]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.blog-category.frontend[data-v-4768df0a]{background:#3b82f633;color:#60a5fa}.blog-category.backend[data-v-4768df0a]{background:#10b98133;color:#34d399}.blog-category.thinking[data-v-4768df0a]{background:#8b5cf633;color:#a78bfa}.blog-category.team[data-v-4768df0a]{background:#f59e0b33;color:#fbbf24}.blog-category.devops[data-v-4768df0a]{background:#ef444433;color:#f87171}.blog-category.career[data-v-4768df0a]{background:#ec489933;color:#f472b6}.blog-date[data-v-4768df0a]{font-size:14px;color:var(--text-tertiary)}.blog-title[data-v-4768df0a]{font-size:20px;margin-bottom:12px;line-height:1.4;color:var(--text-primary)}.blog-excerpt[data-v-4768df0a]{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px;flex-grow:1}.blog-tags[data-v-4768df0a]{margin-bottom:16px}.blog-tags .tag[data-v-4768df0a]{font-size:12px;padding:2px 8px;margin:2px}.blog-footer[data-v-4768df0a]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color)}.read-time[data-v-4768df0a]{font-size:13px;color:var(--text-tertiary)}.read-more[data-v-4768df0a]{font-size:14px;font-weight:500;color:var(--accent-primary)}.read-more[data-v-4768df0a]:hover{color:var(--accent-secondary)}.insights-section[data-v-4768df0a]{background:var(--bg-secondary);border-radius:16px;padding:40px;border:1px solid var(--border-color)}.insights-title[data-v-4768df0a]{font-size:28px;text-align:center;margin-bottom:32px}.insights-grid[data-v-4768df0a]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.insight-card[data-v-4768df0a]{text-align:center;padding:24px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.insight-card[data-v-4768df0a]:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.insight-icon[data-v-4768df0a]{font-size:40px;margin-bottom:16px}.insight-card h4[data-v-4768df0a]{font-size:18px;margin-bottom:12px;color:var(--accent-primary)}.insight-card p[data-v-4768df0a]{font-size:14px;color:var(--text-secondary);line-height:1.6}@media (max-width: 1024px){.blog-grid[data-v-4768df0a],.insights-grid[data-v-4768df0a]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-grid[data-v-4768df0a],.insights-grid[data-v-4768df0a]{grid-template-columns:1fr}.section-title[data-v-4768df0a]{font-size:32px}.insights-section[data-v-4768df0a]{padding:24px}}.projects[data-v-4d23d40b]{padding:80px 0;background:var(--bg-secondary)}.section-title[data-v-4d23d40b]{font-size:42px;font-weight:700;text-align:center;margin-bottom:16px;position:relative}.section-title[data-v-4d23d40b]:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.section-subtitle[data-v-4d23d40b]{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:60px;margin-top:32px}.projects-grid[data-v-4d23d40b]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:60px}.project-card[data-v-4d23d40b]{overflow:hidden;padding:0}.project-image[data-v-4d23d40b]{position:relative;height:200px;overflow:hidden}.project-placeholder[data-v-4d23d40b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-icon[data-v-4d23d40b]{font-size:64px}.project-overlay[data-v-4d23d40b]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s ease}.project-image:hover .project-overlay[data-v-4d23d40b]{opacity:1}.overlay-btn[data-v-4d23d40b]{padding:10px 20px;background:var(--accent-primary);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.overlay-btn[data-v-4d23d40b]:hover{background:var(--accent-hover);color:#fff;transform:scale(1.05)}.project-content[data-v-4d23d40b]{padding:24px}.project-title[data-v-4d23d40b]{font-size:22px;margin-bottom:12px;color:var(--text-primary)}.project-description[data-v-4d23d40b]{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.project-tech[data-v-4d23d40b]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-tag[data-v-4d23d40b]{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--accent-primary);font-weight:500}.project-highlights[data-v-4d23d40b]{border-top:1px solid var(--border-color);padding-top:16px}.highlight[data-v-4d23d40b]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.highlight-icon[data-v-4d23d40b]{color:var(--success);font-weight:700}.github-stats[data-v-4d23d40b]{background:var(--bg-primary);border-radius:16px;padding:40px;border:1px solid var(--border-color)}.github-stats h3[data-v-4d23d40b]{text-align:center;font-size:24px;margin-bottom:32px}.stats-grid[data-v-4d23d40b]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card[data-v-4d23d40b]{text-align:center;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.stat-card[data-v-4d23d40b]:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.stat-icon[data-v-4d23d40b]{font-size:32px;margin-bottom:12px}.stat-value[data-v-4d23d40b]{font-size:28px;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.stat-label[data-v-4d23d40b]{font-size:14px;color:var(--text-tertiary)}@media (max-width: 968px){.projects-grid[data-v-4d23d40b]{grid-template-columns:1fr}.stats-grid[data-v-4d23d40b]{grid-template-columns:repeat(2,1fr)}.section-title[data-v-4d23d40b]{font-size:32px}}@media (max-width: 480px){.stats-grid[data-v-4d23d40b]{grid-template-columns:1fr}}.contact[data-v-ff9fb1c6]{padding:80px 0;background:var(--bg-primary)}.section-title[data-v-ff9fb1c6]{font-size:42px;font-weight:700;text-align:center;margin-bottom:16px;position:relative}.section-title[data-v-ff9fb1c6]:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.section-subtitle[data-v-ff9fb1c6]{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:60px;margin-top:32px}.contact-content[data-v-ff9fb1c6]{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.contact-info[data-v-ff9fb1c6]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-card[data-v-ff9fb1c6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.info-card[data-v-ff9fb1c6]:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.info-icon[data-v-ff9fb1c6]{font-size:36px;margin-bottom:12px}.info-card h3[data-v-ff9fb1c6]{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.info-card p[data-v-ff9fb1c6]{font-size:14px;color:var(--accent-primary);margin-bottom:8px;word-break:break-all}.info-note[data-v-ff9fb1c6]{font-size:12px;color:var(--text-tertiary)}.contact-form-wrapper[data-v-ff9fb1c6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px}.contact-form h3[data-v-ff9fb1c6]{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.form-group[data-v-ff9fb1c6]{margin-bottom:20px}.form-group label[data-v-ff9fb1c6]{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.form-group input[data-v-ff9fb1c6],.form-group select[data-v-ff9fb1c6],.form-group textarea[data-v-ff9fb1c6]{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .3s ease}.form-group input[data-v-ff9fb1c6]:focus,.form-group select[data-v-ff9fb1c6]:focus,.form-group textarea[data-v-ff9fb1c6]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input[data-v-ff9fb1c6]::placeholder,.form-group textarea[data-v-ff9fb1c6]::placeholder{color:var(--text-tertiary)}.form-group select[data-v-ff9fb1c6]{cursor:pointer}.form-group textarea[data-v-ff9fb1c6]{resize:vertical;min-height:120px}.submit-btn[data-v-ff9fb1c6]{width:100%;padding:14px;font-size:16px;margin-top:8px}.submit-btn[data-v-ff9fb1c6]:disabled{opacity:.7;cursor:not-allowed}.form-note[data-v-ff9fb1c6]{text-align:center;font-size:13px;color:var(--text-tertiary);margin-top:16px}@media (max-width: 968px){.contact-content[data-v-ff9fb1c6]{grid-template-columns:1fr}.contact-info[data-v-ff9fb1c6]{grid-template-columns:repeat(2,1fr)}.section-title[data-v-ff9fb1c6]{font-size:32px}}@media (max-width: 480px){.contact-info[data-v-ff9fb1c6]{grid-template-columns:1fr}.contact-form-wrapper[data-v-ff9fb1c6]{padding:24px}}.blog-detail[data-v-5ea75990]{padding:100px 0 60px;min-height:100vh;background:var(--bg-primary)}.back-btn[data-v-5ea75990]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 20px;border-radius:8px;cursor:pointer;margin-bottom:32px;transition:all .3s ease}.back-btn[data-v-5ea75990]:hover{color:var(--text-primary);border-color:var(--accent-primary)}.article[data-v-5ea75990]{max-width:800px;margin:0 auto}.article-header[data-v-5ea75990]{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.category[data-v-5ea75990]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.category.frontend[data-v-5ea75990]{background:#3b82f633;color:#60a5fa}.category.backend[data-v-5ea75990]{background:#10b98133;color:#34d399}.category.thinking[data-v-5ea75990]{background:#8b5cf633;color:#a78bfa}.category.team[data-v-5ea75990]{background:#f59e0b33;color:#fbbf24}.category.devops[data-v-5ea75990]{background:#ef444433;color:#f87171}.category.career[data-v-5ea75990]{background:#ec489933;color:#f472b6}.article-title[data-v-5ea75990]{font-size:36px;font-weight:700;line-height:1.3;margin-bottom:20px;color:var(--text-primary)}.article-meta[data-v-5ea75990]{display:flex;gap:24px;color:var(--text-tertiary);font-size:14px;margin-bottom:16px}.article-tags[data-v-5ea75990]{display:flex;gap:8px;flex-wrap:wrap}.article-tags .tag[data-v-5ea75990]{background:var(--bg-tertiary);padding:4px 12px;border-radius:20px;font-size:13px;color:var(--text-secondary)}.article-content[data-v-5ea75990]{color:var(--text-secondary);font-size:16px;line-height:1.8}.article-content[data-v-5ea75990] h2{font-size:28px;color:var(--text-primary);margin:48px 0 24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.article-content[data-v-5ea75990] h3{font-size:22px;color:var(--text-primary);margin:36px 0 16px}.article-content[data-v-5ea75990] p{margin-bottom:16px}.article-content[data-v-5ea75990] pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;overflow-x:auto;margin:24px 0}.article-content[data-v-5ea75990] code{font-family:Courier New,monospace;font-size:14px}.article-content[data-v-5ea75990] pre code{background:none;padding:0}.article-content[data-v-5ea75990] li{margin-bottom:8px;padding-left:8px}.article-content[data-v-5ea75990] strong{color:var(--text-primary)}.article-content[data-v-5ea75990] table{width:100%;border-collapse:collapse;margin:24px 0}.article-content[data-v-5ea75990] td,.article-content[data-v-5ea75990] th{border:1px solid var(--border-color);padding:12px;text-align:left}.article-footer[data-v-5ea75990]{margin-top:60px;padding-top:32px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.author-info[data-v-5ea75990]{display:flex;align-items:center;gap:16px}.author-avatar[data-v-5ea75990]{width:56px;height:56px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.author-name[data-v-5ea75990]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.author-bio[data-v-5ea75990]{font-size:14px;color:var(--text-tertiary)}.share-section[data-v-5ea75990]{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.share-btn[data-v-5ea75990]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.share-btn[data-v-5ea75990]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.related-posts[data-v-5ea75990]{max-width:800px;margin:60px auto 0;padding-top:40px;border-top:1px solid var(--border-color)}.related-posts h3[data-v-5ea75990]{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.related-grid[data-v-5ea75990]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.related-card[data-v-5ea75990]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.related-card[data-v-5ea75990]:hover{border-color:var(--accent-primary);transform:translateY(-3px)}.related-category[data-v-5ea75990]{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:12px}.related-category.frontend[data-v-5ea75990]{background:#3b82f633;color:#60a5fa}.related-category.backend[data-v-5ea75990]{background:#10b98133;color:#34d399}.related-category.thinking[data-v-5ea75990]{background:#8b5cf633;color:#a78bfa}.related-category.team[data-v-5ea75990]{background:#f59e0b33;color:#fbbf24}.related-category.devops[data-v-5ea75990]{background:#ef444433;color:#f87171}.related-category.career[data-v-5ea75990]{background:#ec489933;color:#f472b6}.related-card h4[data-v-5ea75990]{font-size:16px;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.related-date[data-v-5ea75990]{font-size:13px;color:var(--text-tertiary)}.not-found[data-v-5ea75990]{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found h1[data-v-5ea75990]{font-size:36px;margin-bottom:16px}.not-found p[data-v-5ea75990]{color:var(--text-secondary);margin-bottom:24px}@media (max-width: 768px){.article-title[data-v-5ea75990]{font-size:28px}.article-meta[data-v-5ea75990]{flex-direction:column;gap:8px}.article-footer[data-v-5ea75990]{flex-direction:column;align-items:flex-start}.related-grid[data-v-5ea75990]{grid-template-columns:1fr}}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--text-tertiary: #707070;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-hover: #2563eb;--border-color: #333;--success: #10b981;--warning: #f59e0b;--error: #ef4444}:root.light-mode{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #555555;--text-tertiary: #888888;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-hover: #2563eb;--border-color: #ddd;--success: #10b981;--warning: #f59e0b;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}code{font-family:Courier New,Courier,monospace;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.9em}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-outline{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #00000080}.tag{display:inline-block;padding:4px 12px;background:var(--bg-tertiary);border-radius:20px;font-size:14px;color:var(--text-secondary);margin:4px}.tag:hover{background:var(--accent-primary);color:#fff}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:14px}}