/* story-top.css（homepage-v4 · 2026-10-20 下午 · 合并自 spikes/19-article-gallery/topbar.css）—— 故事页（G1 图集版）的顶栏
   顶栏内容对齐图集的左右边（--g-max 960 + 两侧 page-x），底色整宽；不 sticky、不模糊（吸顶栏见 css/topbar.css，--bar-w 让它也对齐图集）。
   右上一组（光线三档）由 js/topbar.js 挂进 .top-in。左 = 小字标 .plik-mini（js/ui.js 填 [data-plik-mini] · v3 · R33）；高 = --bar-h 56（R25，手机同值）。 */
body { --g-max: 960px; --top-w: calc(var(--g-max) + 2 * var(--page-x)); --bar-w: var(--g-max); --pad-x: var(--page-x); }
.top { position: static; height: auto; padding: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; display: block; }
.top .top-in { max-width: var(--top-w); margin: 0 auto; padding: 0 var(--page-x); height: var(--bar-h); display: flex; align-items: center; gap: 16px; }
.top .home { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.top .top-in > .ui-group { flex: none; }
@media (max-width: 699.98px) { .top .top-in { gap: 10px; } }