/* player-home-provider-order-css-v1-20260918.css * * 首页厂商卡片的顺序改用 CSS 在【首帧】就排好，根治「先闪一下旧顺序再跳到正确顺序」。 * * 为什么会闪：卡片上没有任何厂商标识（没有 data-provider、没有 href、没有文字）， * 认厂商只能靠 ；而顺序一直是 player-game-provider-priority-*.js 在节点插入 * 之后写内联 style.order 实现的 —— JS 再早也快不过浏览器画第一帧，所以第一帧永远是 * 未排序的 DOM 原始顺序（实测：Microgaming / KingMidas / DB CASINO / Playtech…）。 * * CSS 是渲染阻塞的：只要这张表在 里，第一帧就已经是正确顺序，不需要等 JS。 * 选择器用 :has(img[alt]) 认厂商，和 JS 的识别依据完全一致。 * 实测（20260918 线上）：清掉全部内联 order 后只靠本文件，20 张卡片的顺序与 JS 排完 * 的结果一字不差。 * * 用 @layer + !important：本项目里未分层的 !important 恒压过普通规则， * 而分层的 !important 反过来压过未分层的 !important（见 player-frontend-css-override-layer-trap）。 * 顺带也压过 JS 写的内联非 important 值——两边取值同源，结果一致。 * * ⚠️ 改动顺序时【两处都要改】：本文件 + player-game-provider-priority-*.js 的 priorityMatchers。 * 只改 JS 不改这里，CSS 会把 JS 的新顺序压回去。 */ @layer vip-source-lock { #root#root .home-game-provider-tile:has(img[alt="SBO Transfer"]) { order: -11 !important; } #root#root .home-game-provider-tile:has(img[alt="SABA Sports Transfer"]) { order: -10 !important; } #root#root .home-game-provider-tile:has(img[alt="PG Soft Transfer"]) { order: -9 !important; } #root#root .home-game-provider-tile:has(img[alt="Lucky365 Transfer"]) { order: -8 !important; } #root#root .home-game-provider-tile:has(img[alt="Sexy Casino Transfer"]) { order: -7 !important; } #root#root .home-game-provider-tile:has(img[alt="Big Gaming Transfer"]) { order: -6 !important; } #root#root .home-game-provider-tile:has(img[alt="JDB Transfer"]) { order: -5 !important; } #root#root .home-game-provider-tile:has(img[alt="JILI Transfer"]) { order: -4 !important; } #root#root .home-game-provider-tile:has(img[alt="Microgaming"]) { order: -3 !important; } #root#root .home-game-provider-tile:has(img[alt="PP Slots Transfer"]) { order: -2 !important; } #root#root .home-game-provider-tile:has(img[alt="PP Live Casino Transfer"]) { order: -1 !important; } }