:root{--color-bg: #fafafa;--color-bg-alt: #f0f0f0;--color-text: #1a1a1a;--color-text-secondary: #666;--color-text-muted: #999;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e5e5e5;--color-card-bg: #fff;--color-footer-bg: #1a1a1a;--color-footer-text: #aaa;--font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Noto Sans SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--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;--max-width: 800px;--header-height: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:#fafafae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.header-logo:hover{color:var(--color-accent)}.header-nav{display:flex;gap:var(--space-lg)}.header-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.header-nav a:hover{color:var(--color-accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text);transition:transform var(--transition-fast),opacity var(--transition-fast)}.section{padding:var(--space-4xl) 0}.section-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xl);color:var(--color-text)}.hero{padding:var(--space-4xl) 0;text-align:center}.hero-name{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-md)}.hero-title{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.hero-tagline{font-size:var(--text-base);color:var(--color-text-muted);max-width:500px;margin:0 auto;line-height:1.8}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-2xl) 0;text-align:center;font-size:var(--text-sm)}.footer-copyright{margin-bottom:var(--space-sm)}.footer-icp a{color:var(--color-footer-text);transition:color var(--transition-fast)}.footer-icp a:hover{color:#fff}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.project-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000000f}.project-card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.project-card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md);line-height:1.7}.project-card-link{font-size:var(--text-sm);font-weight:500}a.note-card{display:block;color:inherit;cursor:pointer}a.note-card:hover{color:inherit}a.note-card:hover .project-card-link{color:var(--color-accent)}.about-text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.9;margin-bottom:var(--space-xl)}.focus-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.focus-tag{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-bg-alt);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.contact-text{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.contact-list{display:flex;flex-wrap:wrap;gap:var(--space-md)}.contact-item{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.contact-item:hover{border-color:var(--color-accent);color:var(--color-accent)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4xl) auto;max-width:var(--max-width)}@media(max-width:768px){:root{--text-4xl: 2rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.container{padding:0 var(--space-lg)}.section,.hero{padding:var(--space-3xl) 0}.nav-toggle{display:flex}.header-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:#fafafafa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-border)}.header-nav.open{display:flex}.contact-list{flex-direction:column}.contact-item{justify-content:center}}@media(max-width:480px){:root{--text-4xl: 1.75rem}.container{padding:0 var(--space-md)}.hero-tagline{font-size:var(--text-sm)}.focus-list{flex-direction:column}}