.main-content{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 100px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px;height:20px}.hamburger span{display:block;width:100%;height:2px;background:var(--text-color);transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav-links{position:fixed;top:var(--header-height);left:0;right:0;background:#fff;flex-direction:column;padding:2rem 1rem;gap:1.5rem;box-shadow:0 4px 6px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;max-height:calc(100vh - var(--header-height));overflow-y:auto}.nav-links.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:.75rem 1rem;font-size:1.1rem;border-radius:8px;transition:background .3s}.nav-links a:hover,.nav-links a.router-link-active{background:var(--bg-secondary)}.nav-links a.router-link-active:after{display:none}}.hero[data-v-0633a69a]{min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:4rem 2rem}.hero-content[data-v-0633a69a]{max-width:800px}.hero-title[data-v-0633a69a]{font-size:3.5rem;margin-bottom:1rem;animation:fadeInUp-0633a69a .8s ease-out}.highlight[data-v-0633a69a]{color:#fbbf24}.hero-subtitle[data-v-0633a69a]{font-size:1.5rem;margin-bottom:1rem;opacity:.95;animation:fadeInUp-0633a69a .8s ease-out .2s both}.hero-description[data-v-0633a69a]{font-size:1.2rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp-0633a69a .8s ease-out .4s both}.hero-buttons[data-v-0633a69a]{display:flex;gap:1rem;justify-content:center;animation:fadeInUp-0633a69a .8s ease-out .6s both}.btn[data-v-0633a69a]{padding:1rem 2rem;font-size:1.1rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block}.btn-primary[data-v-0633a69a]{background:#fff;color:#667eea}.btn-primary[data-v-0633a69a]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary[data-v-0633a69a]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-0633a69a]:hover{background:#fff;color:#667eea}.btn-outline[data-v-0633a69a]{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline[data-v-0633a69a]:hover{background:#667eea;color:#fff}.section[data-v-0633a69a]{padding:5rem 2rem}.section[data-v-0633a69a]:nth-child(2n){background:#f9fafb}.highlights-grid[data-v-0633a69a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.highlight-card[data-v-0633a69a]{text-align:center;padding:2rem}.highlight-icon[data-v-0633a69a]{font-size:3rem;margin-bottom:1rem}.highlight-card h3[data-v-0633a69a]{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.highlight-card p[data-v-0633a69a]{color:#6b7280;line-height:1.6}.work-grid[data-v-0633a69a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.work-card[data-v-0633a69a]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.work-card[data-v-0633a69a]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.work-image[data-v-0633a69a]{height:200px;display:flex;align-items:center;justify-content:center}.work-icon[data-v-0633a69a]{font-size:4rem}.work-info[data-v-0633a69a]{padding:1.5rem}.work-info h3[data-v-0633a69a]{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.work-info p[data-v-0633a69a]{color:#6b7280;margin-bottom:1rem;line-height:1.6}.work-tags[data-v-0633a69a]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-0633a69a]{padding:.25rem .75rem;background:#e0e7ff;color:#4f46e5;border-radius:20px;font-size:.875rem}.posts-grid[data-v-0633a69a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.post-card[data-v-0633a69a]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.post-card[data-v-0633a69a]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.post-date[data-v-0633a69a]{color:#667eea;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.post-card h3[data-v-0633a69a]{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.post-card p[data-v-0633a69a]{color:#6b7280;line-height:1.6;margin-bottom:1rem}.read-more[data-v-0633a69a]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.read-more[data-v-0633a69a]:hover{color:#764ba2}.text-center[data-v-0633a69a]{text-align:center;margin-top:2rem}@keyframes fadeInUp-0633a69a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.work-grid[data-v-0633a69a],.posts-grid[data-v-0633a69a]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.hero[data-v-0633a69a]{min-height:500px;padding:3rem 1.5rem}.hero-title[data-v-0633a69a]{font-size:2rem;line-height:1.2}.hero-subtitle[data-v-0633a69a]{font-size:1rem;line-height:1.4}.hero-description[data-v-0633a69a]{font-size:1rem}.hero-buttons[data-v-0633a69a]{flex-direction:column;align-items:stretch;gap:.75rem}.btn[data-v-0633a69a]{width:100%;max-width:100%;padding:.875rem 1.5rem;font-size:1rem}.section[data-v-0633a69a]{padding:3rem 1rem}.highlights-grid[data-v-0633a69a]{grid-template-columns:1fr;gap:1.5rem}.highlight-card[data-v-0633a69a]{padding:1.5rem}.work-grid[data-v-0633a69a],.posts-grid[data-v-0633a69a]{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.work-info h3[data-v-0633a69a],.post-card h3[data-v-0633a69a]{font-size:1.25rem}}@media (max-width: 480px){.hero[data-v-0633a69a]{min-height:450px;padding:2.5rem 1rem}.hero-title[data-v-0633a69a]{font-size:1.75rem}.hero-subtitle[data-v-0633a69a]{font-size:.9rem}.hero-description[data-v-0633a69a]{font-size:.95rem}.section[data-v-0633a69a]{padding:2.5rem 1rem}.highlight-icon[data-v-0633a69a]{font-size:2.5rem}.work-icon[data-v-0633a69a]{font-size:3rem}}.page-header[data-v-3f3bd20a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.page-header h1[data-v-3f3bd20a]{font-size:3rem;margin-bottom:1rem}.page-header p[data-v-3f3bd20a]{font-size:1.2rem;opacity:.9}.section[data-v-3f3bd20a]{padding:4rem 2rem}.filter-tabs[data-v-3f3bd20a]{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.filter-btn[data-v-3f3bd20a]{padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:50px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s}.filter-btn[data-v-3f3bd20a]:hover{border-color:#667eea;color:#667eea}.filter-btn.active[data-v-3f3bd20a]{background:#667eea;border-color:#667eea;color:#fff}.projects-grid[data-v-3f3bd20a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card[data-v-3f3bd20a]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.project-card[data-v-3f3bd20a]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.project-image[data-v-3f3bd20a]{height:200px;display:flex;align-items:center;justify-content:center}.project-icon[data-v-3f3bd20a]{font-size:5rem}.project-content[data-v-3f3bd20a]{padding:1.5rem}.project-category[data-v-3f3bd20a]{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#4f46e5;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.project-content h3[data-v-3f3bd20a]{font-size:1.5rem;margin-bottom:.75rem;color:#1f2937}.project-content p[data-v-3f3bd20a]{color:#6b7280;line-height:1.6;margin-bottom:1rem}.project-tech[data-v-3f3bd20a]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tech-tag[data-v-3f3bd20a]{padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:4px;font-size:.875rem}.project-links[data-v-3f3bd20a]{display:flex;gap:1rem}.project-link[data-v-3f3bd20a]{padding:.5rem 1rem;background:#667eea;color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:600;transition:background .3s}.project-link[data-v-3f3bd20a]:hover{background:#764ba2}@media (max-width: 968px){.projects-grid[data-v-3f3bd20a]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.page-header[data-v-3f3bd20a]{padding:3rem 1.5rem}.page-header h1[data-v-3f3bd20a]{font-size:2rem}.page-header p[data-v-3f3bd20a]{font-size:1rem}.section[data-v-3f3bd20a]{padding:2.5rem 1rem}.filter-tabs[data-v-3f3bd20a]{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;gap:.75rem;-webkit-overflow-scrolling:touch}.filter-tabs[data-v-3f3bd20a]::-webkit-scrollbar{display:none}.filter-btn[data-v-3f3bd20a]{padding:.625rem 1.25rem;font-size:.9rem;white-space:nowrap;flex-shrink:0}.projects-grid[data-v-3f3bd20a]{grid-template-columns:1fr;gap:1.5rem}.project-content[data-v-3f3bd20a]{padding:1.25rem}.project-content h3[data-v-3f3bd20a]{font-size:1.3rem}.project-content p[data-v-3f3bd20a]{font-size:.95rem}.project-links[data-v-3f3bd20a]{flex-wrap:wrap}.project-link[data-v-3f3bd20a]{flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.page-header[data-v-3f3bd20a]{padding:2.5rem 1rem}.page-header h1[data-v-3f3bd20a]{font-size:1.75rem}.section[data-v-3f3bd20a]{padding:2rem 1rem}.filter-btn[data-v-3f3bd20a]{padding:.5rem 1rem;font-size:.85rem}.project-icon[data-v-3f3bd20a]{font-size:4rem}.project-content h3[data-v-3f3bd20a]{font-size:1.2rem}}.page-header[data-v-aa19b5dc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.page-header h1[data-v-aa19b5dc]{font-size:3rem;margin-bottom:1rem}.page-header p[data-v-aa19b5dc]{font-size:1.2rem;opacity:.9}.section[data-v-aa19b5dc]{padding:4rem 2rem;background:#f9fafb}.blog-layout[data-v-aa19b5dc]{display:grid;grid-template-columns:1fr 320px;gap:3rem;max-width:1200px;margin:0 auto}.blog-posts[data-v-aa19b5dc]{display:flex;flex-direction:column;gap:2rem}.posts-info[data-v-aa19b5dc]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;font-size:.875rem;color:#6b7280;box-shadow:0 1px 3px #0000001a}.no-results[data-v-aa19b5dc]{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.no-results-icon[data-v-aa19b5dc]{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3[data-v-aa19b5dc]{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.no-results p[data-v-aa19b5dc]{color:#6b7280;margin-bottom:1.5rem}.clear-all-btn[data-v-aa19b5dc]{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.clear-all-btn[data-v-aa19b5dc]:hover{background:#764ba2}.post-item[data-v-aa19b5dc]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:transform .3s,box-shadow .3s}.post-item[data-v-aa19b5dc]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.post-header[data-v-aa19b5dc]{margin-bottom:1rem}.post-meta[data-v-aa19b5dc]{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem}.post-date[data-v-aa19b5dc]{color:#6b7280}.post-category[data-v-aa19b5dc]{padding:.25rem .75rem;background:#e0e7ff;color:#4f46e5;border-radius:20px;font-weight:600}.post-header a[data-v-aa19b5dc]{text-decoration:none}.post-header h2[data-v-aa19b5dc]{font-size:1.75rem;color:#1f2937;margin-bottom:.5rem;cursor:pointer;transition:color .3s}.post-header a:hover h2[data-v-aa19b5dc]{color:#667eea}.post-excerpt[data-v-aa19b5dc]{color:#6b7280;line-height:1.8;margin-bottom:1rem}.post-tags[data-v-aa19b5dc]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag[data-v-aa19b5dc]{padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:4px;font-size:.875rem}.post-footer[data-v-aa19b5dc]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.post-stats[data-v-aa19b5dc]{display:flex;gap:1.5rem;font-size:.875rem;color:#6b7280}.read-more-btn[data-v-aa19b5dc]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.read-more-btn[data-v-aa19b5dc]:hover{color:#764ba2}.pagination[data-v-aa19b5dc]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.page-btn[data-v-aa19b5dc]{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .3s}.page-btn[data-v-aa19b5dc]:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn[data-v-aa19b5dc]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-aa19b5dc]{display:flex;gap:.5rem}.page-num[data-v-aa19b5dc]{min-width:40px;height:40px;padding:0 .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .3s}.page-num[data-v-aa19b5dc]:hover:not(.active):not(.dots){border-color:#667eea;color:#667eea}.page-num.active[data-v-aa19b5dc]{background:#667eea;border-color:#667eea;color:#fff}.page-num.dots[data-v-aa19b5dc]{cursor:default;border:none}.page-num.dots[data-v-aa19b5dc]:hover{background:#fff;color:inherit}.blog-sidebar[data-v-aa19b5dc]{display:flex;flex-direction:column;gap:2rem}.sidebar-widget[data-v-aa19b5dc]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}.sidebar-widget h3[data-v-aa19b5dc]{font-size:1.25rem;margin-bottom:1rem;color:#1f2937}.search-box[data-v-aa19b5dc]{display:flex;gap:.5rem;position:relative}.search-box input[data-v-aa19b5dc]{flex:1;padding:.5rem 2.5rem .5rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:border-color .3s}.search-box input[data-v-aa19b5dc]:focus{outline:none;border-color:#667eea}.clear-btn[data-v-aa19b5dc]{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;background:transparent;color:#9ca3af;border:none;cursor:pointer;font-size:1rem;transition:color .3s}.clear-btn[data-v-aa19b5dc]:hover{color:#ef4444}.search-btn[data-v-aa19b5dc]{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s;flex-shrink:0}.search-btn[data-v-aa19b5dc]:hover{background:#764ba2}.search-info[data-v-aa19b5dc]{margin-top:.75rem;padding:.5rem;background:#f0f9ff;border-left:3px solid #667eea;color:#1e40af;font-size:.875rem;border-radius:4px}.category-list[data-v-aa19b5dc]{list-style:none}.category-list li[data-v-aa19b5dc]{margin-bottom:.5rem}.category-list a[data-v-aa19b5dc]{color:#374151;text-decoration:none;display:flex;justify-content:space-between;padding:.5rem;border-radius:6px;transition:all .3s}.category-list a[data-v-aa19b5dc]:hover{color:#667eea;background:#f3f4f6}.category-list a.active[data-v-aa19b5dc]{color:#667eea;background:#e0e7ff;font-weight:600}.category-list span[data-v-aa19b5dc]{color:#9ca3af;font-size:.875rem}.tag-cloud[data-v-aa19b5dc]{display:flex;flex-wrap:wrap;gap:.5rem}.cloud-tag[data-v-aa19b5dc]{padding:.5rem 1rem;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:20px;font-size:.875rem;transition:all .3s}.cloud-tag[data-v-aa19b5dc]:hover{background:#667eea;color:#fff}.recent-posts[data-v-aa19b5dc]{list-style:none}.recent-posts li[data-v-aa19b5dc]{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.recent-posts li[data-v-aa19b5dc]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recent-posts a[data-v-aa19b5dc]{color:#374151;text-decoration:none;display:block;margin-bottom:.25rem;transition:color .3s;font-size:.95rem}.recent-posts a[data-v-aa19b5dc]:hover{color:#667eea}.mini-date[data-v-aa19b5dc]{font-size:.75rem;color:#9ca3af}@media (max-width: 968px){.blog-layout[data-v-aa19b5dc]{grid-template-columns:1fr;gap:2rem}.blog-sidebar[data-v-aa19b5dc]{order:-1}.sidebar-widget[data-v-aa19b5dc]{padding:1.25rem}}@media (max-width: 768px){.page-header[data-v-aa19b5dc]{padding:3rem 1.5rem}.page-header h1[data-v-aa19b5dc]{font-size:2rem}.page-header p[data-v-aa19b5dc]{font-size:1rem}.section[data-v-aa19b5dc]{padding:2.5rem 1rem}.post-item[data-v-aa19b5dc]{padding:1.5rem}.post-header h2[data-v-aa19b5dc]{font-size:1.35rem;line-height:1.3}.post-excerpt[data-v-aa19b5dc]{font-size:.95rem}.post-footer[data-v-aa19b5dc]{flex-direction:column;gap:1rem;align-items:flex-start}.posts-info[data-v-aa19b5dc]{flex-direction:column;gap:.5rem;text-align:center;padding:.875rem}.pagination[data-v-aa19b5dc]{flex-wrap:wrap;gap:.5rem}.page-btn[data-v-aa19b5dc]{padding:.5rem .875rem;font-size:.9rem}.page-num[data-v-aa19b5dc]{min-width:36px;height:36px;font-size:.9rem}.page-numbers[data-v-aa19b5dc]{order:3;width:100%;justify-content:center}.search-box[data-v-aa19b5dc]{flex-direction:column}.search-box input[data-v-aa19b5dc]{padding-right:.75rem}.clear-btn[data-v-aa19b5dc]{display:none}.search-btn[data-v-aa19b5dc]{width:100%}}@media (max-width: 480px){.page-header[data-v-aa19b5dc]{padding:2.5rem 1rem}.page-header h1[data-v-aa19b5dc]{font-size:1.75rem}.post-item[data-v-aa19b5dc]{padding:1.25rem}.post-header h2[data-v-aa19b5dc]{font-size:1.2rem}.post-meta[data-v-aa19b5dc]{flex-wrap:wrap;gap:.5rem;font-size:.8rem}.post-tags[data-v-aa19b5dc]{gap:.375rem}.tag[data-v-aa19b5dc]{font-size:.8rem;padding:.2rem .6rem}}.loading[data-v-b6250236]{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner[data-v-b6250236]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin-b6250236 1s linear infinite}@keyframes spin-b6250236{to{transform:rotate(360deg)}}.not-found[data-v-b6250236]{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found h1[data-v-b6250236]{font-size:5rem;margin-bottom:1rem}.not-found h2[data-v-b6250236]{font-size:2rem;color:#6b7280;margin-bottom:2rem}.back-btn[data-v-b6250236]{padding:1rem 2rem;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .3s}.back-btn[data-v-b6250236]:hover{background:#764ba2}.article-header[data-v-b6250236]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem 3rem}.back-link[data-v-b6250236]{color:#fff;text-decoration:none;font-weight:600;display:inline-block;margin-bottom:2rem;opacity:.9;transition:opacity .3s}.back-link[data-v-b6250236]:hover{opacity:1}.article-meta[data-v-b6250236]{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.category[data-v-b6250236]{padding:.25rem .75rem;background:#fff3;border-radius:20px;font-size:.875rem;font-weight:600}.date[data-v-b6250236],.author[data-v-b6250236]{font-size:.875rem;opacity:.9}.article-title[data-v-b6250236]{font-size:3rem;margin-bottom:1rem;line-height:1.2}.article-stats[data-v-b6250236]{display:flex;gap:1.5rem;margin-bottom:1.5rem;font-size:.875rem;opacity:.9}.article-tags[data-v-b6250236]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-b6250236]{padding:.5rem 1rem;background:#fff3;border-radius:20px;font-size:.875rem}.article-body[data-v-b6250236]{padding:4rem 2rem;background:#fff}.content[data-v-b6250236]{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#374151}.content[data-v-b6250236] h1{font-size:2.5rem;margin:2rem 0 1rem;color:#1f2937}.content[data-v-b6250236] h2{font-size:2rem;margin:2rem 0 1rem;color:#1f2937}.content[data-v-b6250236] h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:#1f2937}.content[data-v-b6250236] p{margin-bottom:1.5rem}.content[data-v-b6250236] ul,.content[data-v-b6250236] ol{margin-bottom:1.5rem;padding-left:2rem}.content[data-v-b6250236] li{margin-bottom:.5rem}.content[data-v-b6250236] code{background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.content[data-v-b6250236] pre{background:#1f2937;color:#f3f4f6;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.content[data-v-b6250236] pre code{background:none;padding:0;color:inherit;font-size:.9rem}.content[data-v-b6250236] blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.content[data-v-b6250236] a{color:#667eea;text-decoration:none;border-bottom:1px solid #667eea;transition:color .3s}.content[data-v-b6250236] a:hover{color:#764ba2;border-bottom-color:#764ba2}.content[data-v-b6250236] img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-footer[data-v-b6250236]{padding:3rem 2rem;background:#f9fafb}.share-section[data-v-b6250236]{text-align:center;margin-bottom:3rem}.share-section h3[data-v-b6250236]{font-size:1.5rem;margin-bottom:1.5rem;color:#1f2937}.share-buttons[data-v-b6250236]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-btn[data-v-b6250236]{padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.share-btn[data-v-b6250236]:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.navigation[data-v-b6250236]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.nav-link[data-v-b6250236]{background:#fff;padding:1.5rem;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s}.nav-link[data-v-b6250236]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.nav-link.prev[data-v-b6250236]{text-align:left}.nav-link.next[data-v-b6250236]{text-align:right}.nav-label[data-v-b6250236]{font-size:.875rem;color:#667eea;font-weight:600}.nav-title[data-v-b6250236]{font-size:1.1rem;color:#1f2937;font-weight:600}@media (max-width: 768px){.article-header[data-v-b6250236]{padding:3rem 1.5rem 2.5rem}.article-title[data-v-b6250236]{font-size:1.75rem;line-height:1.3}.article-meta[data-v-b6250236]{flex-wrap:wrap;gap:.75rem;font-size:.8rem}.article-stats[data-v-b6250236]{flex-wrap:wrap;gap:1rem}.article-tags[data-v-b6250236]{gap:.375rem}.tag[data-v-b6250236]{font-size:.8rem;padding:.375rem .875rem}.article-body[data-v-b6250236]{padding:2.5rem 1rem}.content[data-v-b6250236]{font-size:1rem;line-height:1.7}.content[data-v-b6250236] h1{font-size:1.65rem;margin:1.5rem 0 .875rem}.content[data-v-b6250236] h2{font-size:1.4rem;margin:1.5rem 0 .875rem}.content[data-v-b6250236] h3{font-size:1.2rem;margin:1.25rem 0 .75rem}.content[data-v-b6250236] p{margin-bottom:1.25rem}.content[data-v-b6250236] pre{padding:1rem;font-size:.85rem;overflow-x:auto}.content[data-v-b6250236] code{font-size:.875em}.content[data-v-b6250236] blockquote{padding-left:1rem;margin:1.25rem 0}.article-footer[data-v-b6250236]{padding:2.5rem 1rem}.share-section h3[data-v-b6250236]{font-size:1.25rem}.share-buttons[data-v-b6250236]{flex-direction:column;align-items:stretch}.share-btn[data-v-b6250236]{width:100%}.navigation[data-v-b6250236]{grid-template-columns:1fr;gap:1.5rem}.nav-link[data-v-b6250236]{padding:1.25rem}.nav-title[data-v-b6250236]{font-size:1rem}}@media (max-width: 480px){.article-header[data-v-b6250236]{padding:2.5rem 1rem 2rem}.article-title[data-v-b6250236]{font-size:1.5rem}.article-body[data-v-b6250236]{padding:2rem 1rem}.content[data-v-b6250236] h1{font-size:1.5rem}.content[data-v-b6250236] h2{font-size:1.3rem}.content[data-v-b6250236] h3{font-size:1.15rem}}.page-header[data-v-30f46132]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center}.page-header h1[data-v-30f46132]{font-size:3rem;margin-bottom:1rem}.page-header p[data-v-30f46132]{font-size:1.2rem;opacity:.9}.section[data-v-30f46132]{padding:5rem 2rem}.section[data-v-30f46132]:nth-child(2n){background:#f9fafb}.section-title[data-v-30f46132]{font-size:2.5rem;text-align:center;margin-bottom:3rem;position:relative;color:#1f2937}.section-title[data-v-30f46132]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.intro-grid[data-v-30f46132]{display:grid;grid-template-columns:300px 1fr;gap:4rem;align-items:center;max-width:1000px;margin:0 auto}.avatar[data-v-30f46132]{width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:8rem;box-shadow:0 10px 30px #0003}.intro-content h2[data-v-30f46132]{font-size:2.5rem;margin-bottom:.5rem;color:#1f2937}.intro-title[data-v-30f46132]{font-size:1.5rem;color:#667eea;font-weight:600;margin-bottom:1.5rem}.intro-text[data-v-30f46132]{color:#6b7280;line-height:1.8;margin-bottom:1rem;font-size:1.1rem}.social-links[data-v-30f46132]{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.social-link[data-v-30f46132]{padding:.75rem 1.5rem;background:#667eea;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.social-link[data-v-30f46132]:hover{background:#764ba2;transform:translateY(-2px)}.skills-grid[data-v-30f46132]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category[data-v-30f46132]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.skill-category h3[data-v-30f46132]{font-size:1.5rem;margin-bottom:1.5rem;color:#1f2937}.skills-list[data-v-30f46132]{display:flex;flex-direction:column;gap:1.5rem}.skill-header[data-v-30f46132]{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name[data-v-30f46132]{font-weight:600;color:#374151}.skill-percentage[data-v-30f46132]{color:#667eea;font-weight:600}.skill-bar-container[data-v-30f46132]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.skill-bar[data-v-30f46132]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width 1s ease-out}.timeline[data-v-30f46132]{max-width:800px;margin:0 auto;position:relative;padding-left:2rem}.timeline[data-v-30f46132]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item[data-v-30f46132]{position:relative;margin-bottom:3rem}.timeline-marker[data-v-30f46132]{position:absolute;left:-2.5rem;top:0;width:16px;height:16px;border-radius:50%;background:#667eea;border:3px solid white;box-shadow:0 0 0 3px #e5e7eb}.timeline-content[data-v-30f46132]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.timeline-date[data-v-30f46132]{color:#667eea;font-weight:600;margin-bottom:.5rem}.timeline-content h3[data-v-30f46132]{font-size:1.5rem;color:#1f2937;margin-bottom:.25rem}.timeline-content h4[data-v-30f46132]{font-size:1.1rem;color:#6b7280;margin-bottom:1rem}.timeline-list[data-v-30f46132]{list-style:none;padding-left:0}.timeline-list li[data-v-30f46132]{color:#6b7280;line-height:1.8;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-list li[data-v-30f46132]:before{content:"▸";position:absolute;left:0;color:#667eea}.education-grid[data-v-30f46132]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:900px;margin:0 auto}.education-card[data-v-30f46132]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.education-icon[data-v-30f46132]{font-size:4rem;margin-bottom:1rem}.education-card h3[data-v-30f46132]{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.education-card h4[data-v-30f46132]{font-size:1.2rem;color:#667eea;margin-bottom:.5rem}.education-period[data-v-30f46132]{color:#6b7280;margin-bottom:1rem}.education-desc[data-v-30f46132]{color:#6b7280;line-height:1.6}.interests-grid[data-v-30f46132]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.interest-card[data-v-30f46132]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s,box-shadow .3s}.interest-card[data-v-30f46132]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.interest-icon[data-v-30f46132]{font-size:3rem;margin-bottom:1rem}.interest-card h3[data-v-30f46132]{font-size:1.25rem;color:#1f2937;margin-bottom:.5rem}.interest-card p[data-v-30f46132]{color:#6b7280;line-height:1.6}.contact-content[data-v-30f46132]{max-width:800px;margin:0 auto;text-align:center}.contact-intro[data-v-30f46132]{font-size:1.2rem;color:#6b7280;margin-bottom:3rem;line-height:1.8}.contact-info[data-v-30f46132]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-item[data-v-30f46132]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:1rem;text-align:left}.contact-icon[data-v-30f46132]{font-size:2.5rem}.contact-item h4[data-v-30f46132]{font-size:1.1rem;color:#1f2937;margin-bottom:.25rem}.contact-item p[data-v-30f46132],.contact-item a[data-v-30f46132]{color:#6b7280;text-decoration:none}.contact-item a[data-v-30f46132]:hover{color:#667eea}@media (max-width: 968px){.intro-grid[data-v-30f46132]{grid-template-columns:1fr;text-align:center;gap:2.5rem}.avatar[data-v-30f46132]{margin:0 auto}.social-links[data-v-30f46132]{justify-content:center}.skills-grid[data-v-30f46132]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.page-header[data-v-30f46132]{padding:3rem 1.5rem}.page-header h1[data-v-30f46132]{font-size:2rem}.page-header p[data-v-30f46132]{font-size:1rem}.section[data-v-30f46132]{padding:3rem 1rem}.section-title[data-v-30f46132]{font-size:1.75rem;margin-bottom:2rem}.intro-content h2[data-v-30f46132]{font-size:1.75rem}.intro-title[data-v-30f46132]{font-size:1.25rem}.intro-text[data-v-30f46132]{font-size:1rem}.avatar[data-v-30f46132]{width:180px;height:180px;font-size:5.5rem}.social-links[data-v-30f46132]{flex-direction:column;align-items:stretch}.social-link[data-v-30f46132]{width:100%;text-align:center}.skills-grid[data-v-30f46132]{grid-template-columns:1fr;gap:1.5rem}.skill-category[data-v-30f46132]{padding:1.5rem}.timeline[data-v-30f46132]{padding-left:1.5rem}.timeline-content[data-v-30f46132]{padding:1.25rem}.timeline-content h3[data-v-30f46132]{font-size:1.25rem}.timeline-content h4[data-v-30f46132]{font-size:1rem}.education-grid[data-v-30f46132]{grid-template-columns:1fr}.education-card[data-v-30f46132]{padding:1.5rem}.interests-grid[data-v-30f46132]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.interest-card[data-v-30f46132]{padding:1.5rem}.contact-info[data-v-30f46132]{grid-template-columns:1fr}.contact-item[data-v-30f46132]{padding:1.5rem}}@media (max-width: 480px){.page-header[data-v-30f46132]{padding:2.5rem 1rem}.page-header h1[data-v-30f46132]{font-size:1.75rem}.section[data-v-30f46132]{padding:2.5rem 1rem}.section-title[data-v-30f46132],.intro-content h2[data-v-30f46132]{font-size:1.5rem}.avatar[data-v-30f46132]{width:150px;height:150px;font-size:4.5rem}.interests-grid[data-v-30f46132]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #1f2937;--text-light: #6b7280;--bg-color: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--header-height: 70px}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-color);line-height:1.6;background:var(--bg-color);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;z-index:100}.nav{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.router-link-active{color:var(--primary-color)}.nav-links a.router-link-active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;position:relative;color:#1f2937}.footer{background:var(--text-color);color:#fff;text-align:center;padding:2rem 1rem;margin-top:auto}@media (max-width: 768px){:root{--header-height: 60px}.nav{padding:.75rem 1rem}.logo{font-size:1.25rem}.nav-links{gap:1rem;font-size:.9rem}.container{padding:0 1rem}.section-title{font-size:1.75rem;margin-bottom:2rem}}@media (max-width: 480px){.nav-links{gap:.75rem;font-size:.85rem}.nav-links a{padding:.25rem 0}}