.article{padding:28px 32px}.article-cover-wrap{overflow:hidden;border-radius:var(--radius-img);margin-bottom:18px}.article-cover{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:var(--radius-img);transition:transform .45s;aspect-ratio:16/7}.article-cover-wrap:hover .article-cover{transform:scale(1.05)}.article-cover[src*="/img/cover/"],.has-cover .cover img[src*="/img/cover/"]{object-position:center top}.article-title{font-size:30px;margin:8px 0 0}.article-body{margin-top:22px;font-size:15.5px;line-height:1.9}.article-body h2{font-size:23px;margin:34px 0 14px}.article-body h3{font-size:19px;margin:26px 0 12px}.article-body p{margin:14px 0}.article-body a{color:var(--accent);border-bottom:1px solid var(--accent-soft)}.article-body img{border-radius:var(--radius-img);margin:18px 0;cursor:zoom-in;transition:transform .35s}.article-body img:hover{transform:scale(1.04)}@keyframes imgSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.article-body img.lazy-img:not(.loaded),.article-cover:not(.loaded),.has-cover .cover img:not(.loaded){background-image:linear-gradient(90deg,var(--soft) 25%,var(--active) 50%,var(--soft) 75%);background-size:200% 100%;animation:1.3s ease-in-out infinite imgSkeleton}.article-body img.lazy-img.loaded,.article-cover.loaded,.has-cover .cover img.loaded{animation:none;background:0 0}.article-body .mermaid{margin:20px 0;text-align:center;line-height:initial}.article-body .mermaid:not([data-processed]){visibility:hidden;height:0;overflow:hidden;margin:0}.article-body .mermaid svg{max-width:100%;height:auto}.article-body .katex-display{margin:18px 0;overflow-x:auto;overflow-y:hidden;padding:4px 2px}.article-body .katex{font-size:1.05em}.lightbox{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.86);cursor:zoom-out;padding:24px;animation:.25s pageFade}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:90vh;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,.5);cursor:zoom-out}.article-body blockquote{margin:18px 0;padding:8px 18px;border-left:3px solid var(--accent);color:var(--muted);background:var(--accent-soft);border-radius:0 8px 8px 0}.article-body ol,.article-body ul{padding-left:1.4em}.article-body li{margin:6px 0}.article-body code{font-family:var(--mono);font-size:.9em;background:var(--accent-soft);padding:2px 6px;border-radius:5px}.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}.article-body td,.article-body th{border:1px solid var(--border);padding:8px 12px}.article-tags{margin-top:26px}.chips{display:flex;flex-wrap:wrap;gap:8px}.article-tags .chip{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:13px;color:var(--accent);background:var(--accent-soft);transition:background .15s,color .15s}.article-tags .chip:hover{background:var(--accent);color:#fff}.post-nav{display:flex;justify-content:space-between;gap:16px;margin:20px 0;font-size:14px;color:var(--muted)}.post-nav a{max-width:48%}.post-nav a:hover{color:var(--accent)}.toc{font-size:13px}.toc ol{list-style:none;padding-left:14px;margin:0}.toc>.card-head+ol,.toc>ol:first-of-type{padding-left:0}.toc a{color:var(--muted);display:block;padding:4px 0 4px 10px;border-left:2px solid transparent;margin-left:-10px}.toc a:hover{color:var(--text)}.toc a.toc-active{color:var(--accent);border-left-color:var(--accent)}