/* 横排滚动区（参考原站 RECENTLY PLAYED / POPULAR GAMES 的左右箭头） */
.ao-row{margin:22px 0 10px;--ao-card:rgba(19,34,78,.72);--ao-line:#1d2d55;--ao-line2:#33518f;--ao-accent:var(--ao-accent,#ffd700);--ao-sub:#8fa0cc;--ao-txt:#eaf0ff;}
.ao-row-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;}
.ao-row-head h3{font-size:17px;font-weight:800;letter-spacing:.3px;color:#fff;display:flex;align-items:center;gap:8px;margin:0;}
.ao-row-head h3 em{font-style:normal;font-size:12px;color:#8fa0cc;font-weight:600;letter-spacing:0;}
.ao-row-head .sp{flex:1;}
.ao-row-head .more{font-size:12px;color:var(--ao-sub);text-decoration:none;margin-right:4px;white-space:nowrap;}
.ao-row-head .more:hover{color:var(--ao-accent,#ffd700);}
.ao-arrow{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--ao-btn,rgba(27,47,87,1));border:1px solid var(--ao-btnline,#2b4271);color:#cbd7f1;
  font-size:15px;line-height:1;cursor:pointer;transition:.18s;user-select:none;flex:0 0 auto;}
.ao-arrow:hover{background:linear-gradient(180deg,#263c6d,#18294f);color:#fff;border-color:#3c568f;}
.ao-arrow.off{opacity:.25;cursor:default;}
.ao-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 8px;
  scrollbar-width:none;-ms-overflow-style:none;}
.ao-track::-webkit-scrollbar{display:none;}
.ao-track > *{flex:0 0 auto;}
.ao-track .game-card{width:178px;background:linear-gradient(160deg,#1b2a4d,#0f1b36) !important;}
.ao-row.short .ao-arrow{display:none;}

/* 供应商横排 */
.ao-prov{height:64px;min-width:148px;padding:0 16px;border-radius:12px;background:var(--ao-card);
  border:1px solid var(--ao-line);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;text-decoration:none;transition:.18s;}
.ao-prov img{max-height:24px;max-width:108px;object-fit:contain;}
.ao-prov b{font-size:12px;color:var(--ao-txt);font-weight:700;white-space:nowrap;}
.ao-prov i{font-size:11px;color:var(--ao-sub);font-style:normal;}
.ao-prov:hover{border-color:#3a5a99;background:rgba(26,45,92,.86);transform:translateY(-1px);}

/* 滚球/赛前赛事卡 */
.ao-mcard{width:302px;min-height:132px;padding:12px 14px;border-radius:14px;
  background:var(--ao-card);border:1px solid var(--ao-line);display:flex;flex-direction:column;gap:9px;
  transition:.18s;}
.ao-mcard:hover{border-color:#33518f;background:rgba(24,40,84,.86);}
.ao-mc-top{display:flex;align-items:center;gap:8px;font-size:11px;}
.ao-mc-top .lv{color:#ff4d6d;font-weight:800;letter-spacing:.4px;display:flex;align-items:center;gap:4px;}
.ao-mc-top .lv s{width:6px;height:6px;border-radius:50%;background:#ff2d55;display:inline-block;animation:aoBlink 1.5s infinite;}
@keyframes aoBlink{0%,100%{opacity:1}50%{opacity:.25}}
.ao-mc-top .pm{color:var(--ao-accent,#ffd700);font-weight:800;}
.ao-mc-top .lg{flex:1;color:var(--ao-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ao-teams{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ao-txt);}
.ao-teams span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ao-teams .mid{flex:0 0 auto;font-size:12px;color:var(--ao-sub);font-weight:700;background:rgba(255,255,255,.06);
  padding:2px 8px;border-radius:7px;}
.ao-odds{display:flex;gap:7px;margin-top:auto;}
.ao-odds .o{flex:1;padding:6px 0;border-radius:8px;background:#101d38;border:1px solid rgba(255,255,255,.12);
  display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;transition:.15s;}
.ao-odds .o:hover{background:#16305c;border-color:#3a5a99;}
.ao-odds .o i{font-style:normal;font-size:10.5px;color:var(--ao-sub);}
.ao-odds .o b{font-size:12.5px;color:var(--ao-accent);}

.ao-track .game-card{display:block !important;overflow:hidden;cursor:pointer;}
.ao-track .game-card .ao-cov{display:block;width:100%;height:186px;background-size:cover;background-position:center;border-radius:10px 10px 0 0;background-color:#0d1830;}
.ao-track .game-card .gc-name{padding:8px 10px 0;font-size:11.5px;font-weight:700;color:var(--ao-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent !important;}
.ao-track .game-card .gc-prov{padding:2px 10px 9px;font-size:10.5px;color:var(--ao-sub);background:transparent !important;}
.ao-prov{display:flex;align-items:center;gap:8px;padding:0 12px !important;height:44px;border-radius:12px;background:var(--ao-card);border:1px solid var(--ao-line);text-decoration:none;}
.ao-prov .ao-plogo{flex:0 0 auto;width:70px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#fff;border-radius:4px;}

/* fix: 供应商卡恢复纵向布局（logo / 名称 / 款数），避免 44px 行高把文字裁掉 */
.ao-row .ao-prov{height:auto !important;min-height:62px;padding:7px 14px !important;
  flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.ao-row .ao-prov .ao-plogo{width:86px;height:22px;margin:0 auto;}

/* fix2: 卡片高度交给内容决定，避免宿主页 aspect-ratio 把封面裁掉（/v3open） */
.ao-row .ao-track .game-card{aspect-ratio:auto !important;height:auto !important;min-height:0 !important;}

/* ao-smaller-card：热门/供应商横条游戏卡缩小一档（2026-11-13） */
.ao-track .game-card{width:150px !important;}
.ao-track .game-card .ao-cov{height:150px !important;}
.ao-track .game-card .gc-name{font-size:11px !important;padding:7px 9px 8px !important;}
@media (max-width:700px){
  .ao-track .game-card{width:124px !important;}
  .ao-track .game-card .ao-cov{height:124px !important;}
}

/* ao-sel：横排标题旁的下拉筛选 */
.ao-sel{background:rgba(0,0,0,.34);color:var(--hc,#fff);border:1px solid rgba(255,255,255,.2);
  border-radius:8px;padding:3px 8px;font-size:12px;height:28px;max-width:190px;
  outline:none;margin-right:8px;cursor:pointer;}
.ao-sel option{background:#1b1d26;color:#fff;}

/* ao-cardback：卡片背板跟随主题色，不再固定深蓝 */
.ao-track .game-card,
#freeGrid .game-card,
.game-card{
  background:color-mix(in srgb, var(--ao-accent,#ffd700) 16%, var(--ao-bg2,#14161f)) !important;
  border:1px solid color-mix(in srgb, var(--ao-accent,#ffd700) 34%, transparent) !important;
}
.gc-name{
  background:transparent !important;
  color:color-mix(in srgb, var(--ao-accent,#ffd700) 30%, #ffffff) !important;
}
.gc-prov{color:color-mix(in srgb, var(--ao-accent,#ffd700) 45%, #9aa7c2) !important;}
.ao-prov{
  background:color-mix(in srgb, var(--ao-accent,#ffd700) 12%, var(--ao-bg,#0a0b10)) !important;
  border:1px solid color-mix(in srgb, var(--ao-accent,#ffd700) 26%, transparent) !important;
}
.ao-mcard{
  background:color-mix(in srgb, var(--ao-accent,#ffd700) 11%, var(--ao-bg,#0a0b10)) !important;
  border:1px solid color-mix(in srgb, var(--ao-accent,#ffd700) 24%, transparent) !important;
}