/**
 * MS随机游戏 样式（mcmod.cc 同款蓝色主题）
 */

:root {
    --xd-random-primary-bg: #ffffff; /* ★ 和搜索框同款纯白背景 */
    --xd-random-card-bg: #ffffff;
    --xd-random-body-bg: #f4f4f4;
    --xd-random-text: #333;
    --xd-random-muted: #666;
    --xd-random-muted-2: #999;
    --xd-random-focus: #222;
    --xd-random-radius: 12px;
    --xd-random-shadow: 0 10px 40px rgba(0,0,0,.15);
}

/* ================================================
   ★ 插件按钮颜色（完全跟随网站主色 #529dc7）
   白天/暗夜统一：开始抽取/立即下载=实底蓝白字，
   再抽一次=蓝边蓝字，hover变实底
   ================================================ */
.xd-dahai-random-game .but.c-blue {
    background: #529dc7 !important;
    border: 1px solid #529dc7 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(82,157,199,.28);
}
.xd-dahai-random-game .but.c-blue:hover {
    background: #3d8cb8 !important;
    border-color: #3d8cb8 !important;
    color: #ffffff !important;
    filter: none !important;
    transform: none !important;
}
.xd-dahai-random-game .but.hollow.c-blue {
    background: transparent !important;
    border: 1.5px solid #529dc7 !important;
    color: #529dc7 !important;
    box-shadow: none !important;
}
.xd-dahai-random-game .but.hollow.c-blue:hover {
    background: #529dc7 !important;
    color: #ffffff !important;
    border-color: #529dc7 !important;
}

/* 避免与主题冲突，全部加组件根前缀 */
.xd-dahai-random-game {
    --xd_score-left-bg: var(--xd-random-primary-bg);
    --main-radius: var(--xd-random-radius);
    --main-bg-color: var(--xd-random-card-bg);
    --body-bg-color: var(--xd-random-body-bg);
    --muted-color: var(--xd-random-muted);
    --muted-2-color: var(--xd-random-muted-2);
    --focus-color: var(--xd-random-focus);
    --main-color: var(--xd-random-text);
    --main-shadow: var(--xd-random-shadow);
}

/* =========================================================
   ★ 盒子层彻底透明化（只改容器背景/圆角/阴影/padding）
   原因：子比 .zib-widget 外层已经有了 1:1 对齐的：
         background:#fff / padding:15px / radius:8px / shadow:rgba(116,116,116,.08)
         插件再叠一层就会出现：更白/更深阴影/圆角不一致 → 双层色差

   ★ 保留不动的（内容本身的样式，不是盒子叠加）：
     - .xd-dahai-random-intro   渐变欢迎面板（这是内容）
     - .xd-dahai-random-card .but .category .date 按钮/标签/日期
     - .xd-dahai-random-square-thumb 小缩略图（这是内容）
     - .xd-dahai-random-main-thumb   封面（这是内容）
     - .xd-dahai-random-excerpt      简介背景（内容区的淡灰底，保留）
   ========================================================= */
.xd-dahai-random-game {
    /* 盒子层全部透明化，交给子比 .zib-widget 外层统一管 */
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;  /* 不再 hidden，让子比外层圆角裁切 */
    /* 以下布局属性保留 */
    position: relative;
    max-width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    box-sizing: border-box;
    width: 100%;
}

/* 内部卡片容器：同样透明化 + 去掉内部 padding（由子比外层统一 padding:15px）
   但保留 layout 必需的 overflow / 其它非盒子属性 */
/* ==================== 抽取后的游戏卡片 ==================== */

/* 卡片根容器：保持 padding:0（子比外层 15px 统一包） */
.xd-dahai-random-game .xd-dahai-random-card {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

/* 大封面图：用负 margin 拉出去顶到子比卡片边缘（像欢迎面板那样）*/
.xd-dahai-random-game .xd-dahai-random-main-thumb {
    display: block;
    width: auto !important;              /* 让 margin:auto 生效 */
    margin: -15px -15px 12px -15px !important;  /* ★ 上右下左 -15px，底部 12px 留白 */
    padding: 0;
    border-radius: 0 !important;         /* 封面图自己不圆角，子比外层统一 8px 裁切 */
    overflow: hidden;
    background: transparent;
    box-shadow: none !important;
}
.xd-dahai-random-game .xd-dahai-random-main-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px !important;
}

