.blog-list{display:flex;flex-direction:column;gap:4px;margin:32px 0 64px}.blog-empty{color:var(--muted,#888);font-style:italic}.blog-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 12px;border-radius:10px;border-bottom:1px solid var(--border,#e6e6e6);color:inherit;text-decoration:none;transition:background .15s ease,transform .15s ease}.blog-row:hover{background:var(--hover,rgba(0,0,0,.04));transform:translateX(4px)}[data-theme=dark] .blog-row:hover{background:hsla(0,0%,100%,.05)}.blog-row-main{flex:1 1;min-width:0}.blog-row-title{font-size:1.05rem;font-weight:500;margin:0 0 6px;line-height:1.35}.blog-row-desc{color:var(--muted,#666);font-size:.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .blog-row-desc{color:#aaa}.blog-row-date{flex-shrink:0;font-size:.8rem;color:var(--muted,#888);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:4px;white-space:nowrap}@media (max-width:640px){.blog-row{flex-direction:column;gap:8px}.blog-row-date{padding-top:0}}.blog-article{margin:32px 0 64px;max-width:720px}.blog-article-head{margin-bottom:32px}.blog-article-head h1{font-size:2rem;line-height:1.2;margin:0 0 12px}.blog-article-meta{display:flex;gap:8px;align-items:center;color:var(--muted,#888);font-size:.85rem;margin-bottom:16px}.blog-article-desc{font-size:1.05rem;color:var(--muted,#666);line-height:1.5;margin:0;font-style:italic}[data-theme=dark] .blog-article-desc{color:#bbb}.blog-article-body{font-size:1rem;line-height:1.7;color:var(--text,#222)}[data-theme=dark] .blog-article-body{color:#ddd}.blog-article-body h1,.blog-article-body h2,.blog-article-body h3,.blog-article-body h4{margin:2em 0 .6em;line-height:1.3}.blog-article-body h2{font-size:1.5rem}.blog-article-body h3{font-size:1.2rem}.blog-article-body h4{font-size:1rem}.blog-article-body p{margin:0 0 1.2em}.blog-article-body a{color:currentColor;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-article-body a:hover{text-decoration-thickness:2px}.blog-article-body ol,.blog-article-body ul{padding-left:1.4em;margin:0 0 1.2em}.blog-article-body li{margin-bottom:.4em}.blog-article-body code{background:var(--code-bg,rgba(0,0,0,.06));padding:1px 6px;border-radius:4px;font-size:.9em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}[data-theme=dark] .blog-article-body code{background:hsla(0,0%,100%,.1)}.blog-article-body pre{background:var(--code-bg,#f5f5f5);padding:16px;border-radius:8px;overflow-x:auto;margin:0 0 1.4em;font-size:.85rem}[data-theme=dark] .blog-article-body pre{background:#111}.blog-article-body pre code{background:transparent;padding:0}.blog-article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.2em 0}.blog-article-body blockquote{border-left:3px solid var(--border,#ddd);padding-left:16px;margin:1.4em 0;color:var(--muted,#666);font-style:italic}.blog-article-body hr{border:none;border-top:1px solid var(--border,#e6e6e6);margin:2em 0}.blog-article-body table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.9rem}.blog-article-body td,.blog-article-body th{border:1px solid var(--border,#e6e6e6);padding:8px 12px;text-align:left}.blog-article-body th{background:rgba(0,0,0,.03);font-weight:600}[data-theme=dark] .blog-article-body th{background:hsla(0,0%,100%,.05)}