/* 一掷千金：与午夜拍卖会主题共用深色金属表面，奖金额保留品质色。 */
html[data-ui-style="midnight"] #qianjinOverlay,
html[data-ui-style="midnight"] #qianjinHistoryOverlay {
    background: rgba(5, 9, 10, .88) !important;
    backdrop-filter: blur(5px);
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-panel {
    background: radial-gradient(circle at 50% -10%, rgba(177, 151, 102, .11), transparent 42%), linear-gradient(155deg, #222720, #11191a 52%, #0d1315) !important;
    border: 1px solid rgba(187, 164, 115, .52) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(244, 224, 178, .14), 0 24px 65px rgba(0, 0, 0, .72) !important;
    padding: 16px !important;
    color: #e8dfcb;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-header {
    margin: 0 34px 14px !important;
    padding: 8px 0 13px;
    border-bottom: 1px solid rgba(191, 169, 122, .3);
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-header > div {
    color: #ead9af !important;
    font-family: "SimSun", "Songti SC", serif;
    font-size: 21px !important;
    letter-spacing: 3px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .6) !important;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-panel > button {
    top: 15px !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(179, 160, 121, .48) !important;
    border-radius: 8px !important;
    background: #141a1a !important;
    color: #d9c99e !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-panel > button:hover,
html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-panel > button:focus-visible {
    background: #313629 !important;
    outline: 2px solid #d9c99e;
    outline-offset: 2px;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-content {
    gap: 14px !important;
    scrollbar-color: #806f4b #11191a;
}

html[data-ui-style="midnight"] #qianjinOverlay :is(.qj-main, .qj-sidebar) {
    min-width: 0;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-main > div:not(.qj-case-grid):not(.qj-player-case) {
    color: #d3c3a1 !important;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-player-case {
    max-width: none !important;
    margin-bottom: 13px !important;
    border: 1px solid rgba(216, 185, 111, .7) !important;
    border-radius: 7px !important;
    background: linear-gradient(110deg, #3d3a2a, #222b29) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    color: #f1dcaa !important;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-player-case span:not(.qj-player-amount) {
    color: #f1dcaa !important;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-case-grid {
    gap: 5px !important;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-case {
    min-height: 44px !important;
    border: 1px solid rgba(175, 152, 105, .52) !important;
    border-radius: 7px !important;
    background: linear-gradient(145deg, #2a302b, #171f20) !important;
    color: #e5d6b4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 7px rgba(0, 0, 0, .22) !important;
    padding: 2px !important;
    font-size: 14px !important;
    font-variant-numeric: tabular-nums;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-case:not(:disabled):hover,
html[data-ui-style="midnight"] #qianjinOverlay .qj-case:not(:disabled):focus-visible {
    border-color: #ddc894 !important;
    background: linear-gradient(145deg, #394038, #212a29) !important;
    transform: translateY(-1px);
    outline: none;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-case.is-selected,
html[data-ui-style="midnight"] #qianjinOverlay .qj-case.is-selected:not(:disabled):hover,
html[data-ui-style="midnight"] #qianjinOverlay .qj-case.is-selected:not(:disabled):focus-visible {
    border-color: #eed6a0 !important;
    background: linear-gradient(140deg, #8b784e, #554a36) !important;
    color: #fff8e5 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 0 0 2px rgba(234, 207, 148, .28) !important;
}

html[data-ui-style="midnight"] #qianjinOverlay .qj-case.is-player:not(.is-selected) {
    border-color: #d6b877 !important;
    background: linear-gradient(140deg, #5a513b, #34392f) !important;
    color: #f5dfac !important;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-section {
    padding: 12px !important;
    border: 1px solid rgba(169, 150, 111, .34) !important;
    border-radius: 9px !important;
    background: rgba(8, 16, 17, .48) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-section-title {
    margin-bottom: 10px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(169, 150, 111, .24);
    color: #d5bd89 !important;
    font-size: 13px !important;
    letter-spacing: 2px;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-prize-grid {
    gap: 5px !important;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-prize-cell {
    min-width: 0;
    padding: 7px 2px !important;
    border-radius: 4px !important;
    background: #151c1d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    font-size: 10px !important;
    font-variant-numeric: tabular-nums;
}

html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-prize-cell.is-opened {
    background: #101516 !important;
    box-shadow: none;
}

html[data-ui-style="midnight"] #qianjinOverlay .start-btn {
    border: 1px solid #dbbd7e !important;
    border-radius: 7px !important;
    background: linear-gradient(105deg, #a58f66, #dfcca4 50%, #b1986b) !important;
    color: #18201d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 4px 12px rgba(0, 0, 0, .28) !important;
    font-weight: 800;
}

html[data-ui-style="midnight"] #qianjinOverlay .start-btn:disabled {
    border-color: rgba(161, 151, 126, .3) !important;
    background: #242b2a !important;
    color: #9c9b91 !important;
    box-shadow: none !important;
    opacity: 1;
}

@media (max-width: 360px) {
    html[data-ui-style="midnight"] :is(#qianjinOverlay, #qianjinHistoryOverlay) .qj-prize-cell {
        font-size: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-ui-style="midnight"] #qianjinOverlay .qj-case { transition: none; }
}