:root{--max-width: 1040px;--space-page-mobile: 16px;--space-page-desktop: 24px;--radius: 14px;--shadow: 0 10px 28px rgba(15, 23, 42, .1);--ring: rgba(59, 130, 246, .45)}:root[data-theme=light]{--bg: #f6f8fb;--surface: #ffffff;--surface-2: #f0f3f9;--text: #0f172a;--muted: #475569;--primary: #2563eb;--primary-contrast: #ffffff;--border: #d8e0ec}:root[data-theme=dark]{--bg: #0a0f1d;--surface: #121a2b;--surface-2: #1a243a;--text: #e5ecff;--muted: #9cadcc;--primary: #60a5fa;--primary-contrast: #0b1220;--border: #2a3959;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--ring: rgba(96, 165, 250, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a,button{min-height:40px}img{max-width:100%;display:block;border-radius:12px}.container{width:min(100%,var(--max-width));margin:0 auto;padding:0 var(--space-page-mobile)}.section{padding:40px 0}.section-title{margin:0 0 8px;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.25}.section-desc{margin:0 0 20px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:600}.btn.primary{background:var(--primary);color:var(--primary-contrast)}.btn.ghost{border-color:var(--border);background:var(--surface)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:10px}@media(min-width:481px){.container{padding:0 var(--space-page-desktop)}}@media(max-width:480px){body{font-size:14px}}.grid{display:grid;gap:16px}.muted{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.85rem}.header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.brand[data-astro-cid-3ef6ksr2]{font-weight:700}.nav[data-astro-cid-3ef6ksr2]{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:680px){.nav[data-astro-cid-3ef6ksr2]{display:none}}.hero[data-astro-cid-bbe6dxrz]{padding:24px;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}h1[data-astro-cid-bbe6dxrz]{margin:4px 0 10px;line-height:1.2}.cta-row[data-astro-cid-bbe6dxrz]{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}@media(max-width:480px){.hero[data-astro-cid-bbe6dxrz]{grid-template-columns:1fr}.hero[data-astro-cid-bbe6dxrz] img[data-astro-cid-bbe6dxrz]{width:128px;height:128px}}.project[data-astro-cid-mspuyifq]{overflow:hidden}.project-body[data-astro-cid-mspuyifq]{padding:16px}.project[data-astro-cid-mspuyifq] h3[data-astro-cid-mspuyifq]{margin:0 0 4px;line-height:1.25}ul[data-astro-cid-mspuyifq]{margin:8px 0;padding-left:18px}.links[data-astro-cid-mspuyifq]{display:flex;flex-wrap:wrap;gap:10px}.demo[data-astro-cid-xffym2tf]{padding:18px;display:grid;gap:16px;grid-template-columns:1fr 280px}ol[data-astro-cid-xffym2tf]{margin:8px 0;padding-left:18px}@media(max-width:820px){.demo[data-astro-cid-xffym2tf]{grid-template-columns:1fr}}.gallery[data-astro-cid-xe333wpg]{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.work-item[data-astro-cid-xe333wpg]{padding:10px}.work-item[data-astro-cid-xe333wpg] p[data-astro-cid-xe333wpg]{margin:10px 4px 4px;color:var(--muted)}.contact[data-astro-cid-xmivup5a]{padding:18px;display:grid;gap:10px}.contact-item[data-astro-cid-xmivup5a]{display:inline-flex;align-items:center;gap:8px}.projects-grid[data-astro-cid-j7pv25f6]{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:481px)and (max-width:1024px){.projects-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1025px){.projects-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}