:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", Consolas, "Courier New", monospace;--max-width: 760px;--header-height: 64px;--radius: 10px;--transition: .25s ease}:root,:root[data-theme=light]{--bg: #ffffff;--bg-soft: #f6f7f9;--bg-card: #ffffff;--text: #1f2328;--text-soft: #57606a;--text-faint: #8b949e;--border: #e5e7eb;--accent: #4f6ef7;--accent-soft: rgba(79, 110, 247, .1);--accent-hover: #3b5bdb;--code-bg: #f3f4f6;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 14px rgba(0, 0, 0, .04)}:root[data-theme=dark]{--bg: #0d1117;--bg-soft: #161b22;--bg-card: #161b22;--text: #e6edf3;--text-soft: #9da7b3;--text-faint: #6e7681;--border: #2d333b;--accent: #7c97ff;--accent-soft: rgba(124, 151, 255, .12);--accent-hover: #a0b4ff;--code-bg: #1c2129;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition);min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .container{max-width:960px;height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.site-logo:hover{color:var(--accent)}.site-logo .logo-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#a855f7)}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{color:var(--text-soft);font-size:.95rem;padding:6px 12px;border-radius:8px;transition:all var(--transition)}.site-nav a:hover{color:var(--text);background:var(--bg-soft)}.site-nav a.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-soft);width:36px;height:36px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition);margin-left:8px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.theme-toggle .sun-icon,:root[data-theme=dark] .theme-toggle .moon-icon{display:none}:root[data-theme=dark] .theme-toggle .sun-icon{display:block}.hero{padding:80px 0 56px;text-align:center}.hero-tag{display:inline-block;font-size:.85rem;color:var(--accent);background:var(--accent-soft);padding:4px 14px;border-radius:999px;margin-bottom:20px;font-weight:500}.hero h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px}.hero h1 .gradient-text{background:linear-gradient(120deg,var(--accent),#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.1rem;color:var(--text-soft);max-width:560px;margin:0 auto 28px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius);font-size:.95rem;font-weight:600;transition:all var(--transition);border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.btn-outline{border-color:var(--border);color:var(--text);background:var(--bg-card)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.section{padding:48px 0}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.section-desc{color:var(--text-soft);margin-bottom:28px}.post-list{display:grid;gap:16px;list-style:none}.post-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition);color:var(--text)}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px);color:var(--text)}.post-card .post-meta{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--text-faint);margin-bottom:10px}.post-card h2{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;color:var(--text)}.post-card p{color:var(--text-soft);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-block;font-size:.75rem;font-weight:500;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:32px 0;margin-top:48px}.site-footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--text-faint);font-size:.88rem}.footer-icp{width:100%;text-align:center;margin-top:8px}.footer-icp a{color:var(--text-faint);font-size:.82rem}.footer-icp a:hover{color:var(--accent)}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--text-soft)}.footer-links a:hover{color:var(--accent)}.prose{font-size:1.02rem;line-height:1.85}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.01em;line-height:1.4;margin:2em 0 .8em;font-weight:700}.prose h1{font-size:1.8rem}.prose h2{font-size:1.45rem;padding-bottom:8px;border-bottom:1px solid var(--border)}.prose h3{font-size:1.2rem}.prose h4{font-size:1.05rem}.prose p{margin:1.1em 0}.prose ul,.prose ol{margin:1.1em 0;padding-left:1.6em}.prose li{margin:.4em 0}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 20px;margin:1.4em 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-soft)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);padding:2px 6px;border-radius:5px}.prose pre{font-family:var(--font-mono);background:var(--code-bg)!important;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;overflow-x:auto;margin:1.4em 0;font-size:.88rem;line-height:1.6}.prose pre code{background:none;padding:0}.prose img{border-radius:var(--radius);margin:1.6em auto}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.92rem}.prose th,.prose td{border:1px solid var(--border);padding:8px 14px;text-align:left}.prose th{background:var(--bg-soft);font-weight:600}.post-header{padding:48px 0 24px;border-bottom:1px solid var(--border);margin-bottom:36px}.post-header .post-meta{display:flex;align-items:center;gap:14px;font-size:.88rem;color:var(--text-faint);margin-bottom:16px;flex-wrap:wrap}.post-header h1{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.3}.post-header .post-desc{color:var(--text-soft);font-size:1.05rem;margin-top:14px}.post-body{padding-bottom:48px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-soft);margin-bottom:24px}.back-link:hover{color:var(--accent)}.about-hero{display:flex;gap:36px;align-items:flex-start;padding:56px 0 40px}.about-avatar{width:132px;height:132px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#a855f7);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff;box-shadow:var(--shadow)}.about-intro h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.about-intro .about-subtitle{color:var(--accent);font-weight:600;margin-bottom:14px}.about-intro p{color:var(--text-soft)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.about-card h3{font-size:.85rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.about-card .about-card-value{font-size:1.05rem;font-weight:600}.skill-groups{display:grid;gap:20px;margin-bottom:40px}.skill-group h3{font-size:1rem;font-weight:700;margin-bottom:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:.85rem;padding:5px 14px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);transition:all var(--transition)}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.timeline{list-style:none;position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:28px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:3px solid var(--accent)}.timeline-item .timeline-date{font-size:.82rem;color:var(--text-faint);font-family:var(--font-mono)}.timeline-item h3{font-size:1.05rem;font-weight:700;margin:4px 0}.timeline-item p{color:var(--text-soft);font-size:.92rem}.empty-state{text-align:center;padding:64px 24px;color:var(--text-faint);border:1px dashed var(--border);border-radius:var(--radius)}@media (max-width: 640px){.about-hero{flex-direction:column;align-items:center;text-align:center}.hero{padding:56px 0 40px}.site-nav a{padding:6px 8px;font-size:.88rem}}