/* ==========================================================================
   广告位 · 手机端素材与文案开关
   --------------------------------------------------------------------------
   后台「广告内容」新增：手机端广告图 + 三个文字字段的「手机端展示」开关。
   服务端同时输出两份素材（桌面图 / 手机端图），这里只负责切换：
     · [data-ad-m="1"]  → 手机端改用手机端广告图（属性由 juc_ad_bg_attrs() 输出）
     · .juc-ad-hide-m   → 后台选了「否」的文字块，手机端隐藏（类由 juc_ad_hide_m() 输出）
   只在 layouts/app.blade.php 引入一次；不改 HTML 结构，
   页面缓存与爬虫看到的仍是同一份内容，也不会因 UA 判断导致缓存串味。
   ========================================================================== */

@media (max-width: 768px) {
    /* 手机端广告图：行内 style 里的 background-image 需要 !important 才压得住 */
    [data-ad-m="1"] {
        background-image: var(--juc-ad-bg-m) !important;
    }

    /* 后台「手机端展示」选了「否」的文字块 */
    .juc-ad-hide-m {
        display: none !important;
    }
}