/* 小方块缩略图：图二 mcmod.cc 没有这个！直接隐藏掉 */
.xd-dahai-random-game .xd-dahai-random-square-thumb {
    display: none !important;             /* ★ 隐藏！meta-row 只留分类+日期 */
}

/* meta-row：分类标签 + 日期 一行排开，像图二那样 */
.xd-dahai-random-game .xd-dahai-random-meta-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;  /* ★ 分类贴左，日期贴右 */
    gap: 0;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.3;
}

/* 分类标签：淡灰底深灰字 */
.xd-dahai-random-game .xd-dahai-random-category {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    background: rgba(0,0,0,.06);  /* 淡灰底 */
    color: #333;                   /* 深灰字 */
    font-size: 12px;
    line-height: 1.6;
}

/* 日期：灰色靠右 */
.xd-dahai-random-game .xd-dahai-random-date {
    display: inline-block;
    color: var(--xd-random-muted-2, #999);
    font-size: 12px;
}

/* 欢迎面板：透明化，复用父容器(zib-widget-wrap)的白底/圆角，不叠第二层 */
.xd-dahai-random-game .xd-dahai-random-intro {
    background: transparent !important;
    padding: 14px 14px 12px;
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
    text-align: center;
    box-sizing: border-box;
}

/* 图标圆圈：更小，52→46px，彻底收紧 */
.xd-dahai-random-game .xd-dahai-random-intro-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background: rgba(0,0,0,.08);
    border: 2px solid rgba(0,0,0,.15);
    color: #222;
    font-size: 20px;
}

/* 标题行：去掉 SVG + p 之间的额外 margin，让麦穗和标题贴紧 */
.xd-dahai-random-game .xd_score-emoji-title-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;                   /* ★ 8 → 6 */
    margin-bottom: 2px;         /* ★ 8px → 2px，几乎贴着副标题 */
}

.xd-dahai-random-game .xd_score-emoji-title {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

/* 副标题 */
.xd-dahai-random-game .xd-dahai-random-intro-text {
    color: #555;
    opacity: 1;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 1.3;
}

/* ★★★ 下拉框从 intro 搬到 meta-row 后，meta-row 里的样式 */
.xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter-wrap {
    margin-bottom: 0 !important;
    flex-shrink: 0;
}
.xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter {
    width: auto !important;
    max-width: none !important;
    padding: 1px 20px 1px 6px !important;   /* 更紧凑 */
    font-size: 12px !important;
    line-height: 1.4 !important;
    height: 22px !important;
    border-radius: 3px !important;
    border: 1px solid #ddd !important;      /* 白底上用深灰边框 */
    background: #fff !important;
    color: #333 !important;
}

.xd-dahai-random-game .xd-dahai-random-intro-icon i {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    line-height: 1;
}

/* 麦穗 SVG：缩到 18px，更精致不撑高度 */
.xd-dahai-random-game .xd_score-wheat-left,
.xd-dahai-random-game .xd_score-wheat-right {
    width: 18px;              /* ★ 28 → 18 */
    height: 18px;
    fill: #fff;
    opacity: .75;
}

/* ==================== 按钮 ==================== */
.xd-dahai-random-game .but {
    display: inline-block;
    padding: .6em 1.5em;               /* ★ .7em → .6em 稍紧凑 */
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: all .15s ease;          /* ★ .2s → .15s 更快 */
    min-width: 100px;              /* ★ 120 → 100 缩一点 */
    line-height: 1.5;
}



/* ==================== 前台分类筛选下拉框 ==================== */
.xd-dahai-random-game .xd-dahai-random-cat-filter-wrap {
    margin-bottom: 10px;           /* 和下方按钮间距 */
}
.xd-dahai-random-game .xd-dahai-random-cat-filter {
    width: 100%;
    max-width: 200px;
    padding: 6px 28px 6px 10px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.2);
    background: rgba(255,255,255,.95);
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 6px;
    cursor: pointer;
    outline: none;
    transition: border-color .2s;
}
.xd-dahai-random-game .xd-dahai-random-cat-filter:hover {
    border-color: #999;
}
.xd-dahai-random-game .xd-dahai-random-cat-filter:focus {
    border-color: #666;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
}

/* ==================== 卡片 ==================== */
/* （.xd-dahai-random-card / .xd-dahai-random-main-thumb /
   .xd-dahai-random-square-thumb / .xd-dahai-random-excerpt
   已在顶部「盒子层彻底透明化」区块统一声明，这里不再重复定义 background/padding/border-radius） */

