.article-page{max-width:980px}.article{border:1px solid var(--border);background:var(--surface-solid);box-shadow:0 18px 48px var(--shadow);border-radius:var(--radius-lg);padding:clamp(22px,4vw,44px)}.article-header{margin:0 0 28px}.article-header h1{margin:18px 0 16px;font-family:var(--font-serif);font-size:clamp(32px,5.6vw,52px);line-height:1.12;font-weight:620;letter-spacing:0}.meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--subtle);font:500 12px/1.4 var(--font-sans)}.article-cover{margin:0 0 32px;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/8.6;background:var(--surface-soft);position:relative}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-body{max-width:760px;margin:0 auto;color:var(--text);font-size:17px;line-height:1.95;overflow-wrap:anywhere;word-break:break-word}.article-body img,.article-body video{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:0 18px 48px var(--shadow)}.article-body iframe{max-width:100%;width:100%;border:0}.article-body .katex{max-width:100%}.article-body figure{max-width:100%;margin:1.5em 0}.article-body figure>img,.article-body figure>video{display:block;margin:0 auto}.article-body figcaption{margin-top:.5em;color:var(--muted);font-size:.92em;text-align:center}.article-body h2{margin:2em 0 .7em;color:var(--text);font-size:28px;line-height:1.25}.article-body h3{margin:1.7em 0 .6em;color:var(--text);font-size:23px}.article-body blockquote{margin:1.5em 0;padding:5px 0 5px 18px;border-left:3px solid var(--accent);color:var(--muted)}.article-body code{border-radius:6px;background:var(--surface-soft);padding:.14em .36em;font-family:var(--font-mono)}.article-body pre{overflow:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:20px;font-family:var(--font-mono)}.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}.article-body table th,.article-body table td{border:1px solid var(--border);padding:.5em .75em}.article-body .katex-display,.article-body [data-type=math-block]{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:4px 0}.article-body .math-inline,.article-body [data-type=math-inline]{display:inline-block;max-width:100%;vertical-align:middle}.article-actions{max-width:760px;margin:32px auto 0;display:flex;flex-wrap:wrap;gap:10px}.article-action-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);padding:8px 14px;font:inherit;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.article-action-btn:hover{border-color:var(--border-strong);color:var(--text)}.article-action-btn strong{color:var(--text);font-size:13px}.article-action-btn.active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-strong)}.article-action-btn:disabled{opacity:.65;cursor:wait}.code-copy-btn{position:absolute;top:8px;right:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);padding:4px 10px;font:600 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .18s ease,color .18s ease}.article-body pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:var(--text)}@media (max-width: 760px){.article{border-radius:0;padding:18px 0;background:transparent;border:0;box-shadow:none}.article-header h1{font-size:30px}.article-cover{border-radius:var(--radius-md);aspect-ratio:1.55}.article-body{max-width:100%;margin:0;font-size:16px;line-height:1.85;padding:0}.article-body h2{font-size:22px;margin:1.6em 0 .6em}.article-body h3{font-size:19px;margin:1.4em 0 .5em}.article-body pre{padding:14px 12px;font-size:13px;border-radius:var(--radius-sm)}.article-body code{font-size:.92em}.article-body blockquote{margin:1.2em 0;padding-left:14px}.article-body table th,.article-body table td{padding:.4em .55em;font-size:14px}.article-body .katex-display{font-size:.95em}.article-actions{margin:28px 0 0}}@media (max-width: 480px){.article{padding:14px 0}.article-header{margin:0 0 22px}.article-header h1{font-size:26px;line-height:1.2;margin:14px 0 12px}.meta{gap:10px;font-size:11px}.article-body{font-size:16px;line-height:1.8}.article-body h2{font-size:20px;margin:1.5em 0 .5em}.article-body h3{font-size:17px;margin:1.3em 0 .45em}.article-body pre{padding:12px 10px;font-size:12.5px}.article-body table th,.article-body table td{padding:.35em .5em;font-size:13px}.article-body blockquote{margin:1em 0;padding:4px 0 4px 12px}.article-cover{aspect-ratio:1.45;margin:0 0 22px}}