/* 新博客模板沿用定稿网站的色彩与排版，不修改已有页面样式。 */
.article-media{margin:28px 0}.article-media img,.article-cover{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:16px}.article-media video{width:100%;max-height:70vh;background:#25394e;border-radius:16px}.article-media audio{width:100%;margin:12px 0}.article-media figcaption,.article-gallery figcaption{font-size:13px;color:var(--muted);margin-top:8px}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.article-gallery img{width:100%;height:280px;object-fit:cover;border-radius:14px}.article-table-scroll{overflow-x:auto;margin:24px 0}.article-table-scroll .table{min-width:480px}.article-toc{display:grid;gap:8px;padding:24px;border-radius:16px;box-shadow:var(--inset);margin:24px 0}.article-toc a{color:var(--accent);padding:4px 0}.article-template-case h2{border-left:4px solid var(--accent);padding-left:16px}.article-template-media .article-media:first-of-type{margin-top:28px}.article-related{padding:20px 24px;box-shadow:var(--inset);border-radius:16px;margin:24px 0}.article-related a{color:var(--accent);font-weight:600}.post-cover{display:block;width:100%;height:220px;object-fit:cover;border-radius:16px}.article-lead{font-size:18px!important;color:var(--muted)!important;border-bottom:1px solid var(--line);padding-bottom:20px}.article-cover{margin:20px 0 28px!important;max-height:440px}.article-template-media{max-width:1100px!important}.article-template-tutorial{max-width:960px!important}@media(max-width:640px){.article-gallery{grid-template-columns:1fr;gap:16px}.article-gallery img{height:auto;max-height:500px}.article-toc{padding:20px}.article-media{margin:24px 0}.article-lead{font-size:16px!important}.post-cover{height:180px}}

.article-gallery-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.article-gallery-carousel figure{flex:0 0 85%;margin:0;scroll-snap-align:start}.article-gallery-controls{display:flex;justify-content:space-between;gap:16px;margin-top:12px}.article-gallery-controls button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);cursor:pointer;font:inherit}.article-gallery-block{padding:0!important}.article-gallery-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}