.navigation[data-v-6f37c0cb]{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link[data-v-6f37c0cb]{font-size:var(--font-size-base);color:var(--color-text);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link[data-v-6f37c0cb]:hover,.nav-link.router-link-active[data-v-6f37c0cb]{color:var(--color-primary)}.nav-link.router-link-active[data-v-6f37c0cb]:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:2px}@media (max-width: 768px){.navigation[data-v-6f37c0cb]{gap:var(--spacing-lg)}.nav-link[data-v-6f37c0cb]{font-size:var(--font-size-sm)}}.header[data-v-7717fc60]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border);z-index:100}.nav[data-v-7717fc60]{height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.logo[data-v-7717fc60]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);transition:color var(--transition-fast)}.logo[data-v-7717fc60]:hover{color:var(--color-primary)}.app[data-v-7ec37f87]{min-height:100vh;background:var(--color-background)}.main-content[data-v-7ec37f87]{padding-top:70px}.fade-enter-active[data-v-7ec37f87],.fade-leave-active[data-v-7ec37f87]{transition:opacity .3s ease}.fade-enter-from[data-v-7ec37f87],.fade-leave-to[data-v-7ec37f87]{opacity:0}.hero-section[data-v-47428831]{min-height:calc(100vh - var(--header-height));display:flex;align-items:center}.btn[data-v-6dd964a3]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn[data-v-6dd964a3]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-6dd964a3]{background:var(--color-primary);color:#fff}.btn-primary[data-v-6dd964a3]:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary[data-v-6dd964a3]{background:var(--color-surface);color:var(--color-text)}.btn-secondary[data-v-6dd964a3]:hover:not(:disabled){background:var(--color-border);transform:translateY(-2px)}.btn-outline[data-v-6dd964a3]{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline[data-v-6dd964a3]:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-ghost[data-v-6dd964a3]{background:transparent;color:var(--color-primary)}.btn-ghost[data-v-6dd964a3]:hover:not(:disabled){background:var(--color-surface)}.btn-icon-wrapper[data-v-6dd964a3]{display:flex;align-items:center;font-size:1.2em}.profile-photo[data-v-97b316ac]{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.profile-photo[data-v-97b316ac]:hover{transform:scale(1.05)}.photo-image[data-v-97b316ac]{width:100%;height:100%;object-fit:cover}.photo-overlay[data-v-97b316ac]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#007aff1a,#5856d61a);opacity:0;transition:opacity var(--transition-base)}.profile-photo:hover .photo-overlay[data-v-97b316ac]{opacity:1}@media (max-width: 768px){.profile-photo[data-v-97b316ac]{width:200px;height:200px}}.profile-content[data-v-a1ed27c2]{max-width:600px}.profile-name[data-v-a1ed27c2]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-title[data-v-a1ed27c2]{color:var(--color-text-secondary);font-weight:500}.profile-bio[data-v-a1ed27c2]{font-size:var(--font-size-lg);line-height:1.8}.profile-meta[data-v-a1ed27c2]{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.meta-item[data-v-a1ed27c2]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-base)}.meta-icon[data-v-a1ed27c2]{font-size:1.2em}@media (max-width: 768px){.profile-content[data-v-a1ed27c2]{text-align:center}.profile-meta[data-v-a1ed27c2]{justify-content:center}}.social-links[data-v-47e28797]{display:flex;gap:var(--spacing-md)}.social-link[data-v-47e28797]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-base)}.social-link[data-v-47e28797]:hover{background:var(--color-primary);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.social-links[data-v-47e28797]{justify-content:center}}.hero-content[data-v-8088dc47]{display:flex;justify-content:center;gap:var(--spacing-4xl);flex-wrap:wrap}.action-buttons[data-v-8088dc47]{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center}@media (max-width: 768px){.hero-content[data-v-8088dc47]{flex-direction:column;text-align:center;gap:var(--spacing-2xl)}.action-buttons[data-v-8088dc47]{flex-direction:column;width:100%}.action-buttons[data-v-8088dc47] .btn{width:100%}}.card[data-v-2233da86]{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card-hoverable[data-v-2233da86]{cursor:pointer}.card-hoverable[data-v-2233da86]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image[data-v-2233da86]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border);display:block}.card-image[data-v-2233da86] img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--transition-slow)}.card-hoverable:hover .card-image[data-v-2233da86] img{transform:scale(1.05)}.card-content[data-v-2233da86]{padding:var(--spacing-xl)}.card-header[data-v-2233da86],.card-body[data-v-2233da86]{margin-bottom:var(--spacing-md)}.card-footer[data-v-2233da86]{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.project-title[data-v-d98bebd2]{font-size:var(--font-size-xl);color:var(--color-text)}.project-description[data-v-d98bebd2]{margin-bottom:var(--spacing-lg);line-height:1.6}.project-tech[data-v-d98bebd2]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag[data-v-d98bebd2]{padding:var(--spacing-xs) var(--spacing-md);background:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.project-links[data-v-d98bebd2]{display:flex;gap:var(--spacing-lg)}.project-link[data-v-d98bebd2]{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text);font-weight:500;transition:color var(--transition-fast)}.project-link[data-v-d98bebd2]:hover{color:var(--color-primary)}.project-section[data-v-7972a53e]{margin-bottom:var(--spacing-4xl)}.section-header[data-v-7972a53e]{text-align:center;max-width:700px;margin:0 auto;padding-bottom:4px}.section-title[data-v-7972a53e]{margin-bottom:var(--spacing-md);line-height:1.3;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description[data-v-7972a53e]{font-size:var(--font-size-lg);color:var(--color-text-secondary);padding-bottom:var(--spacing-sm)}.projects-grid[data-v-7972a53e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}@media (max-width: 768px){.projects-grid[data-v-7972a53e]{grid-template-columns:1fr}}.page-header[data-v-8bdbd47b]{padding:var(--spacing-3xl) 0}.page-title[data-v-8bdbd47b]{line-height:1.3;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-8bdbd47b]{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto}:root{--color-primary: #007AFF;--color-secondary: #5856D6;--color-accent: #FF2D55;--color-background: #FFFFFF;--color-surface: #F5F5F7;--color-text: #1D1D1F;--color-text-secondary: #86868B;--color-border: #D2D2D7;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max-width: 1200px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-background);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:var(--font-size-5xl);font-weight:700}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.section{padding:var(--spacing-4xl) 0}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}@media (max-width: 768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem;--spacing-4xl: 3rem}.container{padding:0 var(--spacing-md)}}