/* Mobile-only overrides for the homepage (xy-ref-home).
   Loaded after preview.css and the active variant stylesheet so these rules
   win the cascade over each variant's responsive fallbacks. */

/* 打主产品热词条带：移动端强制横向滑动、缩小字体，紧贴轮播图下方 */
@media (max-width: 1080px) {
    .xy-ref-hot { padding: 8px 0; }
    .xy-ref-hot__inner {
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .xy-ref-hot span,
    .xy-ref-hot a {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
}

@media (max-width: 640px) {
    .xy-ref-hot { padding: 6px 0; }
    .xy-ref-hot__inner { gap: 6px; padding: 4px 0; }
    .xy-ref-hot span {
        min-height: 0 !important;
        padding: 6px 10px !important;
        margin: 0 !important;
        font-size: 12px;
        letter-spacing: 0;
    }
    .xy-ref-hot a {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 5px 10px !important;
        font-size: 12px;
        border-radius: 999px;
    }
}

/* 页脚：移动端隐藏导航菜单与二级菜单，剩余信息重新排列 */
@media (max-width: 1080px) {
    .xy-footer-main { grid-template-columns: 1fr; gap: 22px; }
    .xy-footer-nav { display: none !important; }
    .xy-footer-brand { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
    .xy-footer-brand h2 { font-size: 19px; }
    .xy-footer-slogan { margin: 8px 0 16px; }
    .xy-footer-meta h3 { margin-bottom: 12px; }
    .xy-footer-meta p { font-size: 12px; }
}