:root{--bg:#0a0f1e;--bg-2:#0e1628;--fg:#e2e8f0;--muted:#8ba0b8;--border:#5e82ad38;--accent:#38bdf8;--accent-2:#818cf8;--grad:linear-gradient(135deg, #22d3ee 0%, #818cf8 100%);--card:#101a2eb8;--card-hover:#182640d9;--glow:0 0 24px #38bdf82e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--fg);background-color:var(--bg);background-image:radial-gradient(1200px 500px at 50% -180px, #38bdf824, transparent 70%), linear-gradient(#38bdf80b 1px, transparent 1px), linear-gradient(90deg, #38bdf80b 1px, transparent 1px), linear-gradient(180deg, var(--bg-2), var(--bg) 420px);background-size:100% 100%,44px 44px,44px 44px,100% 100%;background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.8}::selection{background:#38bdf852}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#7dd3fc;text-decoration:underline}header.site{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#0a0f1ed1;position:sticky;top:0}header.site:after{content:"";background:linear-gradient(90deg,#0000,#38bdf88c,#818cf88c,#0000);height:1px;display:block}header.site .inner,main,footer.site .inner{max-width:720px;margin:0 auto}header.site .inner{flex-wrap:wrap;align-items:baseline;gap:1.25rem;padding:.9rem 1.25rem;display:flex}header.site .brand{letter-spacing:.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}header.site .brand:hover{filter:brightness(1.15);text-decoration:none}header.site nav{gap:1.15rem;margin-left:auto;display:flex}header.site nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.15rem 0;font-size:.95rem}header.site nav a:hover{color:var(--fg);text-decoration:none}header.site nav a[aria-current=page]{color:var(--fg);background:var(--grad);-webkit-background-clip:text;background-clip:text;border-bottom-color:#0000;font-weight:600}main{padding:2rem 1.25rem 3.5rem}footer.site{border-top:1px solid var(--border);color:var(--muted);background:#080c188c;padding:1.5rem 1.25rem;font-size:.85rem}footer.site .fineprint{opacity:.65;margin:.4rem 0 0;font-size:.72rem}h1,h2,h3{letter-spacing:.015em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1.4}h1{filter:drop-shadow(0 0 18px #38bdf847);margin:.6rem 0 1.1rem;font-size:1.85rem}h2{margin:2.25rem 0 .85rem;font-size:1.3rem}h3{margin:1.5rem 0 .5rem;font-size:1.05rem}p{margin:.85rem 0}img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto}figure{margin:1.25rem 0}figcaption{color:var(--muted);margin-top:.5rem;font-size:.85rem}.meta{color:var(--muted);font-size:.9rem}.intro{display:flow-root}.avatar-wrap{float:right;text-align:center;width:168px;margin:.55rem 0 1.15rem 3.4rem}.avatar-wrap .avatar{aspect-ratio:160/205;object-fit:cover;border:1px solid #38bdf859;border-radius:18px;width:100%;height:auto;box-shadow:0 0 0 4px #38bdf814,0 12px 40px #38bdf838}.avatar-wrap figcaption{letter-spacing:.08em}.intro h1+p{color:var(--muted);margin:-.55rem 0 1.15rem;font-size:.9rem}@media (width<=560px){.avatar-wrap{width:124px;margin-left:2.2rem}}.cards{gap:1rem;margin:1.15rem 0;padding:0;list-style:none;display:grid}.cards li{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1.1rem 1.35rem;transition:transform .22s,border-color .22s,box-shadow .22s}.cards li:hover{box-shadow:var(--glow);background:var(--card-hover);border-color:#38bdf880;transform:translateY(-3px)}.cards li h3{margin:0 0 .35rem}.cards li h3 a{color:inherit}.cards li h3 a:hover{text-decoration:none}.cards li p{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.tag{color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf859;border-radius:999px;margin:.35rem .4rem 0 0;padding:0 .7rem;font-size:.78rem;display:inline-block}blockquote{border-left:3px solid #0000;border-image:var(--grad) 1;color:var(--muted);background:#38bdf80d;border-radius:0 8px 8px 0;margin:1.15rem 0;padding:.35rem 1.15rem}code{border:1px solid var(--border);color:#a5e4f7;background:#38bdf814;border-radius:5px;padding:.12em .4em;font-size:.88em}table{border-collapse:collapse;width:100%;margin:1.15rem 0}th,td{border:1px solid var(--border);text-align:left;padding:.55rem .8rem}th{background:#38bdf812}.notice{border:1px dashed var(--border);color:var(--muted);background:#38bdf80a;border-radius:10px;padding:.85rem 1.1rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}