.reward.card-title{margin:3em 0 2em -1.25rem;padding:5px 45px 5px 20px;width:240px;background:#FFF4DD url(../img/arw.gif) no-repeat 100% 50%;color:#F26C4F;font-size:12px;}.xi1{background:#FFF4DD;border-radius:3px;padding:2px 3px;margin-left:5px;}td.reward,th.reward{border-bottom:1px dashed #CCC;border-top:0;}td.reward.xi3{color:#999;}.xi2,.xi1{color:#F26C4F;}@media (min-width:576px){.reward.x1{width:30%;}.reward.x2{width:20%;}.reward.x3{width:55%;}}@media (min-width:768px){.reward.x1{width:20%;}.reward.x2{width:15%;}}@media (min-width:992px){.reward.x1{width:25%;}.reward.x2{width:15%;}.reward.x3{width:55%;}}.card.search .card-header:after{top:3.05rem;}@media (max-width:576px){.reward.x1{width:35%;}.reward.x2{width:25%;}.reward.x3{width:40%;}.card > .card-header{background-color:#ffffff;}.card-header-tabs > .nav-item > .nav-link.active{border-color:#ffffff;border-bottom-color:#343a40;}.navbar-brand{font-size:1.05rem;}.card.search .card-header{background-color:#ffffff;}}.icon_ring.vm{width:0.75rem;height:0.75rem;display:inline-block;margin-right:5px;border:2px solid #F26C4F;-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;border-radius:0.5rem;box-shadow:0px 0px 1px rgba(0,0,0,0.2);}.icon_ring:hover{background:#F26C4F;border:2px solid #FFF;}th.reward.x1,th.reward.x2,th.reward.x3{font-size:0.9rem;}p.ratc{margin-top:-0.4rem;}.ratc{padding:0 0 0.6rem 2px;border-bottom:1px dashed #CCC;font-size:0.9rem;}td.reward{padding:0.6rem 2px 0.1rem 2px;line-height:25px;}td.reward a{color:#333;font-size:1rem;}th.reward{padding-left:2px;}.reward .avatar-2{height:1.8rem !important;}.post_reply.btn.btn-outline-secondary{margin-right:0.5rem;margin-left:0.5rem;}

/* v19 赞赏列表头像强制修复：保留硬币/弹窗/大会员粉名等前面修改 */
#fox_reward table.fox-reward-table td.fox-reward-user-cell,
#fox_reward .fox-reward-user-cell {
    width: 160px !important;
    vertical-align: middle !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#fox_reward .fox-reward-user {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: 150px !important;
    line-height: 24px !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

#fox_reward .fox-reward-avatar-wrap {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    flex: 0 0 24px !important;
}

#fox_reward .fox-reward-avatar,
#fox_reward img.fox-reward-avatar,
#fox_reward .fox-reward-user img,
#fox_reward td.fox-reward-user-cell img,
#fox_reward table.fox-reward-table td:first-child img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

#fox_reward .fox-reward-username {
    display: inline-block !important;
    max-width: 110px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

#fox_reward .fox-reward-username--vip {
    color: #fb7299 !important;
    font-weight: 700 !important;
}

@media (max-width: 576px) {
    #fox_reward .fox-reward-avatar-wrap,
    #fox_reward .fox-reward-avatar,
    #fox_reward img.fox-reward-avatar,
    #fox_reward .fox-reward-user img,
    #fox_reward td.fox-reward-user-cell img,
    #fox_reward table.fox-reward-table td:first-child img {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
    }
}

