:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#667eea;text-decoration:inherit;transition:color .3s ease}a:hover{color:#764ba2}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#667eea;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background-color:#764ba2;transform:translateY(-2px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#764ba2}.navbar[data-v-09cae130]{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container[data-v-09cae130]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-09cae130]{text-decoration:none;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-09cae130]{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link[data-v-09cae130]{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-link[data-v-09cae130]:hover,.nav-link.router-link-active[data-v-09cae130]{color:#667eea}.nav-link.router-link-active[data-v-09cae130]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#667eea}.mobile-menu-toggle[data-v-09cae130]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-toggle span[data-v-09cae130]{width:25px;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.mobile-menu[data-v-09cae130]{display:none;list-style:none;padding:1rem 2rem;margin:0;background:#fff;border-top:1px solid #e0e0e0;flex-direction:column;gap:1rem}.mobile-menu li[data-v-09cae130]{padding:.5rem 0}@media(max-width:768px){.nav-menu[data-v-09cae130]{display:none}.mobile-menu-toggle[data-v-09cae130],.mobile-menu[data-v-09cae130]{display:flex}}.footer[data-v-6d1bf365]{background:#2d3748;color:#fff;margin-top:60px}.footer-container[data-v-6d1bf365]{max-width:1200px;margin:0 auto;padding:3rem 2rem 1rem}.footer-content[data-v-6d1bf365]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3[data-v-6d1bf365]{font-size:1.2rem;margin-bottom:1rem;color:#667eea}.footer-section p[data-v-6d1bf365]{color:#a0aec0;line-height:1.6}.footer-section ul[data-v-6d1bf365]{list-style:none;padding:0;margin:0}.footer-section ul li[data-v-6d1bf365]{margin-bottom:.5rem;color:#a0aec0}.footer-section ul li a[data-v-6d1bf365]{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-section ul li a[data-v-6d1bf365]:hover{color:#667eea}.footer-bottom[data-v-6d1bf365]{text-align:center;padding-top:2rem;border-top:1px solid #4a5568;color:#a0aec0}@media(max-width:768px){.footer-content[data-v-6d1bf365]{grid-template-columns:1fr}}*{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;color:#333;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.home[data-v-5a951554]{min-height:calc(100vh - 200px)}.hero[data-v-5a951554]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px;text-align:center}.hero-content[data-v-5a951554]{max-width:800px;margin:0 auto}.hero-title[data-v-5a951554]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp-5a951554 .8s ease}.hero-subtitle[data-v-5a951554]{font-size:1.5rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp-5a951554 .8s ease .2s both}.btn-primary[data-v-5a951554]{display:inline-block;padding:14px 32px;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp-5a951554 .8s ease .4s both}.btn-primary[data-v-5a951554]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.featured-posts[data-v-5a951554]{padding:80px 20px;background:#f8f9fa}.container[data-v-5a951554]{max-width:1200px;margin:0 auto}.section-title[data-v-5a951554]{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#333}.posts-grid[data-v-5a951554]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.post-card[data-v-5a951554]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.post-card[data-v-5a951554]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.post-image[data-v-5a951554]{width:100%;height:200px;overflow:hidden}.post-image img[data-v-5a951554]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-image img[data-v-5a951554]{transform:scale(1.05)}.post-content[data-v-5a951554]{padding:1.5rem}.post-category[data-v-5a951554]{display:inline-block;padding:4px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:.85rem;margin-bottom:.75rem}.post-title[data-v-5a951554]{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:#333}.post-excerpt[data-v-5a951554]{color:#666;line-height:1.6;margin-bottom:1rem}.post-meta[data-v-5a951554]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.post-date[data-v-5a951554]{color:#999;font-size:.9rem}.post-tags[data-v-5a951554]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-5a951554]{padding:4px 10px;background:#f0f0f0;border-radius:12px;font-size:.8rem;color:#666}@keyframes fadeInUp-5a951554{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title[data-v-5a951554]{font-size:2.5rem}.hero-subtitle[data-v-5a951554]{font-size:1.2rem}.posts-grid[data-v-5a951554]{grid-template-columns:1fr}}.blog-list[data-v-275f8fa7]{min-height:calc(100vh - 200px);padding:40px 20px;background:#f8f9fa}.container[data-v-275f8fa7]{max-width:1000px;margin:0 auto}.page-title[data-v-275f8fa7]{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:#333}.filter-section[data-v-275f8fa7]{margin-bottom:2rem}.category-filter[data-v-275f8fa7]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-btn[data-v-275f8fa7]{padding:8px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:#666}.filter-btn[data-v-275f8fa7]:hover{border-color:#667eea;color:#667eea}.filter-btn.active[data-v-275f8fa7]{background:#667eea;border-color:#667eea;color:#fff}.posts-list[data-v-275f8fa7]{display:flex;flex-direction:column;gap:2rem}.post-item[data-v-275f8fa7]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.post-item[data-v-275f8fa7]:hover{transform:translate(8px);box-shadow:0 8px 16px #00000026}.post-item-image[data-v-275f8fa7]{width:300px;min-width:300px;height:200px;overflow:hidden}.post-item-image img[data-v-275f8fa7]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-item:hover .post-item-image img[data-v-275f8fa7]{transform:scale(1.1)}.post-item-content[data-v-275f8fa7]{flex:1;padding:1.5rem;display:flex;flex-direction:column}.post-category[data-v-275f8fa7]{display:inline-block;padding:4px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:.85rem;margin-bottom:.75rem;width:fit-content}.post-item-title[data-v-275f8fa7]{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:#333}.post-item-excerpt[data-v-275f8fa7]{color:#666;line-height:1.6;margin-bottom:1rem;flex:1}.post-item-meta[data-v-275f8fa7]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.post-date[data-v-275f8fa7]{color:#999;font-size:.9rem}.post-tags[data-v-275f8fa7]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-275f8fa7]{padding:4px 10px;background:#f0f0f0;border-radius:12px;font-size:.8rem;color:#666}.no-posts[data-v-275f8fa7]{text-align:center;padding:60px 20px;color:#999;font-size:1.2rem}@media(max-width:768px){.post-item[data-v-275f8fa7]{flex-direction:column}.post-item-image[data-v-275f8fa7]{width:100%;min-width:100%;height:200px}.post-item[data-v-275f8fa7]:hover{transform:translateY(-4px)}}.blog-detail[data-v-d0fe53fa]{min-height:calc(100vh - 200px);padding:40px 20px;background:#f8f9fa}.container[data-v-d0fe53fa]{max-width:800px;margin:0 auto}.post-article[data-v-d0fe53fa]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.post-header[data-v-d0fe53fa]{padding:2rem;border-bottom:1px solid #e0e0e0}.post-category[data-v-d0fe53fa]{display:inline-block;padding:6px 16px;background:#667eea;color:#fff;border-radius:20px;font-size:.9rem;margin-bottom:1rem}.post-title[data-v-d0fe53fa]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333;line-height:1.2}.post-meta[data-v-d0fe53fa]{display:flex;gap:1.5rem;margin-bottom:1rem;color:#666;font-size:.95rem}.post-tags[data-v-d0fe53fa]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-d0fe53fa]{padding:4px 12px;background:#f0f0f0;border-radius:12px;font-size:.85rem;color:#666}.post-image[data-v-d0fe53fa]{width:100%;height:400px;overflow:hidden}.post-image img[data-v-d0fe53fa]{width:100%;height:100%;object-fit:cover}.post-content[data-v-d0fe53fa]{padding:2rem;line-height:1.8;color:#333;font-size:1.1rem}.post-content[data-v-d0fe53fa] h1{font-size:2rem;margin:2rem 0 1rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:.5rem}.post-content[data-v-d0fe53fa] h2{font-size:1.75rem;margin:1.5rem 0 1rem;color:#333}.post-content[data-v-d0fe53fa] h3{font-size:1.5rem;margin:1.25rem 0 .75rem;color:#333}.post-content[data-v-d0fe53fa] p{margin-bottom:1rem}.post-content[data-v-d0fe53fa] code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.post-content[data-v-d0fe53fa] pre{background:#282c34;color:#abb2bf;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.post-content[data-v-d0fe53fa] pre code{background:transparent;padding:0;color:inherit}.post-content[data-v-d0fe53fa] strong{font-weight:600;color:#333}.post-content[data-v-d0fe53fa] em{font-style:italic}.post-footer[data-v-d0fe53fa]{padding:2rem;border-top:1px solid #e0e0e0}.back-link[data-v-d0fe53fa]{display:inline-block;color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.back-link[data-v-d0fe53fa]:hover{color:#764ba2}.not-found[data-v-d0fe53fa]{text-align:center;padding:80px 20px}.not-found h2[data-v-d0fe53fa]{font-size:2rem;color:#333;margin-bottom:1rem}@media(max-width:768px){.post-title[data-v-d0fe53fa]{font-size:2rem}.post-image[data-v-d0fe53fa]{height:250px}.post-content[data-v-d0fe53fa]{padding:1.5rem;font-size:1rem}.post-content[data-v-d0fe53fa] h1{font-size:1.75rem}.post-content[data-v-d0fe53fa] h2{font-size:1.5rem}}.about[data-v-46125bb5]{min-height:calc(100vh - 200px);padding:60px 20px;background:#f8f9fa}.container[data-v-46125bb5]{max-width:800px;margin:0 auto}.about-content[data-v-46125bb5]{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000001a}.about-header[data-v-46125bb5]{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.about-header h1[data-v-46125bb5]{font-size:2.5rem;color:#333;margin-bottom:.5rem}.subtitle[data-v-46125bb5]{font-size:1.2rem;color:#666}.about-section[data-v-46125bb5]{margin-bottom:2.5rem}.about-section h2[data-v-46125bb5]{font-size:1.75rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea;display:inline-block}.about-section p[data-v-46125bb5]{line-height:1.8;color:#555;margin-bottom:1rem;font-size:1.05rem}.skills[data-v-46125bb5]{display:flex;flex-direction:column;gap:2rem}.skill-category h3[data-v-46125bb5]{font-size:1.3rem;color:#667eea;margin-bottom:1rem}.skill-tags[data-v-46125bb5]{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag[data-v-46125bb5]{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.95rem;font-weight:500}.contact-info[data-v-46125bb5]{display:flex;flex-direction:column;gap:.75rem}.contact-info p[data-v-46125bb5]{font-size:1.1rem;color:#555;margin:0}@media(max-width:768px){.about-content[data-v-46125bb5]{padding:2rem 1.5rem}.about-header h1[data-v-46125bb5]{font-size:2rem}.subtitle[data-v-46125bb5]{font-size:1rem}}