.article-shell{padding:150px 0 92px;background:linear-gradient(180deg,var(--brand-bg-alt),#fff 260px)}.article-main{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:36px;box-shadow:var(--shadow-card)}.article-main h1{font-size:max(2rem, min(4vw, 3.6rem));line-height:1.1;font-weight:900;margin-top:16px}.article-content{color:var(--brand-text);font-size:1.04rem}.article-content h2,.article-content h3{font-weight:900;margin-top:32px}.article-content p{color:var(--brand-text-secondary)}.article-nav,.article-share,.author-card,.comment-box{border-top:1px solid var(--brand-border);margin-top:32px;padding-top:26px}.article-share{display:flex;flex-wrap:wrap;gap:14px}.article-share span{font-weight:900;color:var(--brand-text)}.author-card{display:flex;gap:18px;align-items:center}.author-card img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--brand-bg-alt)}.author-card h2{font-size:1.1rem;font-weight:850}.author-card p,.comment-box p{color:var(--brand-text-secondary);margin:0}.article-nav{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.article-nav a{display:block;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);font-weight:800}.article-nav span{display:block;color:var(--brand-text-secondary);font-size:.82rem}.toc-card{position:sticky;top:100px;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);box-shadow:var(--shadow-card);margin-bottom:22px}.toc-card h2{font-size:1rem;font-weight:900}.toc-card ul{margin:0;padding-left:18px}@media (max-width:991.98px){.toc-card{position:static}}@media (max-width:575.98px){.article-main{padding:24px}.article-nav{grid-template-columns:1fr}}