.xd-dahai-random-game .xd-dahai-random-main-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    transition: transform .3s ease;
}

.xd-dahai-random-game .xd-dahai-random-main-thumb:hover img {
    transform: scale(1.03);
}

.xd-dahai-random-game .xd-dahai-random-meta-row {
    position: relative;
    z-index: 2;
}

/* body 正文区域：清掉额外 padding，让标题/简介/按钮紧贴封面宽度（和图二一致） */
.xd-dahai-random-game .xd-dahai-random-body {
    padding: 0 !important;    /* ★ 0 4px → 0 0 之前有左右 4px 缩进导致内容比封面窄 */
}

.xd-dahai-random-game .xd-dahai-random-body h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xd-dahai-random-game .xd-dahai-random-body h3 a {
    color: var(--xd-random-text);
    text-decoration: none;
}

.xd-dahai-random-game .xd-dahai-random-body h3 a:hover {
    color: #529dc7 !important;
}

/* .xd-dahai-random-excerpt 已在顶部透明化区块保留（淡灰内容底色不是盒子叠加，保留） */

.xd-dahai-random-game .xd-dahai-random-excerpt > span {
    display: -webkit-box;
    height: 3.1em;
    max-height: 3.1em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.xd-dahai-random-game .xd-dahai-random-actions {
    display: flex;
    gap: 8px;
}

.xd-dahai-random-game .xd-dahai-random-actions .but {
    flex: 1;
    min-width: 0;
    text-align: center;
    font-size: 14px;
    padding: .55em .8em;
    border-radius: 10px;
}



/* ==================== 彩带动画 ==================== */
.xd-dahai-random-game .xd-dahai-confetti {
    position: absolute;
    left: 50%;
    top: 42%;
    width: 7px;
    height: 12px;
    border-radius: 2px;
    pointer-events: none;
    animation: xd-dahai-confetti-fall 1.4s ease-out forwards;
    z-index: 5;
}

.xd-dahai-random-game .xd-dahai-confetti:nth-child(3n) {
    width: 5px;
    height: 9px;
}

.xd-dahai-random-game .xd-dahai-confetti:nth-child(4n) {
    border-radius: 50%;
}

@keyframes xd-dahai-confetti-fall {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--x)), var(--y)) rotate(var(--r));
    }
}

/* ==================== 侧边栏小工具自适应 ==================== */
.widget .xd-dahai-random-game {
    font-size: 14px;
}

.widget .xd-dahai-random-game .xd-dahai-random-card {
    padding: 12px;
}

.widget .xd-dahai-random-game .xd-dahai-random-square-thumb {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
}

.widget .xd-dahai-random-game .xd-dahai-random-body h3 {
    font-size: 16px;
}

.widget .xd-dahai-random-game .xd-dahai-random-excerpt {
    font-size: 12px;
    height: calc(3.5em + 10px);
}

.widget .xd-dahai-random-game .xd-dahai-random-actions .but {
    font-size: 13px;
    padding: .45em .6em;
}

