@import"https://fonts.googleapis.cn/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0a0b;--bg-card: #141416;--bg-elevated: #1c1c1f;--text-primary: #e8e8ec;--text-secondary: #8a8a95;--text-muted: #55555e;--accent: #22d3ee;--accent-muted: rgba(34, 211, 238, .15);--accent-dark: #06b6d4;--accent-light: rgba(34, 211, 238, .08);--amber: #f59e0b;--amber-light: rgba(245, 158, 11, .12);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--font-display: "Instrument Serif", "Noto Sans SC", Georgia, serif;--font-body: "DM Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Consolas", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition: .22s ease;--transition-slow: .4s ease}@media(prefers-color-scheme:light){:root{--bg-base: #f8f8fa;--bg-card: #ffffff;--bg-elevated: #f0f0f3;--text-primary: #1a1a1e;--text-secondary: #5a5a66;--text-muted: #9a9aa6;--accent: #0891b2;--accent-muted: rgba(8, 145, 178, .12);--accent-dark: #0e7490;--accent-light: rgba(8, 145, 178, .06);--amber: #d97706;--amber-light: rgba(217, 119, 6, .1);--border: rgba(0, 0, 0, .07);--border-hover: rgba(0, 0, 0, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1)}}html{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background-color:var(--accent-muted);color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.anim-stagger{opacity:0;animation:fadeInUp .6s ease forwards}@keyframes avatarGlow{0%,to{box-shadow:0 0 #22d3ee40,var(--shadow-md)}50%{box-shadow:0 0 20px 4px #22d3ee14,var(--shadow-md)}}@media(prefers-color-scheme:light){@keyframes avatarGlow{0%,to{box-shadow:0 0 #0891b233,var(--shadow-md)}50%{box-shadow:0 0 20px 4px #0891b20f,var(--shadow-md)}}}@keyframes blogPulse{0%,to{box-shadow:0 0 #22d3ee59}50%{box-shadow:0 0 0 6px #22d3ee00}}@media(prefers-color-scheme:light){@keyframes blogPulse{0%,to{box-shadow:0 0 #0891b24d}50%{box-shadow:0 0 0 6px #0891b200}}}.page{position:relative;min-height:100vh;padding:0 var(--space-lg);padding-bottom:var(--space-4xl)}.page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.page:after{content:"";position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--accent) 30%,var(--accent) 70%,transparent 95%);z-index:1000;opacity:.7}.container{width:100%;max-width:780px;margin:0 auto}.lang-switch{position:fixed;top:var(--space-lg);right:var(--space-lg);width:38px;height:38px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition);z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lang-switch:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:rotate(15deg) scale(1.05)}.lang-switch:active{transform:rotate(-10deg) scale(.95)}.hero{padding-top:var(--space-4xl);padding-bottom:var(--space-3xl)}.hero-layout{display:flex;align-items:center;gap:var(--space-2xl)}.hero-avatar-col{flex-shrink:0}.avatar{width:110px;height:110px;border-radius:var(--radius-full);border:3px solid var(--bg-elevated);animation:avatarGlow 4s ease-in-out infinite;transition:transform var(--transition)}.avatar:hover{transform:scale(1.04)}.hero-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:110px}.name{font-family:var(--font-display);font-size:2.8rem;font-weight:400;color:var(--text-primary);line-height:1.1;letter-spacing:-.01em;margin-bottom:var(--space-xs)}.name-en{font-family:var(--font-body);font-weight:400;color:var(--text-muted);font-size:1.4rem;margin-left:var(--space-sm);letter-spacing:.02em}.tagline{font-family:var(--font-body);font-size:1.35rem;color:var(--text-secondary);line-height:1.5}.tagline-highlight{color:var(--accent);font-weight:500;font-family:var(--font-mono);font-size:.95em}.quick-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.bio-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.bio-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap}.bio-tag:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.bio-tag-icon{font-size:.95rem;line-height:1}.bio-tag-has-tooltip{position:relative;cursor:pointer}.bio-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:var(--text-primary);color:var(--bg-base);font-size:.78rem;border-radius:var(--radius-sm);white-space:normal;text-align:center;width:max-content;max-width:min(280px,88vw);pointer-events:none;box-shadow:var(--shadow-md);z-index:10;line-height:1.5}.bio-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.bio-tag-has-tooltip:hover .bio-tooltip,.bio-tag-tapped .bio-tooltip{display:block}.social-links{display:flex;align-items:center;gap:var(--space-md)}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.social-link:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-base);transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-link svg{width:20px;height:20px}.social-link-blog{width:auto;padding:0 16px;gap:6px;border-color:var(--accent);color:var(--accent);animation:blogPulse 2.5s ease-in-out infinite}.social-link-blog:hover{background:var(--accent);border-color:var(--accent);color:#fff;animation:none}.social-link-text{font-size:.85rem;font-weight:600}.section{margin-top:var(--space-4xl)}.section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--text-primary);white-space:nowrap}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-hover),transparent 80%);border-radius:1px}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:600px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent-muted),var(--shadow-md)}.project-header{display:flex;align-items:center;gap:var(--space-xs)}.project-icon{font-size:1.15rem;flex-shrink:0;line-height:1}.project-name{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-primary)}.project-star{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--amber);flex-shrink:0}.project-star svg{width:12px;height:12px}.star-icon{color:var(--amber)}.project-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.domains-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.domain-card{display:inline-flex;align-items:center;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);font-family:var(--font-mono)}.domain-card:hover{border-color:var(--accent);background:var(--accent-light);transform:scale(1.02)}.domain-text{white-space:nowrap}.domain-name{font-size:.9rem;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.domain-card:hover .domain-name{color:var(--accent)}.domain-tld{font-size:.9rem;font-weight:400;color:var(--text-muted)}.domain-card:hover .domain-tld{color:var(--accent-dark)}.domain-more-dots{font-size:1.4rem;letter-spacing:.12em;color:var(--text-muted)}.domain-card-more{position:relative;cursor:default;border-style:dashed}.domain-card-more:hover{transform:none;background:var(--bg-card)}.domain-card-more:hover .bio-tooltip{display:block}.footer{margin-top:auto;padding:var(--space-2xl) 0 var(--space-xl);text-align:center}.footer-text{font-size:.85rem;color:var(--text-muted);letter-spacing:.01em}.footer-heart{color:#ef4444}@media(max-width:599px){.page{padding:0 var(--space-md);padding-bottom:var(--space-3xl)}.hero{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.hero-layout{flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.hero-content{height:auto}.name{font-size:2.2rem;justify-content:center}.name-en,.tagline{font-size:1.15rem}.section-title{font-size:1.35rem}.avatar{width:96px;height:96px}.lang-switch{top:var(--space-md);right:var(--space-md)}.project-card{padding:var(--space-md)}}@media(min-width:900px){.page{padding-left:var(--space-xl);padding-right:var(--space-xl)}.hero{padding-top:8rem}.avatar{width:120px;height:120px}.hero-content{height:120px}.name{font-size:3.2rem}.tagline{font-size:1.5rem}}