:root{--bg: #0a0e17;--bg-soft: #0f1524;--card: rgba(20, 28, 46, .7);--border: rgba(99, 179, 255, .14);--text: #e6edf7;--text-dim: #8b9bb4;--accent: #22d3ee;--accent-2: #818cf8;--accent-gradient: linear-gradient(135deg, #22d3ee 0%, #818cf8 100%);--radius: 14px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.7;overflow-x:hidden}#app{min-height:100vh}.container{max-width:1080px;margin:0 auto;padding:0 24px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}.glow-a{width:460px;height:460px;top:-120px;right:-80px;background:radial-gradient(circle,rgba(34,211,238,.5),transparent 70%)}.glow-b{width:520px;height:520px;bottom:-160px;left:-120px;background:radial-gradient(circle,rgba(129,140,248,.45),transparent 70%)}.grid-overlay{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(rgba(99,179,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,255,.06) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%);pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.nav-scrolled{background:#0a0e17bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--border)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.02em}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 0 12px #22d3eecc}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--accent)}.hero-inner{position:relative;z-index:2;margin:auto 0;padding:120px 24px 80px;max-width:820px;align-self:center;text-align:center}.eyebrow{font-family:var(--font-mono);color:var(--accent);font-size:14px;letter-spacing:.08em;margin-bottom:18px}.title{font-size:clamp(40px,7vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(120deg,#ffffff 20%,#7dd3fc 50%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.subtitle{font-size:clamp(18px,3vw,24px);color:var(--accent);font-weight:500;margin-bottom:16px}.bio{max-width:560px;margin:0 auto 28px;color:var(--text-dim);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}.tag{font-family:var(--font-mono);font-size:12.5px;color:#9fd9e8;border:1px solid rgba(34,211,238,.35);background:#22d3ee14;padding:5px 14px;border-radius:999px;letter-spacing:.02em}.social{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.social-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);text-decoration:none;font-size:14px;padding:9px 18px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;transition:all .25s}.social-btn:hover{color:var(--accent);border-color:#22d3ee80;box-shadow:0 0 20px #22d3ee26;transform:translateY(-2px)}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:22px;height:36px;border:2px solid rgba(139,155,180,.5);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.scroll-hint span{width:3px;height:8px;background:var(--accent);border-radius:3px;animation:scroll 1.6s infinite}@keyframes scroll{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(10px)}}.section{padding:96px 0;position:relative}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(129,140,248,.06),transparent 70%);pointer-events:none}.section-eyebrow{font-family:var(--font-mono);color:var(--accent-2);font-size:13px;letter-spacing:.1em;margin-bottom:8px}.section-title{font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.01em;margin-bottom:36px}.section-title.mt{margin-top:64px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.post-card{display:block;padding:26px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.post-card:hover{transform:translateY(-4px);border-color:#22d3ee73;box-shadow:0 12px 40px #00000059,0 0 24px #22d3ee14}.post-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);margin-bottom:12px}.post-date{color:var(--accent)}.post-title{font-size:18px;font-weight:600;margin-bottom:10px;line-height:1.4}.post-excerpt{font-size:14px;color:var(--text-dim);margin-bottom:16px}.post-tags{display:flex;gap:8px}.post-tag{font-family:var(--font-mono);font-size:11.5px;color:var(--accent-2);border:1px solid rgba(129,140,248,.3);padding:2px 10px;border-radius:999px}.timeline{position:relative;padding-left:28px;display:flex;flex-direction:column;gap:28px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2),transparent);opacity:.5}.milestone{position:relative;display:flex;align-items:flex-start;gap:20px}.milestone:before{content:"";position:absolute;left:-28px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 12px #22d3ee99}.milestone-year{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--accent);min-width:52px}.milestone-text{color:var(--text-dim);font-size:15px;padding-top:2px}.milestone-line{display:none}.footer{border-top:1px solid var(--border);padding:64px 0 48px;text-align:center;background:var(--bg-soft)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.footer-title{font-size:20px;font-weight:600}.footer-mail{font-family:var(--font-mono);color:var(--accent);text-decoration:none;font-size:15px}.footer-mail:hover{text-decoration:underline}.footer-social{display:flex;gap:22px}.footer-social a{color:var(--text-dim);text-decoration:none;font-size:14px;transition:color .2s}.footer-social a:hover{color:var(--accent)}.footer-copy{margin-top:10px;font-size:12.5px;color:#5a6a82}@media(max-width:640px){.nav-links{gap:18px}.post-grid{grid-template-columns:1fr}}