/* 全站可配置导航内容：卡片滑动、长菜单与可变数量的页脚栏目。 */
.spark-nav__thumbs { min-width: 0; }
.spark-nav__thumbs .spark-nav__thumb { width: calc((100% - 8px) / 2); aspect-ratio: 262 / 192; }
.spark-nav__thumbs:not(.spark-nav__thumbs--scroll) { justify-content: center; }
.spark-nav__thumbs--scroll {
    --nav-fade-left: 0px;
    --nav-fade-right: 0px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    /* scroll-snap-type: x mandatory; */
    scrollbar-width: none;
    cursor: grab;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--nav-fade-left), #000 calc(100% - var(--nav-fade-right)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--nav-fade-left), #000 calc(100% - var(--nav-fade-right)), transparent);
}
.spark-nav__thumbs--more-left { --nav-fade-left: 20px; }
.spark-nav__thumbs--more-right { --nav-fade-right: 20px; }
.spark-nav__thumbs--scroll::-webkit-scrollbar { display: none; }
/* 两张完整卡片 + 两个 8px 间隙 + 下一张露出 28px。 */
.spark-nav__thumbs--scroll .spark-nav__thumb { width: calc((100% - 44px) / 2); scroll-snap-align: start; }
.spark-nav__thumbs--scroll .spark-nav__thumb:last-child { scroll-snap-align: end; }
.spark-nav__thumbs--dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.spark-nav__thumbs--dragging a { cursor: grabbing; }
.spark-nav__thumbs:focus-visible { outline: 2px solid white; outline-offset: -2px; }
.spark-nav__thumb:focus-visible { outline: 2px solid white; outline-offset: -3px; }
.spark-nav__thumb span, .spark-nav__link-text { overflow-wrap: anywhere; }
[data-nav-panel="menu"] { overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; min-width: 0; }
.pixboom-footer-columns { display: grid; gap: 16rem; min-width: 0; }
.pixboom-footer-column { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 768px) {
    .pixboom-footer-columns { grid-column: span 8; grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); gap: 40px 24px; align-content: start; }
}
@media (min-width: 1280px) {
    .pixboom-footer-columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}