/* v25 修复投币弹窗：恢复卡片投币样式，避免提示弹窗样式影响投币窗口 */
.fox-coin-modal-card{border:0!important;border-radius:16px!important;overflow:hidden;background:#fff;box-shadow:none!important;}
.fox-coin-modal-body{padding:24px 28px 26px!important;background:#fff;}
.fox-coin-title{margin:4px 0 18px;text-align:center;color:#444;font-size:18px;line-height:1.5;}
.fox-coin-title__num{display:inline-block;margin:0 4px;color:#13a6dd;font-size:28px;font-weight:700;vertical-align:middle;}
.fox-coin-options{display:flex;justify-content:center;gap:22px;margin-bottom:22px;}
.fox-coin-option{width:200px;min-height:280px;padding:14px 14px 12px;border:2px dashed #d8d8dc;border-radius:12px;background:#fff;transition:all .18s ease;position:relative;cursor:pointer;outline:none!important;}
.fox-coin-option:hover:not(.is-disabled),.fox-coin-option.is-active{border-style:solid;border-color:#0ea5dc;background:#f7fbfe;box-shadow:0 8px 20px rgba(14,165,220,.10);}
.fox-coin-option.is-disabled{opacity:.36;cursor:not-allowed;filter:grayscale(1);background:#fafafa;}
.fox-coin-option__label{display:block;text-align:center;color:#888;font-size:16px;font-weight:600;}
.fox-coin-option.is-active .fox-coin-option__label{color:#0ea5dc;}
.fox-coin-option__visual{position:relative;height:210px;margin-top:14px;}
.fox-coin-option__coin{position:absolute;top:8px;left:50%;width:58px;height:58px;margin-left:-29px;border-radius:50%;border:2px solid #bcc0c8;background:radial-gradient(circle at 30% 28%,#fff 0%,#e8eaee 42%,#bcc2c9 72%,#eef0f3 100%);box-shadow:inset 0 3px 8px rgba(255,255,255,.95),0 5px 10px rgba(0,0,0,.10);color:#8f959d;font-size:27px;font-weight:700;line-height:54px;text-align:center;z-index:3;}
.fox-coin-option__coin--left{left:calc(50% - 20px);}.fox-coin-option__coin--right{left:calc(50% + 20px);}
.fox-coin-option__mascot{position:absolute;left:50%;bottom:0;width:105px;height:145px;transform:translateX(-50%);}
.fox-coin-option__mascot:before,.fox-coin-option__mascot:after{content:'';position:absolute;}
.fox-coin-option__mascot:before{left:22px;top:12px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 48% 38%,#ffe3df 0 32%,#ffd0c7 33% 100%);box-shadow:0 1px 0 rgba(0,0,0,.04);}
.fox-coin-option__mascot:after{left:27px;bottom:18px;width:52px;height:64px;border-radius:26px 26px 16px 16px;background:linear-gradient(180deg,#8eb6ff 0%,#4a74dd 100%);box-shadow:0 8px 12px rgba(74,116,221,.16);}
.fox-coin-option__mascot--one{background:radial-gradient(circle at 38% 22%,#6f9cf2 0 24%,transparent 25%),radial-gradient(circle at 62% 22%,#6f9cf2 0 24%,transparent 25%),radial-gradient(circle at 50% 20%,#88b1ff 0 34%,transparent 35%),radial-gradient(circle at 32% 43%,#1e2c58 0 4%,transparent 5%),radial-gradient(circle at 68% 43%,#1e2c58 0 4%,transparent 5%),radial-gradient(circle at 50% 58%,#ff9aa4 0 8%,transparent 9%),linear-gradient(180deg,transparent 0 18%,#84aaff 18% 60%,transparent 60%),linear-gradient(180deg,transparent 0 56%,#1f3278 56% 68%,transparent 68%),linear-gradient(180deg,transparent 0 67%,#1d2544 67% 100%);background-repeat:no-repeat;}
.fox-coin-option__mascot--two{background:radial-gradient(circle at 38% 22%,#d7dce8 0 24%,transparent 25%),radial-gradient(circle at 62% 22%,#d7dce8 0 24%,transparent 25%),radial-gradient(circle at 50% 20%,#eceff5 0 34%,transparent 35%),radial-gradient(circle at 32% 43%,#5a6170 0 4%,transparent 5%),radial-gradient(circle at 68% 43%,#5a6170 0 4%,transparent 5%),radial-gradient(circle at 50% 58%,#c2c7d3 0 8%,transparent 9%),linear-gradient(180deg,transparent 0 18%,#e5e8ef 18% 60%,transparent 60%),linear-gradient(180deg,transparent 0 56%,#c5cad5 56% 68%,transparent 68%),linear-gradient(180deg,transparent 0 67%,#8f97a6 67% 100%);background-repeat:no-repeat;}
.fox-coin-actions{text-align:center;margin:6px 0 14px;}.fox-coin-submit{min-width:200px;height:46px;border:0!important;border-radius:9px!important;background:linear-gradient(180deg,#19afe3 0%,#0f9ad1 100%)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:0 10px 20px rgba(15,154,209,.16);}.fox-coin-submit:hover{transform:translateY(-1px);filter:brightness(1.02);}.fox-coin-balance{text-align:center;color:#9aa0ab;font-size:14px;}.fox-coin-balance span{color:#666;font-weight:700;}
@media(max-width:576px){.fox-coin-modal-body{padding:16px 16px 20px!important}.fox-coin-options{flex-direction:column;align-items:center;gap:14px}.fox-coin-option{width:100%;max-width:240px;min-height:240px}.fox-coin-option__visual{height:168px}.fox-coin-submit{min-width:180px;width:100%;max-width:240px}}


/* v37 投币弹窗细节修复：清理重影/重叠，未选中静态，选中动态 */
.fox-reward-modal .modal-dialog{max-width:560px;}
.fox-reward-modal .modal-content{border:0!important;border-radius:18px!important;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.16);}
.fox-reward-modal .modal-header{min-height:58px;padding:0 18px;border-bottom:1px solid #edf2f7;background:#fff;display:flex;align-items:center;}
.fox-reward-modal .modal-header:before,.fox-reward-modal .modal-header:after,.fox-reward-modal .modal-title:before,.fox-reward-modal .modal-title:after,.fox-reward-modal .modal-title i,.fox-reward-modal .modal-title svg,.fox-reward-modal .modal-title img,.fox-reward-modal .modal-header .xn-alert-modal__icon{display:none!important;content:none!important;}
.fox-reward-modal .modal-title{margin:0!important;color:#334155!important;font-size:18px!important;font-weight:700!important;line-height:1!important;}
.fox-reward-modal .close{width:32px;height:32px;margin:0;padding:0;border-radius:999px;background:#f8fafc;border:1px solid #e6ebf2;color:#94a3b8;opacity:1;text-shadow:none;outline:none!important;}
.fox-reward-modal .close:hover{background:#f1f5f9;color:#64748b;}
.fox-reward-modal .modal-body{padding:0!important;background:#fff;}
.fox-reward-modal .fox-coin-modal-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;}
.fox-reward-modal .fox-coin-modal-body{padding:18px 28px 22px!important;background:#fff;}
.fox-reward-modal .fox-coin-title{margin:2px 0 18px;text-align:center;color:#334155;font-size:16px;line-height:1.6;}
.fox-reward-modal .fox-coin-title__num{display:inline-block;margin:0 4px;color:#16a3d9;font-size:34px;font-weight:800;vertical-align:middle;}
.fox-reward-modal .fox-coin-options{display:flex;justify-content:center;gap:20px;margin:0 0 18px;}
.fox-reward-modal .fox-coin-option{width:200px;min-height:274px;padding:14px 14px 12px;border:2px dashed #d9dfe8;border-radius:14px;background:#fff;transition:all .18s ease;position:relative;cursor:pointer;outline:none!important;box-shadow:none!important;}
.fox-reward-modal .fox-coin-option:hover:not(.is-disabled),.fox-reward-modal .fox-coin-option.is-active{border-style:solid;border-color:#0ea5dc;background:#f8fbff;box-shadow:0 10px 24px rgba(14,165,220,.10)!important;}
.fox-reward-modal .fox-coin-option.is-disabled{cursor:not-allowed;background:#fcfcfd;}
.fox-reward-modal .fox-coin-option__label{display:block;text-align:center;color:#8b97a8;font-size:16px;font-weight:700;line-height:1.2;}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__label{color:#0ea5dc;}
.fox-reward-modal .fox-coin-option__visual{position:relative;height:212px;margin-top:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent!important;}
.fox-reward-modal .fox-coin-option__art{display:block!important;max-width:155px;max-height:198px;width:auto;height:auto;object-fit:contain;background:transparent!important;box-shadow:none!important;border:0!important;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);}
.fox-reward-modal .fox-coin-option[data-coin='2'] .fox-coin-option__art{max-width:162px;max-height:202px;}
.fox-reward-modal .fox-coin-option:not(.is-active) .fox-coin-option__art{opacity:.38;filter:grayscale(100%);}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__art{opacity:1;filter:none;}
.fox-reward-modal .fox-coin-option__coin,.fox-reward-modal .fox-coin-option__mascot,.fox-reward-modal .fox-coin-option__mascot:before,.fox-reward-modal .fox-coin-option__mascot:after{display:none!important;}
.fox-reward-modal .fox-coin-actions{text-align:center;margin:0 0 10px;}
.fox-reward-modal .fox-coin-submit{min-width:200px;height:44px;border:0!important;border-radius:10px!important;background:linear-gradient(180deg,#19afe3 0%,#0f9ad1 100%)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;letter-spacing:.5px;box-shadow:0 10px 20px rgba(15,154,209,.16);}
.fox-reward-modal .fox-coin-submit:hover{transform:translateY(-1px);filter:brightness(1.02);}
.fox-reward-modal .fox-coin-balance{text-align:center;color:#94a3b8;font-size:14px;}
.fox-reward-modal .fox-coin-balance span{color:#475569;font-weight:800;}
@media (max-width:576px){.fox-reward-modal .modal-dialog{margin:1rem;max-width:none}.fox-reward-modal .fox-coin-modal-body{padding:16px 16px 18px!important}.fox-reward-modal .fox-coin-title{margin-bottom:14px;font-size:15px}.fox-reward-modal .fox-coin-options{flex-direction:column;align-items:center;gap:14px}.fox-reward-modal .fox-coin-option{width:100%;max-width:236px;min-height:248px}.fox-reward-modal .fox-coin-option__visual{height:180px}.fox-reward-modal .fox-coin-option__art{max-width:148px;max-height:184px}.fox-reward-modal .fox-coin-submit{min-width:168px;width:100%;max-width:236px}}


/* v53：投币弹窗细节优化 */
.fox-reward-modal .modal-dialog{
    max-width:560px !important;
}
.fox-reward-modal .modal-content{
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 18px 46px rgba(15,23,42,.18) !important;
}
.fox-reward-modal .modal-header{
    min-height:56px !important;
    padding:0 18px !important;
    border-bottom:1px solid #edf2f7 !important;
    background:#fff !important;
}
.fox-reward-modal .modal-title{
    color:#334155 !important;
    font-size:18px !important;
    font-weight:700 !important;
}
.fox-reward-modal .close{
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    border:1px solid #e6edf5 !important;
    background:#f8fafc !important;
    color:#94a3b8 !important;
    opacity:1 !important;
    text-shadow:none !important;
    line-height:28px !important;
}
.fox-reward-modal .close:hover{
    background:#eef6fb !important;
    color:#64748b !important;
}
.fox-reward-modal .modal-body{
    padding:0 !important;
    background:#fff !important;
}
.fox-reward-modal .fox-coin-modal-card{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.fox-reward-modal .fox-coin-modal-body{
    padding:18px 28px 20px !important;
}
.fox-reward-modal .fox-coin-title{
    margin:0 0 18px !important;
    text-align:center !important;
    color:#334155 !important;
    font-size:16px !important;
    line-height:1.6 !important;
}
.fox-reward-modal .fox-coin-title__num{
    margin:0 5px !important;
    color:#0ea5dc !important;
    font-size:34px !important;
    font-weight:800 !important;
    line-height:1 !important;
    vertical-align:-2px !important;
}
.fox-reward-modal .fox-coin-options{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:20px !important;
    margin:0 0 18px !important;
}
.fox-reward-modal .fox-coin-option{
    width:200px !important;
    min-height:272px !important;
    padding:14px 14px 12px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background:#fff !important;
}
.fox-reward-modal .fox-coin-option:hover:not(.is-disabled),
.fox-reward-modal .fox-coin-option.is-active{
    border-color:#0ea5dc !important;
    background:#f8fbff !important;
    box-shadow:0 10px 22px rgba(14,165,220,.10) !important;
}
.fox-reward-modal .fox-coin-option:not(.is-active){
    border-color:#d7e0eb !important;
    background:#fff !important;
}
.fox-reward-modal .fox-coin-option__label{
    display:block !important;
    height:20px !important;
    margin:0 0 8px !important;
    text-align:center !important;
    color:#8b97a8 !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:20px !important;
}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__label{
    color:#0ea5dc !important;
}
.fox-reward-modal .fox-coin-option__visual{
    position:relative !important;
    height:206px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:transparent !important;
}
.fox-reward-modal .fox-coin-option__art{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:152px !important;
    max-height:194px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    image-rendering:auto !important;
    backface-visibility:hidden !important;
    transform:translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option[data-coin="2"] .fox-coin-option__art{
    max-width:150px !important;
    max-height:190px !important;
    transform:translateY(2px) translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option[data-coin="1"] .fox-coin-option__art{
    transform:translateY(2px) translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option:not(.is-active) .fox-coin-option__art{
    opacity:.28 !important;
    filter:grayscale(100%) !important;
}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__art{
    opacity:1 !important;
    filter:none !important;
}
.fox-reward-modal .fox-coin-option__coin,
.fox-reward-modal .fox-coin-option__mascot,
.fox-reward-modal .fox-coin-option__mascot:before,
.fox-reward-modal .fox-coin-option__mascot:after{
    display:none !important;
}
.fox-reward-modal .fox-coin-actions{
    text-align:center !important;
    margin:0 0 10px !important;
}
.fox-reward-modal .fox-coin-submit{
    width:200px !important;
    min-width:200px !important;
    height:44px !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#19afe3 0%,#0f9ad1 100%) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
    box-shadow:0 10px 18px rgba(15,154,209,.16) !important;
}
.fox-reward-modal .fox-coin-submit:hover{
    transform:translateY(-1px) !important;
    filter:brightness(1.02) !important;
}
.fox-reward-modal .fox-coin-balance{
    margin:0 !important;
    text-align:center !important;
    color:#94a3b8 !important;
    font-size:14px !important;
    line-height:1.4 !important;
}
.fox-reward-modal .fox-coin-balance span{
    color:#475569 !important;
    font-weight:800 !important;
}
@media (max-width:576px){
    .fox-reward-modal .modal-dialog{
        margin:1rem !important;
        max-width:none !important;
    }
    .fox-reward-modal .fox-coin-modal-body{
        padding:16px 16px 18px !important;
    }
    .fox-reward-modal .fox-coin-options{
        flex-direction:column !important;
        align-items:center !important;
        gap:14px !important;
    }
    .fox-reward-modal .fox-coin-option{
        width:100% !important;
        max-width:236px !important;
        min-height:248px !important;
    }
    .fox-reward-modal .fox-coin-option__visual{
        height:180px !important;
    }
    .fox-reward-modal .fox-coin-option__art{
        max-width:146px !important;
        max-height:180px !important;
    }
    .fox-reward-modal .fox-coin-submit{
        width:100% !important;
        max-width:236px !important;
        min-width:0 !important;
    }
}


/* v54：投币弹窗按参考图精修 */
.fox-reward-modal .modal-dialog{
    max-width:552px !important;
}
.fox-reward-modal .modal-content{
    border:0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 14px 36px rgba(0,0,0,.16) !important;
}
.fox-reward-modal .modal-header{
    min-height:50px !important;
    padding:0 14px 0 14px !important;
    border-bottom:1px solid #edf1f5 !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
}
.fox-reward-modal .modal-title{
    margin:0 !important;
    color:#334155 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;
}
.fox-reward-modal .close{
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #e5ebf1 !important;
    border-radius:50% !important;
    background:#f8fafc !important;
    color:#98a3b3 !important;
    font-size:30px !important;
    line-height:24px !important;
    text-shadow:none !important;
    opacity:1 !important;
}
.fox-reward-modal .close:hover{
    background:#f2f7fb !important;
    color:#748093 !important;
}
.fox-reward-modal .fox-coin-modal-card{
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}
.fox-reward-modal .fox-coin-modal-body{
    padding:14px 24px 16px !important;
    background:#fff !important;
}
.fox-reward-modal .fox-coin-title{
    margin:2px 0 14px !important;
    text-align:center !important;
    color:#444 !important;
    font-size:17px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
}
.fox-reward-modal .fox-coin-title__num{
    display:inline-block !important;
    margin:0 4px !important;
    color:#12a7df !important;
    font-size:34px !important;
    font-weight:800 !important;
    line-height:1 !important;
    vertical-align:-2px !important;
}
.fox-reward-modal .fox-coin-options{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:18px !important;
    margin:0 0 16px !important;
}
.fox-reward-modal .fox-coin-option{
    width:202px !important;
    min-height:280px !important;
    padding:12px 12px 10px !important;
    border:2px dashed #d5dde7 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.fox-reward-modal .fox-coin-option:not(.is-active){
    background:#fff !important;
}
.fox-reward-modal .fox-coin-option:hover:not(.is-disabled),
.fox-reward-modal .fox-coin-option.is-active{
    border-style:solid !important;
    border-color:#00a1d6 !important;
    background:#f5fafe !important;
    box-shadow:none !important;
}
.fox-reward-modal .fox-coin-option.is-disabled{
    cursor:not-allowed !important;
}
.fox-reward-modal .fox-coin-option__label{
    display:block !important;
    margin:6px 0 6px !important;
    text-align:center !important;
    color:#9aa3af !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__label{
    color:#00a1d6 !important;
}
.fox-reward-modal .fox-coin-option__visual{
    position:relative !important;
    height:212px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:transparent !important;
}
.fox-reward-modal .fox-coin-option__art{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:128px !important;
    max-height:172px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    image-rendering:auto !important;
    backface-visibility:hidden !important;
    transform:translateY(6px) translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option[data-coin="1"] .fox-coin-option__art{
    max-width:124px !important;
    max-height:168px !important;
    transform:translateY(9px) translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option[data-coin="2"] .fox-coin-option__art{
    max-width:132px !important;
    max-height:176px !important;
    transform:translateY(8px) translateZ(0) !important;
}
.fox-reward-modal .fox-coin-option:not(.is-active) .fox-coin-option__art{
    opacity:.26 !important;
    filter:grayscale(100%) !important;
}
.fox-reward-modal .fox-coin-option.is-active .fox-coin-option__art{
    opacity:1 !important;
    filter:none !important;
}
.fox-reward-modal .fox-coin-actions{
    text-align:center !important;
    margin:0 0 12px !important;
}
.fox-reward-modal .fox-coin-submit{
    width:200px !important;
    min-width:200px !important;
    height:46px !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#1ab0e4 0%,#0d9bd2 100%) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    box-shadow:none !important;
}
.fox-reward-modal .fox-coin-submit:hover{
    transform:none !important;
    filter:brightness(1.02) !important;
}
.fox-reward-modal .fox-coin-balance{
    margin:0 !important;
    text-align:center !important;
    color:#a3acb7 !important;
    font-size:14px !important;
    line-height:1.4 !important;
}
.fox-reward-modal .fox-coin-balance span{
    color:#7c8694 !important;
    font-weight:500 !important;
}
@media (max-width:576px){
    .fox-reward-modal .modal-dialog{
        margin:1rem !important;
        max-width:none !important;
    }
    .fox-reward-modal .fox-coin-modal-body{
        padding:14px 16px 16px !important;
    }
    .fox-reward-modal .fox-coin-options{
        flex-direction:column !important;
        align-items:center !important;
        gap:14px !important;
    }
    .fox-reward-modal .fox-coin-option{
        width:100% !important;
        max-width:220px !important;
        min-height:252px !important;
    }
    .fox-reward-modal .fox-coin-option__visual{
        height:184px !important;
    }
    .fox-reward-modal .fox-coin-option__art{
        max-width:122px !important;
        max-height:164px !important;
    }
    .fox-reward-modal .fox-coin-option[data-coin="1"] .fox-coin-option__art{
        max-width:118px !important;
        max-height:160px !important;
    }
    .fox-reward-modal .fox-coin-option[data-coin="2"] .fox-coin-option__art{
        max-width:126px !important;
        max-height:168px !important;
    }
    .fox-reward-modal .fox-coin-submit{
        width:100% !important;
        max-width:220px !important;
        min-width:0 !important;
    }
}


/* v55：投币弹窗按钮增加鼠标动效 */
.fox-reward-modal .fox-coin-submit{
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease !important;
}
.fox-reward-modal .fox-coin-submit:hover{
    transform:translateY(-2px) !important;
    filter:brightness(1.04) !important;
    box-shadow:0 14px 26px rgba(15,154,209,.24) !important;
}
.fox-reward-modal .fox-coin-submit:active{
    transform:translateY(0) scale(.985) !important;
    filter:brightness(.99) !important;
    box-shadow:0 8px 14px rgba(15,154,209,.18) !important;
}
.fox-reward-modal .fox-coin-submit:focus{
    outline:none !important;
    box-shadow:0 0 0 3px rgba(14,165,220,.14), 0 12px 22px rgba(15,154,209,.18) !important;
}