:root{--color-primary: #0070f3;--color-secondary: #1a1a1a;--color-background: #ffffff;--color-text: #333333;--color-text-sub: #4b5563;--color-neutral: #f3f4f6;--color-neutral-light: #f8f9fa;--color-border-gray: #4b5563;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-ratio: 1.5;--static-space-xs: calc(var(--static-space-s) / var(--space-ratio));--static-space-s: calc(var(--static-space-m) / var(--space-ratio));--static-space-m: 1rem;--static-space-l: calc(var(--static-space-m) * var(--space-ratio));--static-space-xl: calc(var(--static-space-l) * var(--space-ratio));--space-xs: clamp(.75rem, .69rem + .29vw, .9375rem);--space-s: clamp(1rem, .92rem + .39vw, 1.25rem);--space-m: clamp(1.5rem, 1.38rem + .58vw, 1.875rem);--space-l: clamp(2rem, 1.84rem + .78vw, 2.5rem);--space-xl: clamp(3rem, 2.77rem + 1.17vw, 3.75rem);--text-ratio: 1.5;--text-xs: calc(var(--text-s) / var(--text-ratio));--text-s: calc(var(--text-base) / var(--text-ratio));--text-base: 1rem;--text-l: calc(var(--text-base) * var(--text-ratio));--text-xl: calc(var(--text-l) * var(--text-ratio));--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--measure: 100ch;--container-max-width: 70rem;--container-padding: 1rem}.post-header{max-width:140ch;padding:0 5%;margin-bottom:var(--space-m)}.post-content{padding:var(--space-l) var(--space-xs);margin-top:var(--space-s);background-color:#f8f9fa;border-radius:.25rem;box-shadow:0 .5rem 1rem #0000001a}.post-content .content{word-break:break-all;max-width:100%;margin:0 auto;padding:0 7%;line-height:1.6}.post-content .content ul,.post-content .content ol{margin-left:1.5rem}.post-content .content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-m) 0}.post-content .content h2{font-size:var(--space-m);margin-top:var(--space-l);margin-bottom:var(--space-s)}.post-content .content p{margin-bottom:var(--space-s)}.post-content .content a{color:var(--color-primary);text-decoration:none}.post-content .content a:hover{text-decoration:underline}.post-content .content pre{background:var(--shiki-color-background)!important;margin:var(--space-m) 0;padding:var(--space-m);border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.6;border:1px solid #e5e7eb}.post-content .content pre code{background:none!important;padding:0!important;font-family:Consolas,Monaco,Courier New,monospace}.post-content .content :not(pre)>code{background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;color:#e11d48}.post-date{color:#666;font-size:.9rem}.post-title{font-size:var(--space-l);line-height:1.2;color:var(--color-text);margin-bottom:0}.post-meta{align-items:center}.author-link{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-text);transition:opacity .2s ease}.author-link:hover{opacity:.7}.author-avatar-small{width:24px;height:24px;border-radius:50%;object-fit:cover}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);.tag{padding:.25rem .75rem;background:var(--color-neutral);color:var(--color-text);text-decoration:none;border-radius:9999px;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tag:hover{background:#e5e7eb}}.post-footer{margin-top:var(--space-xl);padding-top:var(--space-l);border-top:2px solid #e5e7eb}.author-card-detailed{background:#f8f9fa;padding:var(--space-l)}.author-card-header{display:flex;align-items:center;gap:var(--space-m);margin-bottom:var(--space-m)}.author-avatar-large{width:64px;height:64px;border-radius:50%;object-fit:cover}.author-name-large{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.author-bio{color:var(--color-text-sub);line-height:1.6;margin-bottom:var(--space-m)}.author-view-more{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.author-view-more:hover{color:var(--color-primary);text-decoration:underline}@media (max-width: 768px){.author-card-header{flex-direction:column;text-align:center;gap:var(--space-s)}.author-basic-info{text-align:center}}