.avatar-wrapper[data-v-c4a14c03]{position:relative;border-radius:50%;flex-shrink:0;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.avatar-wrapper[data-v-c4a14c03]:hover{transform:scale(1.05)}.avatar-image[data-v-c4a14c03]{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-svg[data-v-c4a14c03]{display:block;border-radius:50%}.avatar-glow[data-v-c4a14c03]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--color-accent) 0%,transparent 60%);opacity:0;z-index:-1;transition:opacity var(--transition-base);filter:blur(8px)}.avatar-wrapper:hover .avatar-glow[data-v-c4a14c03]{opacity:.35}.project-card[data-v-0f184a4e]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);text-align:center;transition:all var(--transition-base);min-height:48px;width:100%}.project-card[data-v-0f184a4e]:hover{border-color:var(--color-accent);background:var(--color-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.project-name[data-v-0f184a4e]{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500}.project-arrow[data-v-0f184a4e]{color:var(--color-muted-foreground);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.project-card:hover .project-arrow[data-v-0f184a4e]{opacity:.6;transform:translate(2px,-2px)}.site-nav[data-v-53367738]{position:fixed;top:0;left:0;right:0;z-index:100;background:color-mix(in srgb,var(--color-background) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner[data-v-53367738]{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-53367738]{display:flex;align-items:center;gap:var(--space-2);color:var(--color-foreground);font-family:var(--font-heading);font-weight:700;font-size:var(--text-base)}.nav-logo-mark[data-v-53367738]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-primary);font-size:var(--text-sm)}.nav-logo-avatar[data-v-53367738]{width:28px;height:28px;display:block;object-fit:cover;border-radius:50%}.nav-links[data-v-53367738]{display:none;align-items:center;gap:var(--space-6)}.nav-link[data-v-53367738]{font-size:var(--text-sm);color:var(--color-muted-foreground);transition:color var(--transition-fast);padding:var(--space-2) 0}.nav-link[data-v-53367738]:hover{color:var(--color-foreground)}.nav-toggle[data-v-53367738]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-foreground);background:transparent;border:1px solid var(--color-border)}.nav-mobile[data-v-53367738]{padding:var(--space-3) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-background);border-bottom:1px solid var(--color-border)}.nav-mobile-link[data-v-53367738]{padding:var(--space-3) var(--space-2);font-size:var(--text-base);color:var(--color-foreground);border-radius:var(--radius-md);transition:background var(--transition-fast)}.nav-mobile-link[data-v-53367738]:hover{background:var(--color-muted)}@media (min-width: 640px){.nav-links[data-v-53367738]{display:flex}.nav-toggle[data-v-53367738]{display:none}}.nav-drop-enter-active[data-v-53367738],.nav-drop-leave-active[data-v-53367738]{transition:opacity .2s ease,transform .2s ease}.nav-drop-enter-from[data-v-53367738],.nav-drop-leave-to[data-v-53367738]{opacity:0;transform:translateY(-8px)}.site-footer[data-v-503551f9]{border-top:1px solid var(--color-border);padding:var(--space-6) 0;margin-top:0;background:transparent}.footer-inner[data-v-503551f9]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.footer-copy[data-v-503551f9]{font-size:var(--text-xs);color:var(--color-muted-foreground)}.footer-beian[data-v-503551f9]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted-foreground);transition:color var(--transition-fast)}.footer-beian[data-v-503551f9]:hover{color:var(--color-accent)}@media (min-width: 640px){.footer-inner[data-v-503551f9]{text-align:center}}.app[data-v-e714d9f2]{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-background);transition:background var(--transition-base)}.main[data-v-e714d9f2]{flex:1;padding:0}.bg-decoration[data-v-e714d9f2]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-blob[data-v-e714d9f2]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.bg-blob-1[data-v-e714d9f2]{width:400px;height:400px;background:var(--color-accent);top:-10%;right:-10%;animation-delay:0s}.bg-blob-2[data-v-e714d9f2]{width:300px;height:300px;background:var(--color-accent);bottom:10%;left:-8%;animation-delay:-7s;opacity:.08}.bg-dots[data-v-e714d9f2]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.4}@media (prefers-color-scheme: dark){.bg-blob[data-v-e714d9f2]{opacity:.08}.bg-blob-1[data-v-e714d9f2]{opacity:.06}.bg-blob-2[data-v-e714d9f2]{opacity:.05}}.theme-toggle[data-v-e714d9f2]{position:fixed;top:calc(var(--header-height) + var(--space-2));right:var(--space-4);z-index:50;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.theme-toggle[data-v-e714d9f2]:hover{background:var(--color-card-hover);box-shadow:var(--shadow-md);transform:rotate(12deg)}.theme-toggle[data-v-e714d9f2]:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (min-width: 768px){.theme-toggle[data-v-e714d9f2]{right:var(--space-6)}}.hero[data-v-e714d9f2]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100dvh;padding:var(--header-height) 0 var(--space-8);opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.hero.visible[data-v-e714d9f2]{opacity:1;transform:translateY(0)}.hero-inner[data-v-e714d9f2]{display:flex;flex-direction:column;align-items:center;gap:0}.hero-avatar[data-v-e714d9f2]{margin-bottom:var(--space-6);animation:fade-in-up .8s ease-out .1s both}.hero-name[data-v-e714d9f2]{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;color:var(--color-foreground);margin-bottom:var(--space-2);animation:fade-in-up .8s ease-out .2s both}.hero-tagline[data-v-e714d9f2]{font-size:var(--text-lg);font-weight:500;color:var(--color-accent);margin-bottom:var(--space-3);animation:fade-in-up .8s ease-out .3s both}.hero-bio[data-v-e714d9f2]{font-size:var(--text-sm);color:var(--color-muted-foreground);max-width:480px;line-height:1.7;margin-bottom:0;animation:fade-in-up .8s ease-out .35s both}.scroll-hint[data-v-e714d9f2]{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);animation:fade-in-up .8s ease-out .7s both}.scroll-hint-arrow[data-v-e714d9f2]{display:block;width:20px;height:20px;color:var(--color-muted-foreground);animation:scroll-hint-e714d9f2 2s ease-in-out infinite}@keyframes scroll-hint-e714d9f2{0%,to{transform:translateY(-4px);opacity:.3}50%{transform:translateY(4px);opacity:1}}@media (min-width: 640px){.hero-name[data-v-e714d9f2]{font-size:var(--text-5xl)}.hero-tagline[data-v-e714d9f2]{font-size:var(--text-xl)}.hero-bio[data-v-e714d9f2]{font-size:var(--text-base)}}.projects-section[data-v-e714d9f2]{padding:var(--space-20) 0 var(--space-16);opacity:0;transform:translateY(20px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.projects-section.visible[data-v-e714d9f2]{opacity:1;transform:translateY(0)}.projects-grid[data-v-e714d9f2]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);justify-items:stretch}@media (max-width: 639px){.projects-grid[data-v-e714d9f2]{grid-template-columns:repeat(2,1fr)}}.quote-section[data-v-e714d9f2]{padding:var(--space-8) 0 var(--space-8)}.quote-text[data-v-e714d9f2]{text-align:center;font-family:var(--font-heading);font-size:var(--text-sm);line-height:1.8;color:var(--color-muted-foreground);font-style:italic;max-width:480px;margin:0 auto}.contact-section[data-v-e714d9f2]{padding:var(--space-12) 0 var(--space-16)}.contact-desc[data-v-e714d9f2]{text-align:center;font-size:var(--text-sm);color:var(--color-muted-foreground);margin-bottom:var(--space-4)}.contact-grid[data-v-e714d9f2]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.contact-btn[data-v-e714d9f2]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-base);min-height:40px}.contact-btn[data-v-e714d9f2]:hover{border-color:var(--link-color);background:color-mix(in srgb,var(--link-color) 8%,var(--color-card));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.section-label[data-v-e714d9f2]{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted-foreground);text-align:center;margin-bottom:var(--space-4)}:root{--color-primary: #18181b;--color-on-primary: #ffffff;--color-secondary: #3f3f46;--color-accent: #dc2626;--color-accent-soft: #fef2f2;--color-accent-light: #fee2e2;--color-background: #fafafa;--color-foreground: #09090b;--color-muted: #f1f5f9;--color-muted-foreground: #71717a;--color-border: #e4e4e7;--color-card: #ffffff;--color-card-hover: #f8fafc;--color-ring: #18181b;--color-destructive: #dc2626;--font-body: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--font-heading: "Archivo", "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgb(37 99 235 / .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 720px;--header-height: 3.5rem}@media (prefers-color-scheme: dark){:root{--color-primary: #fafafa;--color-on-primary: #09090b;--color-secondary: #a1a1aa;--color-accent: #f87171;--color-accent-soft: #2d1a1a;--color-accent-light: #3d1f1f;--color-background: #09090b;--color-foreground: #fafafa;--color-muted: #18181b;--color-muted-foreground: #a1a1aa;--color-border: #27272a;--color-card: #18181b;--color-card-hover: #1f1f23;--color-ring: #fafafa;--shadow-glow: 0 0 20px rgb(248 113 113 / .15)}}[data-theme=dark]{--color-primary: #fafafa;--color-on-primary: #09090b;--color-secondary: #a1a1aa;--color-accent: #f87171;--color-accent-soft: #2d1a1a;--color-accent-light: #3d1f1f;--color-background: #09090b;--color-foreground: #fafafa;--color-muted: #18181b;--color-muted-foreground: #a1a1aa;--color-border: #27272a;--color-card: #18181b;--color-card-hover: #1f1f23;--color-ring: #fafafa;--shadow-glow: 0 0 20px rgb(248 113 113 / .15)}[data-theme=light]{--color-primary: #18181b;--color-on-primary: #ffffff;--color-secondary: #3f3f46;--color-accent: #dc2626;--color-accent-soft: #fef2f2;--color-accent-light: #fee2e2;--color-background: #fafafa;--color-foreground: #09090b;--color-muted: #f1f5f9;--color-muted-foreground: #71717a;--color-border: #e4e4e7;--color-card: #ffffff;--color-card-hover: #f8fafc;--color-ring: #18181b;--shadow-glow: 0 0 20px rgb(220 38 38 / .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes pulse-soft{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-foreground)}