*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--primary-light: #818cf8;--primary-dark: #3730a3;--secondary-color: #7c3aed;--secondary-light: #a78bfa;--accent-color: #06b6d4;--accent-light: #67e8f9;--text-dark: #1f2937;--text-medium: #374151;--text-light: #6b7280;--text-lighter: #9ca3af;--bg-white: #ffffff;--bg-light: #f9fafb;--bg-lighter: #f3f4f6;--bg-gradient-primary: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%);--bg-gradient-light: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 8px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .6s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}[data-theme=dark]{--text-dark: #f9fafb;--text-medium: #e5e7eb;--text-light: #d1d5db;--text-lighter: #9ca3af;--bg-white: #1f2937;--bg-light: #374151;--bg-lighter: #4b5563;--bg-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient-light: linear-gradient(135deg, #374151 0%, #4b5563 100%);--border-color: #4b5563;--border-light: #6b7280;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 8px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}[data-theme=dark] .hero{background:var(--bg-white)}[data-theme=dark] .navbar{background:#1f2937f2}[data-theme=dark] .avatar{border-color:var(--border-color)}[data-theme=dark] input,[data-theme=dark] textarea{background:var(--bg-lighter);color:var(--text-dark)}[data-theme=dark] .modal-content{background:var(--bg-white)}.card{background:var(--bg-light);padding:2rem;border-radius:var(--border-radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all var(--transition-normal) var(--ease-in-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}[data-theme=dark] .card{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .card:hover{border-color:var(--secondary-color)}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-light);overflow-x:hidden}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo a{font-size:1.75rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:2.5rem}.nav-link{text-decoration:none;color:var(--text-dark);font-size:1.1rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;position:relative;border-radius:var(--border-radius-sm)}.nav-link:hover{color:var(--primary-color);background:var(--bg-lighter);transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;width:0;height:3px;bottom:-2px;left:50%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:all .3s ease;border-radius:2px}.nav-link:hover:after{width:100%;left:0}.nav-link.active{color:var(--primary-color);background:var(--bg-lighter);font-weight:700}.nav-link.active:after{width:100%;left:0}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:.3s}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f9fafb,#f3f4f6);padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a"><stop offset="0" stop-color="%23ffffff" stop-opacity="0.05"/><stop offset="1" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="500" cy="500" r="400" fill="url(%23a)"/></svg>') center/cover;pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:fadeInUp .8s var(--ease-out) forwards;animation-delay:.2s;opacity:0}.highlight{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:1.25rem;color:var(--text-light);margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem}.btn{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-normal) var(--ease-in-out);cursor:pointer;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn: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 var(--transition-slow) var(--ease-in-out)}.btn:hover:before{left:100%}.btn:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#5b21b6 100%);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-dark)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.hero-image{display:flex;justify-content:center}.avatar{width:400px;height:400px;border-radius:50%;overflow:hidden;border:6px solid white;box-shadow:var(--shadow-lg);transition:transform .3s ease}.avatar:hover{transform:scale(1.05)}.avatar img{width:100%;height:100%;object-fit:cover}section{padding:5rem 0;position:relative}section:nth-child(2n){background:var(--bg-light)}section:nth-child(odd){background:var(--bg-white)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;width:50px;height:4px;background:var(--primary-color);bottom:-10px;left:50%;transform:translate(-50%);border-radius:2px}.section-header p{font-size:1.125rem;color:var(--text-light)}.about{background:var(--bg-white)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-text p{font-size:1.125rem;line-height:1.8;margin-bottom:2rem;color:var(--text-light)}.skills h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-dark)}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skill-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500}.projects{background:linear-gradient(180deg,var(--bg-light) 0%,rgba(249,250,251,.8) 100%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--bg-white);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid rgba(0,0,0,.05)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);transform:scaleX(0);transition:transform .3s ease}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a}.project-card:hover:before{transform:scaleX(1)}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.project-content p{color:var(--text-light);margin-bottom:1rem;line-height:1.6}.project-tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tag{background:var(--bg-light);color:var(--text-dark);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.project-links{display:flex;gap:.75rem}.footer{background:var(--text-dark);color:#fff;padding:2rem 0;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center}.social-links{display:flex;gap:1rem}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow);padding:2rem 0}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}.avatar{width:320px;height:320px}.section-header h2{font-size:2rem}.projects-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem}.skill-tags{justify-content:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero-text h1{font-size:2rem}.hero-description{font-size:1rem}.section-header h2{font-size:1.75rem}.project-content{padding:1rem}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes rainbow{0%{filter:hue-rotate(0deg) saturate(1.2) brightness(1.1)}25%{filter:hue-rotate(90deg) saturate(1.2) brightness(1.1)}50%{filter:hue-rotate(180deg) saturate(1.2) brightness(1.1)}75%{filter:hue-rotate(270deg) saturate(1.2) brightness(1.1)}to{filter:hue-rotate(360deg) saturate(1.2) brightness(1.1)}}.fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards}.fade-in{animation:fadeIn .5s var(--ease-out) forwards}.scale-in{animation:scaleIn .4s var(--ease-out) forwards}.slide-in-left{animation:slideInLeft .6s var(--ease-out) forwards}.slide-in-right{animation:slideInRight .6s var(--ease-out) forwards}.pulse{animation:pulse 2s infinite}.rainbow{animation:rainbow 2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-gradient-primary);border-radius:var(--border-radius-sm);border:1px solid var(--bg-white);transition:all var(--transition-normal) var(--ease-in-out)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#5b21b6 100%);box-shadow:var(--shadow-sm)}::-webkit-scrollbar-thumb:active{background:var(--primary-dark)}.main-content{padding-top:80px}.page-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#dbeafe);padding:4rem 0;text-align:center}.page-header-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-content p{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem}.breadcrumb{font-size:.875rem;color:var(--text-light);margin-bottom:2rem}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}.breadcrumb a:hover{opacity:.8}.resume-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.blog-section{padding:4rem 0;background:linear-gradient(180deg,var(--bg-white) 0%,var(--bg-light) 100%);position:relative}.blog-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(79,70,229,.05) 0%,transparent 70%);pointer-events:none}.blog-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.blog-filters{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:transparent;border:2px solid var(--border-color);border-radius:2rem;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-posts{display:grid;gap:2rem}.blog-post{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all var(--transition-normal) var(--ease-in-out);position:relative;border:1px solid var(--border-light)}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal) var(--ease-in-out);transform-origin:left}.blog-post:hover:before{transform:scaleX(1)}.blog-post:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.blog-post:hover .post-image img{transform:scale(1.1)}.post-image{position:relative;height:200px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post:hover .post-image img{transform:scale(1.05)}.post-category{position:absolute;top:1rem;left:1rem;background:#000c;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.post-content{padding:1.5rem}.post-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-light)}.post-title{color:var(--text-dark);text-decoration:none;font-size:1.5rem;font-weight:600;line-height:1.3;transition:color .3s ease}.post-title:hover{color:var(--primary-color)}.post-excerpt{color:var(--text-light);margin:1rem 0;line-height:1.6}.post-tags{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.post-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.read-more{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;transition:opacity .3s ease}.read-more:hover{opacity:.8}.post-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--text-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.pagination-btn{padding:.5rem 1rem;background:transparent;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{width:40px;height:40px;background:transparent;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease}.pagination-number.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-number:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.pagination-ellipsis{display:flex;align-items:center;padding:0 .5rem;color:var(--text-light)}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background:var(--bg-light);padding:1.5rem;border-radius:1rem}.sidebar-widget h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.popular-posts{list-style:none;display:flex;flex-direction:column;gap:.75rem}.popular-posts li{display:flex;flex-direction:column;gap:.25rem}.popular-posts a{color:var(--text-dark);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .3s ease}.popular-posts a:hover{color:var(--primary-color)}.post-views{font-size:.75rem;color:var(--text-light)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.cloud-tag{background:var(--bg-white);color:var(--text-dark);padding:.25rem .75rem;border-radius:1rem;text-decoration:none;font-size:.75rem;font-weight:500;transition:all .3s ease}.cloud-tag:hover{background:var(--primary-color);color:#fff}.archive-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.archive-list a{color:var(--text-dark);text-decoration:none;font-size:.875rem;transition:color .3s ease}.archive-list a:hover{color:var(--primary-color)}.subscribe-form{display:flex;flex-direction:column;gap:.75rem}.subscribe-form input{padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:border-color .3s ease}.subscribe-form input:focus{outline:none;border-color:var(--primary-color)}.subscribe-note{font-size:.75rem;color:var(--text-light);margin-top:.5rem}.resume-section{padding:4rem 0;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 50%,var(--bg-white) 100%);position:relative}.resume-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23f3f4f6" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;opacity:.5}.resume-layout{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.resume-sidebar{background:var(--bg-light);padding:2rem;border-radius:1rem;height:fit-content}.resume-photo{text-align:center;margin-bottom:2rem}.resume-photo img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:var(--shadow)}.resume-contact h3,.resume-skills h3,.resume-languages h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.contact-icon{font-size:1rem;width:24px}.contact-item a{color:var(--primary-color);text-decoration:none}.skill-category{margin-bottom:1.5rem}.skill-category h4{font-size:1rem;font-weight:500;margin-bottom:.75rem;color:var(--text-dark)}.skill-item{margin-bottom:.75rem}.skill-item span{display:block;font-size:.875rem;margin-bottom:.25rem}.skill-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);border-radius:3px;transition:width 1s var(--ease-in-out);position:relative;overflow:hidden}.skill-progress:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skillShimmer 2s ease-in-out infinite}@keyframes skillShimmer{0%{left:-100%}to{left:100%}}.language-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.language-level{font-size:.75rem;background:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:1rem}.resume-main{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.resume-main>div{animation:fadeInUp .6s var(--ease-out) forwards;opacity:0}.resume-main>div:nth-child(1){animation-delay:.1s}.resume-main>div:nth-child(2){animation-delay:.2s}.resume-main>div:nth-child(3){animation-delay:.3s}.resume-main>div:nth-child(4){animation-delay:.4s}.resume-main>div:nth-child(5){animation-delay:.5s}.resume-summary,.resume-experience,.resume-projects,.resume-education,.resume-certifications,.resume-interests{background:var(--bg-white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.resume-main h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-dark);border-bottom:3px solid var(--primary-color);padding-bottom:.5rem}.experience-item,.project-item,.education-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.experience-item:last-child,.project-item:last-child,.education-item:last-child{border-bottom:none;margin-bottom:0}.experience-header,.project-header,.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.experience-header h3,.project-header h3,.education-header h3{font-size:1.125rem;font-weight:600;color:var(--text-dark)}.company,.school{color:var(--primary-color);font-weight:500}.period,.project-period{color:var(--text-light);font-size:.875rem}.experience-location,.education-location{color:var(--text-light);font-size:.875rem;margin-bottom:.75rem}.experience-duties,.project-achievements,.education-details{list-style:none;padding-left:1rem}.experience-duties li,.project-achievements li,.education-details li{position:relative;margin-bottom:.5rem;line-height:1.5}.experience-duties li:before,.project-achievements li:before,.education-details li:before{content:"▸";color:var(--primary-color);position:absolute;left:-1rem}.project-tech{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.tech-tag{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.certification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.certification-item{background:var(--bg-light);padding:1rem;border-radius:.5rem;text-align:center}.certification-item h3{font-size:1rem;margin-bottom:.5rem}.cert-date{color:var(--text-light);font-size:.875rem}.interests-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.interest-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);padding:.75rem 1rem;border-radius:.5rem}.interest-icon{font-size:1.125rem}@media (max-width: 768px){.blog-layout,.resume-layout{grid-template-columns:1fr;gap:2rem}.page-header-content h1{font-size:2rem}.blog-filters{justify-content:center}.post-actions{flex-direction:column;gap:1rem;align-items:flex-start}.pagination{flex-wrap:wrap}.experience-header,.project-header,.education-header{flex-direction:column;align-items:flex-start}.certification-grid{grid-template-columns:1fr}.interests-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.resume-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.resume-sidebar{padding:1rem}.resume-main>*{padding:1rem}.blog-post .post-content,.sidebar-widget{padding:1rem}}.page-header-actions,.page-header-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.quick-nav{display:flex;flex-direction:column;gap:.75rem}.quick-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-white);border-radius:.5rem;text-decoration:none;color:var(--text-dark);transition:all .3s ease}.quick-nav-item:hover{background:var(--primary-color);color:#fff;transform:translate(5px)}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.resume-blog-links{background:var(--bg-light);padding:1.5rem;border-radius:1rem;margin-bottom:2rem}.resume-blog-links h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.blog-link-item{margin-bottom:1rem}.blog-link-title{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:1rem;display:block;margin-bottom:.5rem}.blog-link-title:hover{opacity:.8}.blog-link-desc{color:var(--text-light);font-size:.875rem;margin:0}.related-articles h4{font-size:1rem;margin-bottom:.75rem;color:var(--text-dark)}.related-articles ul{list-style:none;padding:0}.related-articles li{margin-bottom:.5rem}.related-articles a{color:var(--text-light);text-decoration:none;font-size:.875rem;transition:color .3s ease}.related-articles a:hover{color:var(--primary-color)}.theme-toggle{position:relative;width:60px;height:32px;background:var(--border-color);border-radius:16px;margin-left:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);border:2px solid var(--border-color);display:flex;align-items:center;padding:2px;box-shadow:var(--shadow-sm)}.theme-toggle:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.theme-toggle-slider{position:absolute;width:24px;height:24px;background:var(--bg-white);border-radius:50%;transition:all var(--transition-normal) var(--ease-in-out);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-sm);left:2px}[data-theme=dark] .theme-toggle{background:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .theme-toggle-slider{transform:translate(28px);background:var(--bg-white)}.theme-toggle-icon{transition:all var(--transition-normal) var(--ease-in-out)}.language-switcher{display:flex;gap:1px;margin-left:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-in-out)}.language-switcher:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.lang-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-size:.875rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out);position:relative;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.lang-btn:hover{background:var(--bg-light);color:var(--text-dark)}.lang-btn:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary-color);background:var(--bg-light)}.lang-btn.active{background:var(--bg-gradient-primary);color:#fff;font-weight:600}.lang-btn.active:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}@media (max-width: 768px){.page-header-actions,.page-header-nav{flex-direction:column;align-items:center}.page-header-actions .btn,.page-header-nav .btn{width:200px;margin:0!important;margin-bottom:.5rem!important}.theme-toggle{margin-left:0;margin-top:.5rem;order:-2}.language-switcher{margin-left:0;margin-top:.5rem;order:-1}}*:focus{outline:2px solid transparent;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:var(--spacing-sm) var(--spacing-md);margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;z-index:10000}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--border-color: #000000}.btn{border:2px solid currentColor}}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{border:2px solid #ef4444;background-color:#fee2e2}.success{border:2px solid #10b981;background-color:#dcfce7}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important}.navbar,.footer,.language-switcher,.social-links{display:none!important}.main-content{padding-top:0!important}a{text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")"}.btn{border:1px solid black;padding:.25rem .5rem}.page-break{page-break-before:always}h1,h2,h3{page-break-after:avoid}img{max-width:100%!important}}.spaceship-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease}.spaceship-loader.fade-out{opacity:0;pointer-events:none}.spaceship-container{text-align:center;color:#fff}.spaceship{width:100px;height:100px;margin:0 auto 2rem;position:relative;animation:float 3s ease-in-out infinite}.spaceship:before{content:"🚀";font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rocket-spin 2s linear infinite}.loading-text{font-size:1.5rem;font-weight:300;margin-bottom:1rem;opacity:.9}.loading-dots{font-size:1.5rem;animation:dots 1.5s steps(4,end) infinite}.stars{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}.star:nth-child(1){top:20%;left:20%;animation-delay:0s}.star:nth-child(2){top:30%;left:80%;animation-delay:.5s}.star:nth-child(3){top:70%;left:30%;animation-delay:1s}.star:nth-child(4){top:80%;left:70%;animation-delay:1.5s}.star:nth-child(5){top:50%;left:60%;animation-delay:2s}.star:nth-child(6){top:10%;left:50%;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rocket-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dots{0%,20%{content:"载入中."}40%{content:"载入中.."}60%{content:"载入中..."}80%,to{content:"载入中"}}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.hidden-cat-btn{color:#ff69b4;text-decoration:none;font-size:14px;opacity:.4;transition:all .3s ease;cursor:pointer;padding:2px 4px;border-radius:50%;background:#ffb6c11a;display:inline;margin-left:5px}.hidden-cat-btn:hover{opacity:.7;background:#ffb6c166;transform:scale(1.3);box-shadow:0 2px 8px #ff69b44d}.hidden-cat-btn:active{transform:scale(.9)}.theme-toggle[data-v-3dc61feb]{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;cursor:pointer;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.theme-toggle[data-v-3dc61feb]:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .4s ease}.theme-toggle[data-v-3dc61feb]:after{content:"";position:absolute;inset:2px;border-radius:50%;background:linear-gradient(135deg,#fffffff2,#ffffffe6);transition:all .4s ease}[data-theme=light] .theme-toggle[data-v-3dc61feb]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}[data-theme=dark] .theme-toggle[data-v-3dc61feb]{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb80,0 0 30px #f093fb4d}[data-theme=dark] .theme-toggle[data-v-3dc61feb]:after{background:linear-gradient(135deg,#1f2937fa,#1f2937f2)}[data-theme=dark] .theme-toggle-icon[data-v-3dc61feb]{filter:drop-shadow(0 2px 6px rgba(255,255,255,.3))}.theme-toggle[data-v-3dc61feb]:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #667eea80,0 0 40px #667eea4d}[data-theme=dark] .theme-toggle[data-v-3dc61feb]:hover{box-shadow:0 8px 25px #f093fb80,0 0 40px #f093fb4d}.theme-toggle[data-v-3dc61feb]:hover:before{opacity:1;animation:rotate-3dc61feb 3s linear infinite}.theme-toggle[data-v-3dc61feb]:active{transform:scale(.95)}.theme-toggle-icon[data-v-3dc61feb]{position:relative;z-index:1;font-size:1.6rem;line-height:1;display:block;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.theme-toggle:hover .theme-toggle-icon[data-v-3dc61feb]{transform:rotate(180deg) scale(1.1)}.theme-toggle:active .theme-toggle-icon[data-v-3dc61feb]{transform:rotate(180deg) scale(.9)}@keyframes rotate-3dc61feb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring-3dc61feb{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.theme-toggle[data-v-3dc61feb]:focus{outline:none}.theme-toggle[data-v-3dc61feb]:focus-visible{box-shadow:0 0 0 4px #667eea4d,0 4px 15px #667eea66}[data-theme=dark] .theme-toggle[data-v-3dc61feb]:focus-visible{box-shadow:0 0 0 4px #f093fb4d,0 4px 15px #f093fb66}.navbar[data-v-e2198fd7]{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;z-index:1000;padding:1rem 0}.nav-container[data-v-e2198fd7]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-logo a[data-v-e2198fd7]{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.nav-logo a[data-v-e2198fd7]:hover{color:var(--secondary-color)}.nav-menu[data-v-e2198fd7]{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link[data-v-e2198fd7]{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link[data-v-e2198fd7]:hover,.nav-link.router-link-active[data-v-e2198fd7]{color:var(--primary-color)}.nav-link.router-link-active[data-v-e2198fd7]:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--primary-color);border-radius:2px}.nav-toggle[data-v-e2198fd7]{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:.5rem;background:none;border:none;outline:none}.nav-toggle[data-v-e2198fd7]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.bar[data-v-e2198fd7]{width:25px;height:3px;background:var(--text-dark);border-radius:3px;transition:all .3s ease}@media (max-width: 768px){.nav-menu[data-v-e2198fd7]{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--bg-white);width:100%;text-align:center;transition:left .3s ease;box-shadow:var(--shadow-lg);padding:2rem 0}.nav-menu.active[data-v-e2198fd7]{left:0}.nav-toggle[data-v-e2198fd7]{display:flex}.nav-toggle.active .bar[data-v-e2198fd7]:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar[data-v-e2198fd7]:nth-child(2){opacity:0}.nav-toggle.active .bar[data-v-e2198fd7]:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}[data-theme=dark] .navbar[data-v-e2198fd7]{background:#1f2937f2}.footer[data-v-f0c4ce89]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0;margin-top:4rem}.container[data-v-f0c4ce89]{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content[data-v-f0c4ce89]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.social-links[data-v-f0c4ce89]{display:flex;gap:1.5rem}.social-links a[data-v-f0c4ce89]{font-size:1.5rem;transition:transform .3s ease;text-decoration:none}.social-links a[data-v-f0c4ce89]:hover{transform:translateY(-3px)}.hidden-cat-btn[data-v-f0c4ce89]{opacity:.3;transition:opacity .3s ease;text-decoration:none;margin-left:.5rem}.hidden-cat-btn[data-v-f0c4ce89]:hover{opacity:1;transform:scale(1.2);display:inline-block}@media (max-width: 768px){.footer-content[data-v-f0c4ce89]{flex-direction:column;text-align:center}}.error-boundary[data-v-98362888]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.error-content[data-v-98362888]{background:var(--bg-white);padding:3rem;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;text-align:center}.error-icon[data-v-98362888]{font-size:5rem;margin-bottom:1.5rem;animation:bounce-98362888 2s infinite}@keyframes bounce-98362888{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.error-content h2[data-v-98362888]{font-size:2rem;color:var(--text-dark);margin-bottom:1rem}.error-message[data-v-98362888]{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.error-details[data-v-98362888]{margin:2rem 0;text-align:left}.details-toggle[data-v-98362888]{background:var(--bg-lighter);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--text-dark);margin-bottom:1rem;transition:all .3s ease}.details-toggle[data-v-98362888]:hover{background:var(--border-color)}.error-stack[data-v-98362888]{background:var(--bg-lighter);padding:1rem;border-radius:8px;font-size:.75rem;color:var(--text-light);overflow-x:auto;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all}.error-actions[data-v-98362888]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn[data-v-98362888]{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border:none}.btn-primary[data-v-98362888]{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-primary[data-v-98362888]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-98362888]{background:var(--bg-lighter);color:var(--text-dark)}.btn-secondary[data-v-98362888]:hover{background:var(--border-color)}.btn-outline[data-v-98362888]{background:transparent;border:2px solid var(--border-color);color:var(--text-dark)}.btn-outline[data-v-98362888]:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.error-content[data-v-98362888]{padding:2rem 1.5rem}.error-icon[data-v-98362888]{font-size:3rem}.error-content h2[data-v-98362888]{font-size:1.5rem}.error-actions[data-v-98362888]{flex-direction:column}.btn[data-v-98362888]{width:100%;justify-content:center}}[data-theme=dark] .error-content[data-v-98362888]{background:var(--bg-white)}[data-theme=dark] .error-content h2[data-v-98362888]{color:var(--text-dark)}[data-theme=dark] .error-stack[data-v-98362888]{background:var(--bg-lighter);color:var(--text-light)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}