:root{--color-bg: #0f0f12;--color-surface: #1a1a1f;--color-text: #e8e8ec;--color-text-muted: #8888a0;--color-accent: #6366f1;--color-accent-hover: #818cf8;--font-sans: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--radius: 12px;--radius-sm: 8px;--space: 1rem;--space-sm: .75rem;--space-lg: 1.5rem;--space-xl: 2rem;--touch-min: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:1rem;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}#root{min-height:100vh}.container{max-width:720px;margin:0 auto;padding:var(--space-lg)}nav{display:flex;flex-wrap:wrap;gap:var(--space);align-items:center;padding:var(--space) 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--space-xl)}nav a{color:var(--color-text-muted);padding:var(--space-sm) var(--space);min-height:var(--touch-min);display:inline-flex;align-items:center;border-radius:var(--radius-sm)}nav a:hover{color:var(--color-text);background:#ffffff0f;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:.6rem 1.2rem;background:var(--color-accent);color:#fff;border-radius:var(--radius);border:none;cursor:pointer;font-size:1rem;font-weight:500;white-space:nowrap}.btn:hover{background:var(--color-accent-hover);text-decoration:none;color:#fff}.btn-ghost{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-ghost:hover{background:#6366f126;color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space)}.card a{font-weight:500}.card-meta{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.9rem}.card-badge{font-size:.8rem;color:var(--color-accent);display:inline-block;margin-top:.5rem}.card-title-link{font-weight:500}.article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.article-list .card{margin-bottom:0}.section-lead{color:var(--color-text-muted);font-size:.9rem;margin:-.5rem 0 1rem}.page-home .hero{margin-bottom:2rem}.hero-title{font-size:clamp(1.75rem,5vw,2.25rem);margin:0 0 .5rem;font-weight:600}.hero-tagline{color:var(--color-text-muted);margin:0 0 .75rem;font-size:1rem}.hero-desc{margin:0 0 1.25rem;font-size:.95rem;max-width:42em}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space);align-items:center}.section{margin-top:2rem}.section-title{font-size:1.25rem;margin:0 0 1rem}.card-list{display:flex;flex-direction:column;gap:.75rem}.page-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);font-size:.9rem}.page-footer p{margin:.25rem 0}.page-devlog .page-lead{margin-bottom:1.5rem}.devlog-timeline{display:flex;flex-direction:column;gap:2rem}.devlog-entry{border-left:3px solid var(--color-accent);padding-left:var(--space-lg);padding-bottom:.5rem}.devlog-entry-title{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:var(--color-text)}.devlog-entry-body{color:var(--color-text-muted);font-size:.95rem;line-height:1.65}.devlog-entry-body .devlog-block{margin-bottom:.75rem}.devlog-entry-body .devlog-block:last-child{margin-bottom:0}.devlog-entry-body p{margin:0 0 .5rem}.devlog-entry-body .devlog-list{margin:.35rem 0 0;padding-left:1.25rem}.devlog-entry-body .devlog-list li{margin:.25rem 0}.devlog-entry-body .devlog-ol{list-style:decimal}.page-devlog code{font-size:.9em;background:var(--color-surface);padding:.15rem .4rem;border-radius:var(--radius-sm)}.page-title{font-size:clamp(1.5rem,4vw,1.75rem);margin:0 0 1rem}.page-about p{margin-bottom:1rem}.about-articles,.about-cta{margin-top:2rem}.about-cta p{margin-bottom:.75rem}.page-lead{color:var(--color-text-muted);margin:0 0 1.5rem}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:2rem}.qr-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-lg);text-align:center}.qr-card-title{font-size:1.1rem;margin:0 0 .5rem}.qr-card-desc{font-size:.9rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5}.qr-wrap{margin:0 auto .75rem;width:200px;max-width:100%}.qr-img{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.qr-hint{font-size:.85rem;color:var(--color-text-muted);margin:0}.back-link{margin-top:1.5rem}@media (max-width: 640px){.container{padding:var(--space)}nav{margin-bottom:var(--space-lg)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}.qr-grid{grid-template-columns:1fr;gap:var(--space-lg)}.qr-wrap{width:220px}}@media (max-width: 380px){.container{padding:var(--space-sm)}.card,.qr-card{padding:var(--space)}}