/* ==================== 响应式 ==================== */
@media (max-width: 768px) {
    .xd-dahai-random-game .xd-dahai-random-card {
        gap: 12px;
    }
    .xd-dahai-random-game .xd-dahai-random-square-thumb {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
    }
    .xd-dahai-random-game .xd-dahai-random-body h3 {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .xd-dahai-random-game .xd-dahai-random-intro {
        padding: 22px 16px 18px;
    }
    .xd-dahai-random-game .xd-dahai-random-card {
        padding: 12px;
    }
    .xd-dahai-random-game .xd-dahai-random-square-thumb {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }
    .xd-dahai-random-game .xd-dahai-random-body h3 {
        font-size: 16px;
    }
    .xd-dahai-random-game .xd-dahai-random-excerpt {
        font-size: 12px;
    }
}

/* ==================== 暗夜/夜间模式适配（全覆盖 Zibll 所有可能的暗夜标识符） ==================== */
/* 子比主题的暗夜模式可能落在：html/body上的 .night-mode/.night 或 data-theme 属性；全部用逗号并集命中 */

/* 1) 图标圆圈 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-intro-icon,
body.night .xd-dahai-random-game .xd-dahai-random-intro-icon,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-intro-icon,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-intro-icon,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-intro-icon,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-intro-icon {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #ffffff !important;
}

/* 2) 标题 "MS随机游戏" */
body.dark-theme .xd-dahai-random-game .xd_score-emoji-title,
body.night .xd-dahai-random-game .xd_score-emoji-title,
body.dark-theme .xd-dahai-random-game .xd_score-emoji-title,
body[data-theme="dark"] .xd-dahai-random-game .xd_score-emoji-title,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-emoji-title,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-emoji-title {
    color: #ffffff !important;
}

/* 3) 麦穗 SVG */
body.dark-theme .xd-dahai-random-game .xd_score-wheat-left path,
body.dark-theme .xd-dahai-random-game .xd_score-wheat-right path,
body.night .xd-dahai-random-game .xd_score-wheat-left path,
body.night .xd-dahai-random-game .xd_score-wheat-right path,
body.dark-theme .xd-dahai-random-game .xd_score-wheat-left path,
body.dark-theme .xd-dahai-random-game .xd_score-wheat-right path,
body[data-theme="dark"] .xd-dahai-random-game .xd_score-wheat-left path,
body[data-theme="dark"] .xd-dahai-random-game .xd_score-wheat-right path,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-wheat-left path,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-wheat-right path,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-wheat-left path,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd_score-wheat-right path {
    fill: #e8e8e8 !important;
}

/* 4) 副标题 "随机发现一款精彩游戏" */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-intro-text,
body.night .xd-dahai-random-game .xd-dahai-random-intro-text,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-intro-text,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-intro-text,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-intro-text,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-intro-text {
    color: #e6e6e6 !important;
}

/* 5) 下拉框：深灰底 + 浅灰字，和深灰卡片融为一体 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-cat-filter,
body.night .xd-dahai-random-game .xd-dahai-random-cat-filter,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-cat-filter,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter {
    background: #2a2a2a !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23dddddd'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px 6px !important;
}
body.dark-theme .xd-dahai-random-game .xd-dahai-random-cat-filter option,
body.night .xd-dahai-random-game .xd-dahai-random-cat-filter option,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-cat-filter option,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter option,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter option,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-cat-filter option {
    background: #2a2a2a !important;
    color: #ffffff !important;
}

/* 6) 抽取后卡片标题和链接 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3 a,
body.night .xd-dahai-random-game .xd-dahai-random-body h3,
body.night .xd-dahai-random-game .xd-dahai-random-body h3 a,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3 a,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-body h3,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a {
    color: #ffffff !important;
}
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3 a:hover,
body.night .xd-dahai-random-game .xd-dahai-random-body h3 a:hover,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-body h3 a:hover,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a:hover,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a:hover,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-body h3 a:hover {
    color: #529dc7 !important;
}

/* 7) 摘要 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-excerpt > span,
body.night .xd-dahai-random-game .xd-dahai-random-excerpt > span,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-excerpt > span,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-excerpt > span,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-excerpt > span,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-excerpt > span {
    color: #e6e6e6 !important;
}

/* 8) 日期 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-date,
body.night .xd-dahai-random-game .xd-dahai-random-date,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-date,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-date,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-date,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-date {
    color: #c8c8c8 !important;
}

/* 9) 分类标签 */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-category,
body.night .xd-dahai-random-game .xd-dahai-random-category,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-category,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-category,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-category,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-category {
    background: rgba(255,255,255,.06) !important;
    color: #e8e8e8 !important;
}

/* 10) meta-row里的下拉框（抽取后） */
body.dark-theme .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter,
body.night .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter,
body.dark-theme .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter,
body[data-theme="dark"] .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter,
html[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter,
body[data-theme-mode="dark"] .xd-dahai-random-game .xd-dahai-random-meta-row .xd-dahai-random-cat-filter {
    background: #2a2a2a !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23dddddd'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px 6px !important;
}



/* ==================== 侧栏随动（已废弃） ==================== */
/* 侧栏随动现在由 xd_rg_inject_affix filter 统一注入
   data-affix="true" + 去 zib-widget-wrap 冲突类，
   和 hot-rank-widget 同款子比原生 affix 机制，
   不再需要自写 position:sticky wrapper —— 这里的旧 CSS 全部注释掉
   （防止和子比 affix JS 的 fixed 定位冲突）。*/
/*
.xd-random-game-affix {
    position: -webkit-sticky;
    -webkit-position: sticky;
    clear: both;
}
.widget .xd-random-game-affix {}
body.xd-random-no-sticky .xd-random-game-affix {
    position: absolute;
}
*/