/* ============================================================
   主题 B：金匾 + 红字（传统热闹）
   标题金色匾额、正文红字、金色高亮；和纯红站点区分开
   body 去掉 theme-b 即恢复主题 A
   ============================================================ */

body.theme-b {
    background-color: #fff7e6;
    background-image:
        radial-gradient(circle at 18% 6%, rgba(240, 199, 94, .22), transparent 48%),
        radial-gradient(circle at 86% 32%, rgba(200, 0, 15, .05), transparent 50%),
        repeating-linear-gradient(45deg, rgba(180, 120, 20, .025) 0 2px, transparent 2px 10px);
}

/* 顶部横幅：金边 + 阴影 */
body.theme-b .box.banner {
    margin: 8px 8px 0;
    border: 2px solid #e0b552;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(140, 90, 10, .18);
    overflow: hidden;
}

body.theme-b .banner-ym {
    color: #4a2c0a;
    background: linear-gradient(180deg, #ffe9a8, #f2c14e);
    font-weight: 700;
}

/* 跑马灯公告：金底棕字 */
.theme-b .marquee {
    display: flex;
    align-items: center;
    margin: 8px 8px 0;
    padding: 6px 10px;
    background: linear-gradient(90deg, #e0b552, #f9e39a 45%, #e0b552);
    border: 1px solid #c99b2e;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: inset 0 0 10px rgba(160, 110, 20, .18);
}

.theme-b .marquee-label {
    flex: 0 0 auto;
    margin-right: 8px;
    padding: 1px 6px;
    font-size: 12px;
    color: #ffe9a8;
    background: #4a2c0a;
    border-radius: 4px;
    font-weight: 700;
}

.theme-b .marquee-track {
    flex: 1 1 auto;
    overflow: hidden;
}

.theme-b .marquee-track span {
    display: inline-block;
    padding-left: 100%;
    color: #4a2c0a;
    font-size: 13px;
    letter-spacing: .5px;
    animation: marquee 18s linear infinite;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

/* 安全提示：金边米底 */
body.theme-b .safe-tip {
    background: linear-gradient(180deg, #fffdf2, #fdf1cf);
    border: 1px dashed #d9b25e;
    box-shadow: 0 2px 8px rgba(160, 110, 20, .08);
}

body.theme-b .safe-head {
    color: #b00000;
    text-shadow: 0 1px 0 #ffd97a;
}

body.theme-b .safe-body p {
    color: #7a4b00;
}

/* 开奖区：金边 */
body.theme-b .kj-box {
    border: 2px solid #e0b552;
    box-shadow: 0 4px 14px rgba(160, 110, 20, .14);
}

body.theme-b .kj-tabs {
    background: linear-gradient(180deg, #fff6d8, #f3e0a8);
    border-bottom: 0;
}

body.theme-b .kj-tab.active {
    color: #4a2c0a;
    background: linear-gradient(180deg, #f9e39a, #e0b552);
    box-shadow: inset 0 -3px 0 #b8892c;
    font-weight: 700;
}


body.theme-b .kj-refresh {
    color: #4a2c0a;
    background: linear-gradient(180deg, #ffe9a8, #f2c14e);
    border: 1px solid #c99b2e;
    font-weight: 700;
}

body.theme-b .kj-lot em,
body.theme-b .kj-history {
    color: #8a6a1f;
}

/* 聚宝盆：金匾标题 + 黑底红字 */
body.theme-b .treasure {
    border: 2px solid #e0b552;
    box-shadow: 0 4px 14px rgba(160, 110, 20, .14);
}

body.theme-b .treasure-head {
    background: linear-gradient(180deg, #f9e39a, #e0b552) !important;
    color: #4a2c0a !important;
    border-bottom: 2px solid #c99b2e;
    letter-spacing: .12em;
}

body.theme-b .tr-content {
    color: #ff4d3d;
}

body.theme-b .tr-content .hl {
    background: linear-gradient(180deg, #ffe680, #f5c542);
    color: #8a0000;
}

body.theme-b .tr-res {
    color: #ffe9a8;
}

/* 每个资料栏目：象牙白卡 + 金边 */
body.theme-b .sec.cat-block,
body.theme-b .sec.img-block {
    margin: 10px 8px;
    background: #fffdf5;
    border: 1px solid #e6c98a;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(160, 110, 20, .1);
    overflow: hidden;
}

/* 栏目标题：金色匾额 + 深棕字 + 两侧菱形 */
body.theme-b .sec-title {
    position: relative;
    background: linear-gradient(180deg, #f9e39a, #e0b552) !important;
    color: #4a2c0a !important;
    border-bottom: 2px solid #c99b2e;
    letter-spacing: .18em;
    font-weight: 900;
}

body.theme-b .sec-title::before,
body.theme-b .sec-title::after {
    content: "❖";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #8a6a1f;
    font-size: 12px;
    opacity: .9;
}

body.theme-b .sec-title::before { left: 10px; }
body.theme-b .sec-title::after { right: 10px; }

/* 表格：金色虚线分隔 */
body.theme-b .cat-table td {
    border-bottom: 1px dashed #eddbb0;
}

body.theme-b .cat-table td.cr-range {
    color: #b07a2a;
}

/* 正文：红字 */
body.theme-b .cat-table td.cr-data {
    color: #c8000f;
}

body.theme-b .cat-table td.cr-data .pnum {
    color: #1f6fb2;
}

/* 命中：金色块 + 深红字 */
body.theme-b .cat-table .hl,
body.theme-b .cat-table td.cr-data .pnum.hl,
body.theme-b .cat-table td.cr-data .pzod.hl {
    background: linear-gradient(180deg, #ffe680, #f5c542);
    color: #8a0000;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(160, 90, 0, .35);
}

/* 命中行：淡金底 */
body.theme-b .cat-table tr:has(.hl) td {
    background: rgba(255, 226, 120, .16);
}

/* 状态：命中沿用绿色（原来那套），未中用棕金 */
body.theme-b .cat-table td.cr-status.hit {
    color: #0a8f3c;
    font-weight: 700;
}

body.theme-b .cat-table td.cr-status.miss {
    color: #a8761f;
}

/* 玄学栏目：紫色，和红字区分 */
body.theme-b .cat-table.no-status td.cr-data {
    color: #5b2d8e;
}

/* 图片区块：金框 */
body.theme-b .img-block .img-wrap {
    border: 1px solid #e6c98a;
    border-radius: 8px;
}

/* 浮动按钮：金底棕字 */
body.theme-b .fab {
    color: #4a2c0a;
    background: linear-gradient(180deg, #ffe9a8, #f2c14e);
    border: 1px solid #c99b2e;
    box-shadow: 0 3px 10px rgba(160, 110, 20, .28);
    font-weight: 700;
}

/* 搜索框 */
body.theme-b .search-mask {
    background: rgba(70, 40, 0, .55);
}

body.theme-b .search-box {
    border: 2px solid #e0b552;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .35);
}

body.theme-b .search-cancel {
    color: #8a6a1f;
}

/* ==================== 窄屏适配（B 主题） ==================== */
@media (max-width: 420px) {
    body.theme-b .sec.cat-block,
    body.theme-b .sec.img-block { margin: 8px 6px; }
    body.theme-b .cat-table td { padding: 9px 6px; }
    body.theme-b .cat-table td.cr-range { width: 58px; }
    body.theme-b .cat-table td.cr-status { width: 78px; font-size: 10.5px; white-space: pre-line; }
    body.theme-b .cat-table td.cr-data { font-size: 16px; letter-spacing: 0; }
    body.theme-b .cat-table td.cr-data .pzod { min-width: 1.2em; margin-right: 1px; }
    body.theme-b .cat-table td.cr-data .pnum { margin-right: 4px; font-size: 14px; }
    body.theme-b .cat-table td.cr-data .hl { padding: 0 1px; }
}