.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:light;--font-sans: "Inter", "Noto Sans SC", "Noto Sans JP", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;--bg: #fafaf9;--surface: #ffffff;--surface-soft: #f5f5f4;--surface-raised: #ffffff;--surface-strong: #ffffff;--text: #0a0a0a;--muted: #52525b;--faint: #a1a1aa;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #eef2ff;--accent-contrast: #ffffff;--line: #e4e4e7;--line-strong: #d4d4d8;--shadow-soft: rgba(9, 9, 11, .05);--shadow-strong: rgba(9, 9, 11, .12);--danger: #dc2626;--success: #16a34a;--radius: 8px;--radius-sm: 6px;--content-max: 1120px}:root.dark,[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--surface: #111113;--surface-soft: #18181b;--surface-raised: #1c1c1f;--surface-strong: #1c1c1f;--text: #fafafa;--muted: #a1a1aa;--faint: #71717a;--accent: #818cf8;--accent-strong: #a5b4fc;--accent-soft: #1e1b3a;--accent-contrast: #0a0a0a;--line: #27272a;--line-strong: #3f3f46;--shadow-soft: rgba(0, 0, 0, .5);--shadow-strong: rgba(0, 0, 0, .7);--danger: #f87171;--success: #4ade80}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .24s ease,color .24s ease}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.03em;color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .18s ease}::-moz-selection{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.mono{font-family:var(--font-mono);font-feature-settings:"calt" 0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel-interactive{transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.panel-interactive:hover{transform:translateY(-2px);border-color:var(--line-strong)}.pill-button{display:inline-flex;min-height:40px;align-items:center;border-radius:var(--radius-sm);padding:0 16px;font-size:.875rem;font-weight:600;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}.pill-button:hover{transform:translateY(-1px)}.pill-button-primary{background:var(--accent);color:var(--accent-contrast)}.pill-button-primary:hover{background:var(--accent-strong)}.pill-button-secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.pill-button-secondary:hover{border-color:var(--line-strong)}.social-btn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:transform .16s ease,color .16s ease,border-color .16s ease}.social-btn:hover{transform:translateY(-1px);color:var(--text);border-color:var(--line-strong)}.social-btn svg{color:inherit}.site-frame{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.site-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:var(--content-max);margin:0 auto;padding:14px 24px}.identity-block{display:inline-flex;min-width:0;align-items:center;gap:10px}.identity-avatar-wrap{position:relative;display:inline-flex}.identity-avatar{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line)}.identity-dot{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#16a34a;border:2px solid var(--surface)}.identity-text{display:inline-flex;min-width:0;flex-direction:column;line-height:1.15}.identity-text strong{font-family:var(--font-mono);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.identity-text span{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);letter-spacing:.02em}.top-nav{display:flex;justify-self:center;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow:auto;padding:2px}.top-nav-link{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;font-weight:500;white-space:nowrap;transition:color .16s ease,background-color .16s ease}.top-nav-num{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--faint);letter-spacing:.04em;transition:color .16s ease}.top-nav-link:hover{color:var(--text);background:var(--surface-soft)}.top-nav-link:hover .top-nav-num{color:var(--muted)}.top-nav-link.is-active{color:var(--text);background:var(--surface-soft)}.top-nav-link.is-active .top-nav-num{color:var(--accent)}.top-actions{display:flex;align-items:center;justify-self:end;gap:6px}.lang-pill{display:inline-flex;min-height:34px;min-width:34px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:.72rem;font-weight:500;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.lang-pill:hover{color:var(--text);border-color:var(--line-strong)}.lang-pill.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line) 60%);background:var(--accent-soft)}.lang-pill.is-disabled{cursor:not-allowed;opacity:.4;color:var(--faint)}.site-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:48px 24px}.site-footer-wrap{width:100%;border-top:1px solid var(--line)}@media(max-width:980px){.site-header-inner{grid-template-columns:1fr auto;gap:10px;padding:12px 16px}.top-nav{grid-column:1 / -1;justify-self:stretch;width:100%;padding:8px 0 2px;border-top:1px solid var(--line);gap:0}.top-nav-link{flex:1;justify-content:center;padding:0 6px}.top-nav-num,.identity-text span{display:none}.site-main{padding:28px 16px}}@media(max-width:640px){.top-nav-link{font-size:.82rem;gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}