:root{--bg-deep: #0a0e27;--bg-surface: #131829;--bg-card: #1a1f35;--bg-card-hover: #23293d;--ink-primary: #f0f4ff;--ink-secondary: #c0cde0;--ink-muted: #8494ad;--line: #2a3550;--line-light: #3a4560;--brand-primary: #00d4ff;--brand-secondary: #7b2dff;--brand-accent: #ff6b35;--brand-success: #00ffa3;--status-planned: #ff922b;--status-building: #00d4ff;--status-done: #00ffa3;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 30px rgba(0, 212, 255, .3);--shadow-glow-purple: 0 0 30px rgba(123, 45, 255, .3);--gradient-brand: linear-gradient(135deg, #00d4ff 0%, #7b2dff 100%);--gradient-accent: linear-gradient(135deg, #ff6b35 0%, #ff922b 100%);--gradient-surface: linear-gradient(180deg, rgba(26, 31, 53, .8) 0%, rgba(19, 24, 41, .9) 100%);--fs-xs: .9375rem;--fs-sm: 1.0625rem;--fs-base: 1.25rem;--fs-md: 1.4375rem;--fs-lg: 1.625rem;--fs-xl: 1.875rem;--fs-2xl: 2.1875rem;--fs-3xl: 2.5rem;--lh-tight: 1.3;--lh-base: 1.75;--lh-relaxed: 1.85}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,sans-serif;font-size:var(--fs-base);color:var(--ink-primary);background:radial-gradient(ellipse 1200px 800px at 85% -20%,rgba(0,212,255,.12),transparent 50%),radial-gradient(ellipse 1000px 600px at -15% 105%,rgba(123,45,255,.1),transparent 50%),linear-gradient(rgba(42,53,80,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(42,53,80,.3) 1px,transparent 1px),var(--bg-deep);background-size:100% 100%,100% 100%,40px 40px,40px 40px,100% 100%;line-height:var(--lh-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:var(--lh-tight);margin:0;letter-spacing:-.02em}h1{font-size:var(--fs-2xl);color:var(--ink-primary);position:relative}h2{font-size:var(--fs-xl);color:var(--ink-primary)}h3{font-size:var(--fs-lg);font-weight:600;color:var(--ink-primary)}a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover{color:var(--brand-secondary);text-shadow:0 0 20px rgba(0,212,255,.5)}p{margin:0}.page-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:30px 0 48px;overflow-x:hidden}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);background:#0a0e27d9;border-bottom:1px solid var(--line-light);box-shadow:0 4px 24px #0000004d}.site-header nav{width:min(1200px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{color:var(--ink-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--fs-md);font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.brand:before{content:">";color:var(--brand-primary);font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.links a{color:var(--ink-secondary);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--fs-sm);font-weight:500;transition:all .2s ease;position:relative;overflow:hidden}.links a:before{content:"";position:absolute;inset:0;background:var(--gradient-brand);opacity:0;transition:opacity .2s ease}.links a span{position:relative;z-index:1}.links a:hover{color:var(--ink-primary);border-color:var(--line-light);background:#00d4ff14;transform:translateY(-1px)}.links a.active{color:var(--brand-primary);border-color:#00d4ff4d;background:#00d4ff1f;box-shadow:0 0 20px #00d4ff26}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);opacity:0;transition:opacity .3s ease}.panel:hover{border-color:var(--line-light);box-shadow:var(--shadow-lg),var(--shadow-glow-blue);transform:translateY(-2px)}.panel:hover:before{opacity:1}.article.panel:hover{border-color:var(--line);box-shadow:var(--shadow-md);transform:none}.article.panel:hover:before{opacity:0}.article-actions{position:absolute;top:16px;right:20px;display:flex;gap:8px;z-index:1}.article-actions .action-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--brand-primary);border:1px solid rgba(0,212,255,.3);border-bottom:1px solid rgba(0,212,255,.3);background:#00d4ff0f;transition:all .2s ease;text-decoration:none}.article-actions .action-link:hover{color:#fff;border-color:var(--brand-primary);background:#00d4ff26;box-shadow:0 0 12px #00d4ff4d;border-bottom:1px solid var(--brand-primary)}.hero{padding:40px;display:grid;gap:24px;position:relative}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero h1{font-size:var(--fs-3xl);letter-spacing:-.02em;margin-bottom:4px;position:relative;z-index:1;line-height:var(--lh-tight);background:linear-gradient(135deg,var(--ink-primary) 0%,var(--brand-primary) 50%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--ink-primary);max-width:68ch;font-size:var(--fs-md);line-height:var(--lh-base);position:relative;z-index:1;opacity:.95}.badges{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-sm);font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.02em;border:1px solid var(--line);background:#00d4ff14;font-size:var(--fs-xs);color:var(--brand-primary);box-shadow:0 2px 8px #0003;transition:all .2s ease}.badge:hover{background:#00d4ff26;box-shadow:0 0 15px #00d4ff4d;transform:translateY(-1px)}.badge:nth-child(2){background:#7b2dff14;border-color:#7b2dff4d;color:var(--brand-secondary)}.badge:nth-child(2):hover{background:#7b2dff26;box-shadow:0 0 15px #7b2dff4d}.badge:nth-child(3){background:#ff6b3514;border-color:#ff6b354d;color:var(--brand-accent)}.badge:nth-child(3):hover{background:#ff6b3526;box-shadow:0 0 15px #ff6b354d}.sections{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.section-card{padding:24px;display:grid;gap:12px;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:all .3s ease;position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.section-card:hover{transform:translateY(-4px);border-color:var(--line-light);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.section-card:hover:before{transform:scaleX(1)}.section-card h2{font-size:var(--fs-lg);margin-bottom:4px}.section-card p{color:var(--ink-secondary);font-size:var(--fs-base);line-height:var(--lh-base)}.section-card a{font-weight:600;color:var(--brand-primary);display:inline-flex;align-items:center;gap:6px}.section-card a:after{content:"→";transition:transform .2s ease}.section-card a:hover:after{transform:translate(4px)}.page-title{margin-bottom:24px;margin-top:32px;display:grid;gap:10px}.page-title h1,.page-title h2{font-size:var(--fs-2xl);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title p{color:var(--ink-secondary);font-size:var(--fs-base)}.list{display:grid;gap:14px}.item{padding:22px;display:grid;gap:12px;position:relative}.item h3 a{color:var(--ink-primary);font-weight:600;transition:color .2s ease}.item h3 a:hover{color:var(--brand-primary)}.meta{font-size:var(--fs-sm);color:var(--ink-muted);display:flex;gap:12px;flex-wrap:wrap;font-family:SF Mono,Monaco,Inconsolata,monospace}.meta span{display:inline-flex;align-items:center}.meta a{display:inline-flex;align-items:center;gap:4px}.meta span:not(:last-child):after{content:"·";margin-left:12px;color:var(--line-light)}.tags{display:flex;flex-wrap:wrap;gap:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md)}.filter-chip{display:inline-flex;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-card);color:var(--ink-secondary);font-size:var(--fs-sm);font-weight:500;font-family:SF Mono,Monaco,Inconsolata,monospace;transition:all .2s ease;cursor:pointer}.filter-chip:hover{color:var(--ink-primary);border-color:var(--brand-primary);background:#00d4ff1a;transform:translateY(-1px)}.filter-chip.is-active{color:var(--bg-deep);border-color:var(--brand-primary);background:var(--brand-primary);box-shadow:0 0 20px #00d4ff66;font-weight:600}.tag{font-size:var(--fs-sm);padding:4px 10px;border-radius:var(--radius-sm);background:#00d4ff1f;color:var(--brand-primary);border:1px solid rgba(0,212,255,.2);font-family:SF Mono,Monaco,Inconsolata,monospace;font-weight:500;transition:all .2s ease}.tag:hover{background:#00d4ff33;border-color:#00d4ff66;box-shadow:0 0 10px #00d4ff33}.is-hidden{display:none!important}.article{padding:32px}.article h1{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin-bottom:16px;color:var(--ink-primary)}.article>.meta{margin-bottom:12px}.article>.tags{margin-bottom:24px}.article p{color:var(--ink-secondary);line-height:var(--lh-base);margin-bottom:20px}.article p:last-child{margin-bottom:0}.article ul,.article ol{color:var(--ink-secondary);line-height:var(--lh-base);margin-bottom:16px;padding-left:24px}.article li{margin-bottom:12px}.article li:last-child{margin-bottom:0}.article h2{margin-top:48px;margin-bottom:16px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-xl);color:var(--ink-primary);line-height:var(--lh-tight)}.article hr+h2{border-top:none;padding-top:0;margin-top:32px}.article hr{border:none;border-top:1px solid var(--line);margin:32px 0}.article h3{margin-top:24px;margin-bottom:10px;font-size:var(--fs-lg);color:var(--ink-primary);line-height:var(--lh-tight)}.article h4{margin-top:20px;margin-bottom:8px;font-size:var(--fs-base);color:var(--ink-secondary);font-weight:600;line-height:var(--lh-tight)}.article pre{overflow:auto;background:var(--bg-deep);color:var(--brand-primary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--line);font-size:var(--fs-sm);line-height:var(--lh-base)}.article code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:#00d4ff14;padding:2px 6px;border-radius:4px;color:var(--brand-primary);font-size:var(--fs-sm)}.article a{color:var(--brand-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.article a:hover{color:var(--brand-secondary);border-bottom-color:var(--brand-secondary)}.article blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--brand-primary);background:#00d4ff0d;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-secondary);line-height:var(--lh-relaxed)}.article blockquote p{margin-bottom:0}.article blockquote[data-type=insight]{border-left-color:var(--brand-secondary);background:#7b2dff14}.article blockquote[data-type=caution]{border-left-color:var(--brand-accent);background:#ff6b3514}.article blockquote[data-type=success]{border-left-color:var(--brand-success);background:#00ffa314}.article pre code{background:transparent;padding:0;color:inherit}.article img,.article figure{max-width:100%;height:auto;display:block;margin:20px 0;border-radius:var(--radius-md)}.article{overflow-wrap:break-word;word-wrap:break-word}.table-wrap{overflow:auto;margin:16px 0}table{width:100%;border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}th,td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--bg-card);color:var(--ink-primary);font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em}td{color:var(--ink-secondary)}tr:last-child td{border-bottom:none}.site-footer{width:min(1200px,calc(100% - 32px));margin:48px auto 24px;padding:24px 0;border-top:1px solid var(--line);display:grid;gap:12px}.site-footer p{color:var(--ink-muted);font-size:var(--fs-sm)}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{display:inline-flex;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink-secondary);font-size:var(--fs-sm);transition:all .2s ease;background:var(--bg-surface)}.social-links a:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:#00d4ff14;transform:translateY(-1px)}@media(max-width:900px){.sections{grid-template-columns:1fr}.hero{padding:28px}.item,.article{padding:18px}.page-shell{width:min(100%,calc(100% - 20px));padding:20px 0 32px}.site-header nav{width:min(100%,calc(100% - 20px))}.site-footer{width:min(100%,calc(100% - 20px))}}@media(max-width:640px){:root{--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.8125rem;--fs-3xl: 2.125rem;--lh-base: 1.68;--lh-relaxed: 1.76}body{background-size:100% 100%,100% 100%,28px 28px,28px 28px,100% 100%}.page-shell{width:min(100%,calc(100% - 16px));padding:8px 0 14px}.site-header nav,.site-footer{width:min(100%,calc(100% - 16px))}.site-header nav{gap:14px;padding:12px 0}.brand{font-size:1.125rem}.links{gap:4px}.links a{padding:7px 10px;font-size:.875rem}.hero{padding:20px;gap:18px}.hero h1{font-size:clamp(1.9rem,8vw,2.4rem)}.hero p,.page-title p,.item p,.article p,.article li,.article blockquote,.article table{font-size:var(--fs-base)}.article p{margin-bottom:18px}.article{padding:16px}.item{padding:16px;gap:10px}.list{gap:10px}.article h1{margin-bottom:12px}.article h2{margin-top:36px;margin-bottom:10px;padding-top:12px}.article hr+h2{padding-top:0;margin-top:24px}.article h3{margin-top:18px;margin-bottom:8px}.article h4{margin-top:16px;margin-bottom:6px}.article>.tags{margin-bottom:18px}.article ul,.article ol{padding-left:20px}.article pre,.article blockquote{padding:14px 16px}.meta{gap:8px}.meta span:not(:last-child):after{margin-left:8px}.tags{gap:6px}.tag{padding:3px 8px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--line-light)}::selection{background:#00d4ff4d;color:var(--ink-primary)}html{scroll-behavior:smooth}.site-header[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 20%,var(--brand-secondary) 50%,var(--brand-primary) 80%,transparent 100%);opacity:.5}