.caipiao-shortcode-container {
    margin-top: 0 !important;
}

.caipiao-main-wrap {
    margin-top: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

.caipiao-tabs {
    margin-bottom: 20px;
    border-radius: var(--main-radius, 10px);
    overflow: hidden;
}

.caipiao-tabs .widget-title {
    padding: 15px 15px 0;
    margin: 0 !important;
}

.caipiao-tab-nav {
    background: var(--muted-bg-color, #f8f9fa);
    padding: 5px;
}

.caipiao-tab-nav .but {
    border: none !important;
    background: transparent !important;
    color: var(--muted-color, #666);
    padding: 8px 12px;
    font-size: 14px;
    transition: all 0.25s;
    position: relative;
}

.caipiao-tab-nav .but.active {
    background: #fff !important;
    color: var(--focus-color, var(--primary-color, #e74c3c));
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    font-weight: 600;
}

.caipiao-tab-nav .but:hover:not(.active) {
    color: var(--focus-color, var(--primary-color, #e74c3c));
}

.caipiao-tab-contents {
    position: relative;
    min-height: 200px;
}

.caipiao-tab-content {
    animation: caipiaoFadeIn 0.3s ease;
}

@keyframes caipiaoFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.caipiao-author-header {
    border-radius: var(--mini-radius, 8px);
}

.caipiao-badge-rate {
    background: linear-gradient(135deg, #ff6b6b 0%, #e74c3c 100%);
    color: #fff;
    padding: 8px 14px;
    border-radius: 10px;
    text-align: center;
    min-width: 80px;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.2);
}

.caipiao-badge-rate .rate-num {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.caipiao-badge-rate .rate-unit {
    display: block;
    font-size: 11px;
    opacity: 0.9;
    margin-top: 2px;
}

.caipiao-stat-card {
    position: relative;
    border-radius: var(--mini-radius, 8px);
    transition: transform 0.2s;
    height: 100%;
}

.caipiao-stat-card:hover {
    transform: translateY(-2px);
}

.caipiao-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    font-size: 18px;
}

.caipiao-stat-number {
    line-height: 1.2;
    margin-bottom: 4px;
}

.caipiao-stat-label {
    white-space: nowrap;
}

.caipiao-rate-bar {
    width: 80px;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
}

.caipiao-rate-bar > span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #3498db 0%, #2ecc71 100%);
    border-radius: 3px;
    transition: width 0.6s ease;
}

.caipiao-rank-badge-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #f0f0f0;
    font-weight: 700;
    font-size: 13px;
    color: #666;
}

.caipiao-rank-badge-mini.top {
    background: transparent;
    font-size: 20px;
    width: auto;
    height: auto;
}

.caipiao-list-stats-item {
    display: inline-flex;
    align-items: center;
}

.caipiao-results-filter {
    padding: 0 0 5px;
}

.caipiao-result-item {
    transition: transform 0.2s, box-shadow 0.2s;
}

.caipiao-result-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.caipiao-result-numbers-box {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.caipiao-cat-tag-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: transparent;
    border: none;
    overflow: visible;
}

.caipiao-cat-tag-mini[style*="background:#fff"],
.caipiao-cat-tag-mini[style*="background: #fff"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
}

.caipiao-status-tag-mini {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.caipiao-status-tag-mini.hit {
    background: rgba(46, 204, 113, 0.12);
    color: #27ae60;
}

.caipiao-status-tag-mini.miss {
    background: rgba(149, 165, 166, 0.15);
    color: #7f8c8d;
}

.caipiao-status-tag-mini.pending {
    background: rgba(241, 196, 15, 0.15);
    color: #f39c12;
}

.caipiao-table-wrap {
    overflow-x: auto;
}

.caipiao-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.caipiao-table th,
.caipiao-table td {
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.caipiao-table th {
    font-weight: 600;
    color: var(--muted-color, #666);
    background: transparent;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.caipiao-table tr:last-child td {
    border-bottom: none;
}

.caipiao-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.caipiao-row.caipiao-gutters-10 {
    margin: 0 -5px;
}

.caipiao-row > [class*="caipiao-col-"] {
    padding: 0 5px;
    box-sizing: border-box;
}

.caipiao-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

/* ==============================================
   帖子详情页 · 数据卡片
   ============================================== */
.caipiao-post-card {
    --caipiao-radius: 14px;
    --caipiao-bg: #eaf4ff;
    --caipiao-border: transparent;
    --caipiao-muted-text: #8a93a0;
    --caipiao-text: #1f2937;
    --caipiao-subtext: #5f6b7a;
    background: var(--caipiao-bg);
    border-radius: var(--caipiao-radius);
    overflow: visible;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    color: var(--caipiao-text);
    width: 100%;
    max-width: 100%;
}

/* ====== 顶部主题色头部 ====== */
.caipiao-card-header {
    color: #fff;
    padding: 10px 14px;
    position: relative;
    overflow: hidden;
}
.caipiao-card-header::after {
    content: '';
    position: absolute;
    right: -60px;
    top: -60px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 65%);
    pointer-events: none;
}
.caipiao-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1;
}
.caipiao-header-main {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.caipiao-icon-lg {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.caipiao-header-title {
    flex: 1;
    min-width: 0;
}
.caipiao-lottery-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
}
.caipiao-lottery-cat {
    letter-spacing: 0.2px;
}
.caipiao-lottery-sep {
    opacity: 0.55;
    font-weight: 400;
    margin: 0 -2px;
}
.caipiao-lottery-type {
    opacity: 0.92;
}
.caipiao-perm-tag {
    color: #fff;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: rgba(255,255,255,0.18) !important;
    backdrop-filter: blur(4px);
    letter-spacing: 0.2px;
    margin-left: 4px;
}
.caipiao-perm-tag i { font-style: normal; line-height: 1; }
.caipiao-issue {
    opacity: 0.9;
    margin-top: 6px;
    font-size: 13px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}
.caipiao-issue i { opacity: 0.85; margin-right: 2px; }
.caipiao-issue b {
    font-weight: 700;
    padding: 1px 6px;
    background: rgba(255,255,255,0.16);
    border-radius: 4px;
    margin: 0 1px;
    letter-spacing: 0.5px;
}
.caipiao-dot {
    width: 3px; height: 3px; border-radius: 50%;
    background: rgba(255,255,255,0.6);
    display: inline-block;
    margin: 0 -2px;
}

/* ====== 状态徽章（待开奖/命中/未中） ====== */
.caipiao-hit-badge {
    padding: 6px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,0.18);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(8px);
    flex-shrink: 0;
    transition: transform 0.2s;
}
.caipiao-hit-badge:hover { transform: translateY(-1px); }
.caipiao-hit-badge .hit-icon { font-size: 15px; line-height: 1; }
.caipiao-hit-badge .hit-text {
    font-weight: 700;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 0.3px;
}
.caipiao-hit-badge.hit {
    background: #fff;
    color: #d35400;
    box-shadow: 0 6px 18px rgba(211, 84, 0, 0.18);
}
.caipiao-hit-badge.hit .hit-icon { filter: drop-shadow(0 0 8px rgba(243,156,18,0.4)); }
.caipiao-hit-badge.miss {
    background: #fff;
    color: #7f8c8d;
    box-shadow: 0 6px 18px rgba(127, 140, 141, 0.12);
}
.caipiao-hit-badge.pending {
    background: #fff;
    color: #e67e22;
    box-shadow: 0 6px 18px rgba(230, 126, 34, 0.12);
}

/* ====== 卡片主体 ====== */
.caipiao-card-body {
    background: #fff;
    padding: 0;
}
.caipiao-content-wrapper {
    padding: 0;
}

/* ====== 通用分区 Section ====== */
.caipiao-section {
    display: block;
    padding: 10px 14px;
    border-bottom: 1px solid #f2f4f7;
}
.caipiao-content-wrapper .caipiao-section {
    padding: 0;
    border-bottom: none;
    margin-top: 6px;
    border: 1px solid var(--caipiao-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fcfcfd;
    transition: box-shadow 0.2s;
}
.caipiao-content-wrapper .caipiao-section:hover {
    box-shadow: 0 2px 12px rgba(17, 24, 39, 0.04);
}
.caipiao-content-wrapper .caipiao-section + .caipiao-section { margin-top: 6px; }

.caipiao-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #fff;
    border-bottom: 1px solid #f2f4f7;
    gap: 10px;
}
.caipiao-header-left {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.caipiao-section-icon {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: rgba(243, 156, 18, 0.1);
    color: #e67e22;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex: 0 0 26px;
}
.caipiao-section-icon.caipiao-icon-green { background: rgba(46, 204, 113, 0.12); color: #27ae60; }
.caipiao-section-icon.caipiao-icon-amber { background: rgba(241, 196, 15, 0.12); color: #d4a017; }
.caipiao-section-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--caipiao-text, #111827);
    letter-spacing: 0.2px;
    line-height: 1.2;
}
.caipiao-section-sub {
    font-size: 12px;
    color: var(--caipiao-muted-text, #8a93a0);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.caipiao-section-sub .status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 3px rgba(16,185,129,0.15);
    animation: caipiao-dot-pulse 2s ease infinite;
}
@keyframes caipiao-dot-pulse {
    0%,100% { box-shadow: 0 0 0 2px rgba(16,185,129,0.15); }
    50%     { box-shadow: 0 0 0 4px rgba(16,185,129,0.08); }
}
.caipiao-section-body {
    padding: 10px 12px;
    background: #fff;
}

/* ====== 作者信息 Section ====== */
.caipiao-author-info {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
    border-bottom: 1px solid #dcfce7;
}

.caipiao-section.caipiao-recommend-numbers .caipiao-section-header {
    background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
    border-bottom: 1px solid #dcfce7;
}

.caipiao-section.caipiao-recommend-numbers .caipiao-section-body {
    background: linear-gradient(180deg, #ecfdf5 0%, #f0fdf4 100%);
}
.caipiao-author-info .caipiao-section-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
    width: 100%;
}
.caipiao-author-avatar {
    position: relative;
    flex: 0 0 auto;
}
.caipiao-author-avatar .avatar-img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.caipiao-expert-badge {
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 11px !important;
    padding: 0 !important;
    box-shadow: 0 2px 8px rgba(230,126,34,0.4);
    border: 2px solid #fff;
}
.caipiao-author-meta {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}
.caipiao-author-name {
    font-weight: 700;
    font-size: 15px;
    color: var(--caipiao-text);
    line-height: 1.2;
    text-align: center;
}
.caipiao-author-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap !important;
    gap: 6px;
    width: 100%;
    margin-top: 2px;
}
.caipiao-stat-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px 3px 7px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
    background: #f3f5f8;
    color: var(--caipiao-subtext);
    transition: all 0.15s;
    flex: 0 0 auto;
    white-space: nowrap;
}
.caipiao-stat-chip i {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    border-radius: 50%;
    color: #fff;
}
.caipiao-stat-chip .caipiao-stat-label { opacity: 0.8; font-weight: 400; }
.caipiao-stat-chip b { font-weight: 700; color: inherit; font-size: 11px; }
.caipiao-stat-chip.caipiao-stat-rate { background: rgba(231, 76, 60, 0.08); color: #c0392b; }
.caipiao-stat-chip.caipiao-stat-rate i { background: #e74c3c; }
.caipiao-stat-chip.caipiao-stat-streak { background: rgba(243, 156, 18, 0.1); color: #d35400; }
.caipiao-stat-chip.caipiao-stat-streak i { background: #f39c12; }
.caipiao-stat-chip.caipiao-stat-total { background: rgba(52, 152, 219, 0.1); color: #2874a6; }
.caipiao-stat-chip.caipiao-stat-total i { background: #3498db; }
.caipiao-stat-chip:hover { transform: translateY(-1px); }

/* ====== 信心指数环形 ====== */
.caipiao-confidence {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 2px;
    padding: 6px 12px;
    background: rgba(243, 156, 18, 0.06);
    border-radius: 10px;
    border: 1px solid rgba(243, 156, 18, 0.12);
}
.caipiao-confidence-bar { flex: 0 0 auto; }
.confidence-ring {
    --percent: 50;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: conic-gradient(#f39c12 calc(var(--percent) * 1%), #edf0f3 calc(var(--percent) * 1%));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}
.confidence-ring::before {
    content: '';
    position: absolute;
    inset: 3px;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #f1f3f5;
}
.confidence-ring span {
    position: relative;
    z-index: 1;
    font-weight: 800;
    font-size: 11px;
    color: #e67e22;
    letter-spacing: -0.5px;
}
.caipiao-confidence-label {
    font-size: 11px;
    color: var(--caipiao-muted-text);
    font-weight: 500;
}

/* ====== 号码球行（推荐号 & 开奖号） ====== */
.caipiao-numbers-box {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.caipiao-number-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 0;
}
.caipiao-number-row + .caipiao-number-row {
    border-top: 1px dashed #f0f2f5;
}
.caipiao-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    flex: 0 0 auto;
    color: #fff;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.caipiao-label em {
    font-style: normal;
}
.caipiao-label.caipiao-label-red {
    background: linear-gradient(135deg, #ff7a7a 0%, #ef4444 100%);
}
.caipiao-label.caipiao-label-blue {
    background: linear-gradient(135deg, #69c0ff 0%, #3b82f6 100%);
}
.caipiao-label.caipiao-label-gold {
    background: linear-gradient(135deg, #ffd86b 0%, #f59e0b 100%);
    color: #7a4a00;
}
.caipiao-label.caipiao-label-gold i { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.15); }
.caipiao-numbers {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    padding-top: 1px;
    white-space: nowrap;
    overflow-x: auto;
}
.caipiao-ball {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1;
    transition: all 0.18s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10), inset 0 -2px 4px rgba(0,0,0,0.06);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    min-width: 36px;
    min-height: 36px;
}
.caipiao-ball::before {
    content: '';
    position: absolute;
    top: 5px; left: 8px;
    width: 10px; height: 6px;
    background: rgba(255,255,255,0.35);
    border-radius: 50%;
    filter: blur(1px);
}
.caipiao-ball.caipiao-ball-red {
    background: linear-gradient(135deg, #ff5252 0%, #e11d48 50%, #be123c 100%);
    box-shadow: inset 0 -3px 8px rgba(0,0,0,0.18), 0 4px 12px rgba(225,29,72,0.25);
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.caipiao-ball.caipiao-ball-blue {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
    box-shadow: inset 0 -3px 8px rgba(0,0,0,0.15), 0 4px 12px rgba(37,99,235,0.22);
}
.caipiao-ball.caipiao-ball-gold {
    background: linear-gradient(135deg, #ffce5c 0%, #f59e0b 55%, #d97706 100%);
    color: #7a4200;
    text-shadow: 0 1px 0 rgba(255,255,255,0.45);
    box-shadow: inset 0 -3px 8px rgba(180,83,9,0.25), 0 4px 12px rgba(217,119,6,0.28);
}
.caipiao-ball.caipiao-ball-gold::before {
    background: rgba(255,255,255,0.55);
}
.caipiao-ball:hover {
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}
.caipiao-ball-hit {
    box-shadow: 0 0 0 3px #10b981, 0 6px 16px rgba(16,185,129,0.35) !important;
    animation: caipiao-ball-pulse 2s infinite;
}
.caipiao-ball-hit::after {
    content: '✓';
    position: absolute;
    top: -4px;
    right: -4px;
    background: #10b981;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    font-weight: 800;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(16,185,129,0.45);
    z-index: 2;
}
@keyframes caipiao-ball-pulse {
    0%,100% { box-shadow: 0 0 0 3px #10b981, 0 6px 16px rgba(16,185,129,0.35); }
    50%     { box-shadow: 0 0 0 5px rgba(16,185,129,0.25), 0 6px 16px rgba(16,185,129,0.35); }
}

/* ====== 开奖结果 汇总条 ====== */
.caipiao-result-summary {
    margin-top: 6px;
    padding-top: 12px;
    border-top: 1px dashed #edf0f3;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}
.caipiao-match-info,
.caipiao-reward-info {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    flex: 1 1 160px;
    min-width: 0;
    border: 1px solid transparent;
}
.caipiao-match-info {
    background: linear-gradient(135deg, rgba(139,92,246,0.06), rgba(139,92,246,0.02));
    border-color: rgba(139,92,246,0.12);
    color: #5b21b6;
}
.caipiao-match-info .match-icon,
.caipiao-reward-info .reward-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex: 0 0 36px;
}
.caipiao-match-info .match-icon {
    background: rgba(139,92,246,0.12);
    color: #7c3aed;
}
.caipiao-reward-info .reward-icon {
    background: rgba(244,63,94,0.12);
    color: #e11d48;
}
.match-detail,
.reward-detail {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.caipiao-match-label,
.reward-label {
    font-size: 11px;
    opacity: 0.7;
    font-weight: 500;
    letter-spacing: 0.2px;
}
.caipiao-match-nums {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.caipiao-match-nums b {
    font-size: 15px;
    font-weight: 800;
    padding: 0 2px;
}
.caipiao-match-plus {
    opacity: 0.6;
    margin: 0 2px;
    font-weight: 700;
    font-size: 12px;
}
.caipiao-reward-info {
    background: linear-gradient(135deg, rgba(244,63,94,0.06), rgba(244,63,94,0.02));
    border-color: rgba(244,63,94,0.12);
    color: #9f1239;
    font-weight: 700;
}
.reward-value {
    font-size: 15px;
    font-weight: 800;
}
.caipiao-reward-info b {
    font-size: 16px;
    font-weight: 800;
    margin: 0 2px;
}

/* ====== 玩法/金额 卡片 Grid ====== */
.caipiao-play-info {
    border-radius: 14px;
    padding: 0;
    background: transparent;
    border: none;
    overflow: visible;
}
.caipiao-play-info-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: space-between;
    align-items: stretch;
}
.caipiao-info-card {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #edf0f3;
    transition: all 0.2s;
    flex: 1;
    min-width: 0;
    height: auto;
}
.caipiao-info-card:hover {
    box-shadow: 0 3px 10px rgba(17,24,39,0.05);
    border-color: #e3e7ec;
}
.caipiao-info-icon {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex: 0 0 26px;
    background: #f3f5f8;
    color: #5f6b7a;
}
.caipiao-info-content {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    flex: 1;
}
.caipiao-info-label {
    font-size: 10.5px;
    color: #8a93a0;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}
.caipiao-info-value {
    font-size: 12.5px;
    font-weight: 400;
    color: var(--caipiao-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.caipiao-info-value b { font-weight: 800; }
.caipiao-info-card.caipiao-info-card-reward {
    background: linear-gradient(135deg, #fff5f5, #ffffff);
    border-color: rgba(244,63,94,0.12);
}
.caipiao-info-card.caipiao-info-card-reward .caipiao-info-icon {
    background: rgba(244,63,94,0.1);
    color: #e11d48;
}
.caipiao-info-card.caipiao-info-card-reward .caipiao-info-value {
    color: #be123c;
}
.caipiao-info-card.caipiao-info-card-price {
    background: linear-gradient(135deg, #faf5ff, #ffffff);
    border-color: rgba(139,92,246,0.12);
}
.caipiao-info-card.caipiao-info-card-price .caipiao-info-icon {
    background: rgba(139,92,246,0.1);
    color: #7c3aed;
}
.caipiao-info-card.caipiao-info-card-price .caipiao-info-value {
    color: #6d28d9;
}

.caipiao-play-info-inline {
    padding: 10px 14px;
    background: #fff;
    border-radius: 12px;
    margin: 0 0 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border: 1px solid #f1f5f9;
}

.caipiao-play-info-inline .caipiao-play-info-inline-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.caipiao-play-info-inline .play-inline-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px 10px;
    border-radius: 6px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
}

.caipiao-play-info-inline .play-inline-label {
    font-style: normal;
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

.caipiao-play-info-inline .play-inline-item b {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
}

.caipiao-play-info-inline .play-inline-item small {
    font-size: 11px;
    color: #64748b;
    margin-left: 1px;
}

.caipiao-play-info-inline .play-inline-type {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-color: #bfdbfe;
}
.caipiao-play-info-inline .play-inline-type b { color: #2563eb; }
.caipiao-play-info-inline .play-inline-type .play-inline-label { color: #60a5fa; }

.caipiao-play-info-inline .play-inline-amount {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border-color: #bbf7d0;
}
.caipiao-play-info-inline .play-inline-amount b { color: #16a34a; }
.caipiao-play-info-inline .play-inline-amount .play-inline-label { color: #4ade80; }

.caipiao-play-info-inline .play-inline-reward {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    border-color: #fde68a;
}
.caipiao-play-info-inline .play-inline-reward b { color: #d97706; }
.caipiao-play-info-inline .play-inline-reward .play-inline-label { color: #fbbf24; }

.caipiao-play-info-inline .play-inline-price {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    border-color: #fecaca;
}
.caipiao-play-info-inline .play-inline-price b { color: #dc2626; }
.caipiao-play-info-inline .play-inline-price .play-inline-label { color: #f87171; }

/* 旧class兼容 */
.caipiao-play-tags { display: none; }

/* ====== 免责声明样式 ====== */
.caipiao-reason-footer {
    margin-top: 14px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    border-top: 1px dashed #e5e7eb;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}
.caipiao-reason-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    font-size: 12px;
    color: #6b7280;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    line-height: 1.5;
    font-weight: 500;
}
.caipiao-reason-tag i {
    font-size: 11px;
}
.caipiao-reason-tag.caipiao-tag-warn {
    color: #9a3412;
    background: rgba(255, 248, 240, 0.85);
    border-color: rgba(252, 211, 77, 0.35);
}
.caipiao-blurred-preview::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(180deg, transparent, #fff 85%);
    pointer-events: none;
}

/* ===== 锁定/付费区域美化 ===== */
.caipiao-content-locked {
    position: relative;
    background: linear-gradient(145deg, var(--card-bg, #fff) 0%, rgba(79, 156, 247, 0.025) 100%);
    border: 1px solid var(--line-color, #eaeaea) !important;
    border-radius: 18px !important;
    padding: 36px 28px;
    text-align: center;
    overflow: hidden;
    margin: 16px 0;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05) !important;
}

.caipiao-content-locked::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #60A5FA 0%, #4F9CF7 50%, #93C5FD 100%);
    opacity: 0.7;
}

.caipiao-content-locked .but {
    border-radius: 12px !important;
}

/* VIP专属内容模块 - 简约高级 */
.caipiao-locked-vip-box {
    padding: 8px 4px;
    position: relative;
    z-index: 1;
}

.caipiao-locked-vip-icon {
    margin: 0 auto 20px;
    filter: drop-shadow(0 8px 20px rgba(255, 165, 0, 0.25));
    animation: vipShine 3s ease-in-out infinite;
}

@keyframes vipShine {
    0%, 100% { filter: drop-shadow(0 8px 20px rgba(255, 165, 0, 0.25)); }
    50% { filter: drop-shadow(0 10px 28px rgba(255, 215, 0, 0.4)); }
}

.caipiao-locked-vip-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color, #222);
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.caipiao-locked-vip-desc {
    font-size: 13.5px;
    color: var(--muted-color, #888);
    line-height: 1.7;
    margin-bottom: 22px;
}

.caipiao-locked-vip-benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
    margin-bottom: 26px;
    padding: 14px 16px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.06) 0%, rgba(255, 165, 0, 0.04) 100%);
    border-radius: 12px;
    border: 1px solid rgba(255, 215, 0, 0.15);
}

.caipiao-locked-vip-benefits span {
    font-size: 12.5px;
    color: var(--muted-color, #888);
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.caipiao-locked-vip-benefits i {
    color: #FFA500;
    font-size: 13px;
}

.caipiao-vip-open-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 13px 28px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #4F9CF7 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(79, 156, 247, 0.25) !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.caipiao-vip-open-btn:hover {
    transform: translateY(-1px) !important;
    background: #3B8EF0 !important;
    box-shadow: 0 6px 18px rgba(79, 156, 247, 0.32) !important;
}

.caipiao-vip-open-btn i {
    font-size: 15px !important;
    opacity: 0.95;
}

/* 付费内容模块 - 简约高级 */
.caipiao-locked-paid-box {
    padding: 6px 4px;
    position: relative;
    z-index: 1;
}

.caipiao-locked-paid-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(96, 165, 250, 0.03) 100%);
    border-radius: 14px;
    border: 1px solid rgba(59, 130, 246, 0.1);
    margin-bottom: 20px;
}

.caipiao-locked-paid-icon {
    flex-shrink: 0;
    filter: drop-shadow(0 4px 10px rgba(59, 130, 246, 0.18));
}

.caipiao-locked-paid-info {
    flex: 1;
    text-align: left;
}

.caipiao-locked-paid-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-color, #222);
    margin-bottom: 3px;
}

.caipiao-locked-paid-desc {
    font-size: 12px;
    color: var(--muted-color, #888);
}

.caipiao-locked-paid-price {
    flex-shrink: 0;
    display: flex;
    align-items: baseline;
    gap: 1px;
    padding: 7px 13px;
    background: #4F9CF7;
    border-radius: 9px;
    color: #fff;
    box-shadow: 0 3px 10px rgba(79, 156, 247, 0.22);
}

.caipiao-locked-paid-price .price-mark {
    font-size: 12px;
    font-weight: 600;
    opacity: 0.95;
}

.caipiao-locked-paid-price .price-num {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.caipiao-locked-paid-price .price-unit {
    font-size: 12px;
    opacity: 0.95;
    margin-left: 2px;
}

.caipiao-locked-paid-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-bottom: 24px;
}

.caipiao-locked-paid-features .feature-item {
    font-size: 12px;
    color: var(--muted-color, #888);
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.caipiao-locked-paid-features .feature-item i {
    color: #4F9CF7;
    font-size: 12px;
}

/* 支付模块 - 现金支付通过主题收银台链接唤起，积分支付使用表单 */
.caipiao-simple-pay-wrap {
    width: 100%;
    position: relative;
}

/* 直接支付按钮样式（包括cashier-link和form按钮） - 浅蓝色简约 */
.caipiao-simple-pay-wrap .caipiao-direct-pay-btn,
.caipiao-simple-pay-wrap a.caipiao-direct-pay-btn,
.caipiao-simple-pay-wrap button.caipiao-direct-pay-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 13px 28px !important;
    min-height: 48px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #4F9CF7 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(79, 156, 247, 0.25) !important;
    transition: all .25s ease !important;
    text-decoration: none !important;
}

.caipiao-simple-pay-wrap .caipiao-direct-pay-btn:hover,
.caipiao-simple-pay-wrap a.caipiao-direct-pay-btn:hover,
.caipiao-simple-pay-wrap button.caipiao-direct-pay-btn:hover {
    transform: translateY(-1px);
    background: #3B8EF0 !important;
    box-shadow: 0 6px 18px rgba(79, 156, 247, 0.32) !important;
}

.caipiao-simple-pay-wrap form {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.caipiao-simple-pay-wrap .pay-price-text {
    display: inline-flex;
    align-items: baseline;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255,255,255,0.25);
    font-weight: 600;
}

.caipiao-simple-pay-wrap .pay-price-text .price-mark {
    font-size: 12px;
    opacity: 0.95;
    margin-right: 1px;
}

.caipiao-simple-pay-wrap .pay-price-text .price-num {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.caipiao-simple-pay-wrap .pay-price-text .price-unit {
    font-size: 12px;
    opacity: 0.95;
}

.caipiao-pay-btn {
    background: #4F9CF7 !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(79, 156, 247, 0.25) !important;
}

.caipiao-pay-btn:hover {
    background: #3B8EF0 !important;
}

.caipiao-content-locked .pay-action-box {
    padding-top: 4px !important;
}

/* 登录按钮 - 简约高级 */
.caipiao-login-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 12px 32px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35) !important;
    transition: all 0.3s ease !important;
}

.caipiao-login-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.45) !important;
}

/* 关注按钮 - 简约高级 */
.caipiao-follow-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 12px 32px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(34, 197, 94, 0.35) !important;
    transition: all 0.3s ease !important;
}

.caipiao-follow-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(34, 197, 94, 0.45) !important;
}

/* 旧类兼容（原HTML中可能引用的） */
.caipiao-numbers-title { line-height: 1.4; }
.caipiao-stat-mini { display: inline-flex; align-items: center; }

/* ====== 移动端响应式 ====== */
@media (max-width: 640px) {
    .caipiao-reason-box .caipiao-section-body.caipiao-reason-body {
        padding: 10px 12px;
    }
    .caipiao-reason-content {
        font-size: 13.5px;
        line-height: 1.7;
    }
    .caipiao-reason-content > p {
        margin-bottom: 8px;
    }
    .caipiao-reason-footer {
        margin-top: 12px;
        padding-top: 8px;
    }
    .caipiao-reason-tag {
        font-size: 11px;
        padding: 4px 8px;
    }
    .caipiao-play-info-grid {
        flex-wrap: nowrap;
        gap: 4px;
    }
    .caipiao-info-card {
        flex: 1 1 33.333%;
        padding: 5px 6px;
        gap: 4px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .caipiao-info-icon {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        font-size: 10px;
        border-radius: 5px;
    }
    .caipiao-info-content {
        flex-direction: column;
        align-items: center;
        gap: 2px;
    }
    .caipiao-info-label {
        font-size: 9.5px;
    }
    .caipiao-info-value {
        font-size: 11px;
    }
    .caipiao-ball {
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 30px !important;
        min-height: 30px !important;
        line-height: 1 !important;
    }
    .caipiao-label {
        padding: 3px 8px;
        font-size: 10px;
    }
    .caipiao-section-header {
        padding: 8px 10px;
    }
    .caipiao-section-body {
        padding: 8px 10px;
    }
}


.ranking-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--muted-border-color, #f0f0f0);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s;
}

.ranking-item:hover {
    background: rgba(248, 249, 250, 0.6);
    border-radius: 8px;
    padding-left: 6px;
    padding-right: 6px;
}

.ranking-item .caipiao-rank-badge-mini {
    flex-shrink: 0;
}

.ranking-item .avatar-sm,
.ranking-item img.avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    flex-shrink: 0;
}

.ranking-item .flex1 {
    min-width: 0;
}

.ranking-item .font-bold {
    font-size: 14px;
    line-height: 1.3;
}

.ranking-item .caipiao-rate-bar {
    width: 60px;
    height: 5px;
}

.ranking-item .text-right .font-bold {
    font-size: 14px;
    font-weight: 700;
}

.caipiao-latest-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--muted-border-color, #f0f0f0);
    transition: all 0.2s;
}

.caipiao-latest-item:hover {
    background: rgba(248, 249, 250, 0.6);
    border-radius: 8px;
    padding-left: 6px;
    padding-right: 6px;
}

.caipiao-latest-author {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.caipiao-latest-author .avatar-sm,
.caipiao-latest-author img.avatar,
.caipiao-latest-author img {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    flex-shrink: 0;
}

.caipiao-latest-author .caipiao-author-name {
    color: var(--muted-color, #555);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

@media (max-width: 640px) {
    .caipiao-latest-author .caipiao-author-name {
        max-width: 70px;
    }
}

.caipiao-results-type-select {
    max-width: 200px;
}

.caipiao-author-stats-badges {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
}
.caipiao-stats-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    transition: all 0.2s;
    border: none !important;
}
.caipiao-stats-badge i {
    margin-right: 3px;
    font-size: 10px;
}
.caipiao-stats-badge.caipiao-stats-rate {
    background: rgba(52,152,219,0.08);
    color: #3498db;
}
.caipiao-stats-badge.caipiao-stats-streak {
    background: rgba(230,126,34,0.1);
    color: #e67e22;
    animation: caipiao-streak-pulse 2s infinite;
}
.caipiao-stats-badge.caipiao-stats-max-streak {
    background: rgba(149,165,166,0.12);
    color: #7f8c8d;
}
.caipiao-stats-badge.caipiao-stats-total {
    background: rgba(52,152,219,0.08);
    color: #3498db;
}
@keyframes caipiao-streak-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(230,126,34,0.2); }
    50% { box-shadow: 0 0 0 4px rgba(230,126,34,0); }
}

.caipiao-recommend-box .caipiao-content { padding: 10px 0 0; }
.caipiao-category-tabs .but-average { display: flex; width: 100%; }
.caipiao-category-tabs .but { flex: 1; border-radius: 6px; }
.caipiao-cat-tab { cursor: pointer; border: 1px solid var(--muted-border-color, #e5e5e5); }
.caipiao-type-select,
.caipiao-permission-select { width: 100%; }
.caipiao-type-desc {
    border-radius: 6px;
    line-height: 1.6;
    font-size: 12px;
    margin-bottom: 10px;
}
.jingcai-input {
    border-radius: 6px;
    padding: 10px;
    background: var(--muted-bg-color, #f8f9fa);
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.6;
}
.caipiao-number-input-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.caipiao-number-input,
.caipiao-number-select {
    width: 42px !important;
    height: 40px;
    text-align: center;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 1px solid var(--muted-border-color, #e5e5e5);
    border-radius: 8px !important;
    background: #fff;
    box-sizing: border-box;
}
.caipiao-number-input-wrap.red .caipiao-number-input,
.caipiao-number-input-wrap.red .caipiao-number-select {
    background: linear-gradient(135deg, #ff6b6b 0%, #e74c3c 100%);
    color: #fff;
    border-color: transparent;
}
.caipiao-number-input-wrap.blue .caipiao-number-input {
    background: linear-gradient(135deg, #5dade2 0%, #2e86de 100%);
    color: #fff;
    border-color: transparent;
}
.caipiao-number-input::-webkit-outer-spin-button,
.caipiao-number-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.caipiao-quick-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
}
.caipiao-quick-btn:hover { background: rgba(52,152,219,0.1); }
.caipiao-confidence-range {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: var(--muted-bg-color, #f0f0f0);
    -webkit-appearance: none;
    outline: none;
}
.caipiao-confidence-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e74c3c;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(231,76,60,0.4);
    border: 3px solid #fff;
}
.caipiao-confidence-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e74c3c;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(231,76,60,0.4);
    border: 3px solid #fff;
}
.caipiao-view-permission-box {
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
}
.caipiao-quick-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--muted-border-color, #eee);
}

@media (max-width: 640px) {
    .caipiao-tab-nav .but {
        padding: 6px 8px;
        font-size: 12px;
    }
    .caipiao-tab-nav .but > *:first-child {
        margin-right: 3px;
    }
    .caipiao-stat-icon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }
    .caipiao-rate-bar {
        width: 50px;
    }
    .caipiao-ball {
        width: 26px !important;
        height: 26px !important;
        font-size: 11px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    .caipiao-col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .caipiao-card-header {
        padding: 12px 15px;
    }
    .caipiao-card-body {
        padding: 12px 15px 15px;
    }
    .caipiao-hit-badge {
        padding: 6px 10px;
    }
    .caipiao-hit-badge .hit-icon {
        font-size: 14px;
        margin-right: 4px;
    }
    .caipiao-hit-badge .hit-text {
        font-size: 12px;
    }
    .caipiao-trend-item .caipiao-trend-icon-circle {
        width: 48px;
        height: 48px;
    }
    .caipiao-trend-item .caipiao-trend-icon-circle svg {
        width: 28px;
        height: 28px;
    }
    .caipiao-ball-card {
        min-width: 30px !important;
        height: 30px !important;
        padding: 0 7px !important;
        line-height: 30px !important;
        font-size: 14px !important;
    }
    .caipiao-result-banner h2 {
        font-size: 26px !important;
        letter-spacing: 4px !important;
    }
    .caipiao-result-card-item {
        padding: 14px 14px !important;
    }
}

.caipiao-ball-red {
    background: linear-gradient(145deg, #ff3b3b 0%, #e60012 50%, #c4000f 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 215, 0, 0.35) !important;
    box-shadow: inset 0 -3px 8px rgba(0,0,0,0.2), 0 4px 14px rgba(230,0,18,0.4), 0 0 0 1px rgba(255,255,255,0.08) inset !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    position: relative;
    overflow: hidden;
}
.caipiao-ball-red::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    animation: ballShine 3s ease-in-out infinite;
}
@keyframes ballShine {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
}

.caipiao-ball-blue {
    background: linear-gradient(135deg, #3742fa 0%, #1e3799 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(30, 55, 153, 0.18);
}

.ball-gold,
.caipiao-ball-gold {
    background: linear-gradient(145deg, #ffd960 0%, #ffb400 50%, #e89b00 100%) !important;
    color: #7a4a00 !important;
    border: 1px solid rgba(255, 215, 0, 0.55) !important;
    box-shadow: inset 0 -3px 8px rgba(0,0,0,0.15), 0 4px 14px rgba(255,180,0,0.4), 0 0 0 1px rgba(255,255,255,0.15) inset !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4) !important;
    position: relative;
    overflow: hidden;
    font-weight: 700 !important;
}
.ball-gold::after,
.caipiao-ball-gold::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation: ballShine 2.5s ease-in-out infinite;
}
.ball-gold.hit,
.caipiao-ball-gold.hit {
    box-shadow: inset 0 -3px 8px rgba(0,0,0,0.15), 0 0 0 2px #ff7b00 inset, 0 4px 14px rgba(255,160,0,0.5) !important;
}

.caipiao-ball-card {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.caipiao-ball-tiny {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    width: 22px;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    margin: 0 1px;
}

.caipiao-trend-grid {
    width: 100%;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eef0f3;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 18px 18px 16px;
    box-sizing: border-box;
}

.caipiao-trend-grid-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .caipiao-trend-grid-inner {
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }
    .caipiao-trend-grid {
        padding: 12px 8px 10px;
        border-radius: 14px;
    }
}

.caipiao-trend-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 6px 12px;
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
    outline: none;
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: visible !important;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    box-sizing: border-box;
    min-height: 120px;
}

.caipiao-trend-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 14%;
    bottom: 14%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #eef0f3 20%, #eef0f3 80%, transparent);
}

.caipiao-trend-item:nth-child(4n)::after {
    display: none;
}

.caipiao-trend-item::before {
    display: none;
}

.caipiao-trend-item:hover {
    transform: translateY(-2px);
    background: #fafbfc;
    border-radius: 10px;
}

.caipiao-trend-item:active {
    transform: translateY(0) scale(0.97);
    background: #f5f6f8;
}

.caipiao-trend-item .caipiao-trend-icon-circle {
    width: 100%;
    max-width: 64px;
    height: auto;
    min-width: 48px;
    min-height: 48px;
    aspect-ratio: 1 / 1;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    border: none;
}

.caipiao-trend-item .caipiao-trend-icon-circle img,
.caipiao-trend-item .caipiao-trend-icon-circle .caipiao-custom-icon-img {
    max-width: 100%;
    max-height: 64px;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.caipiao-trend-item .caipiao-trend-icon-circle::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.caipiao-trend-item:hover .caipiao-trend-icon-circle {
    transform: scale(1.08);
}

img.caipiao-custom-icon-img {
    background-color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
}

.caipiao-trend-item .caipiao-trend-name {
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.2px;
}

.caipiao-today-tag {
    position: absolute;
    top: -6px;
    right: -6px;
    background: linear-gradient(135deg, #ff6b6b 0%, #e74c3c 50%, #c0392b 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 10px;
    line-height: 1.4;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 3px 10px rgba(231, 76, 60, 0.45), 0 0 0 2px rgba(255, 255, 255, 0.95);
    letter-spacing: 0.3px;
    animation: caipiaoBadgePulse 1.8s ease-in-out infinite;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.caipiao-trend-grid,
.caipiao-trend-grid-inner {
    overflow: visible !important;
}

.caipiao-result-tabs .but {
    background: transparent !important;
    border: none !important;
    padding: 8px 10px;
    color: var(--muted-color, #666);
    font-size: 14px;
    transition: all 0.25s;
    position: relative;
}

.caipiao-result-tabs .but.caipiao-result-tab-btn.active {
    background: #fff !important;
    color: var(--focus-color, #e74c3c);
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

.caipiao-result-tabs .but.caipiao-result-tab-btn:hover:not(.active) {
    color: var(--focus-color, #e74c3c) !important;
}

.caipiao-result-tabs .but.caipiao-result-tab-shop:hover {
    color: #f39c12 !important;
}

.caipiao-result-panel {
    animation: caipiaoPanelIn 0.25s ease both;
}

@keyframes caipiaoPanelIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.caipiao-result-card-numbers .caipiao-ball-card {
    transition: transform 0.2s;
}

.caipiao-result-card-numbers .caipiao-ball-card:hover {
    transform: translateY(-2px);
}

.caipiao-view-permission-select {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--muted-border-color, #e5e5e5);
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-color, #333);
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
}

.caipiao-view-permission-select:hover {
    border-color: var(--focus-color, #3b82f6);
}

.caipiao-view-permission-select:focus {
    outline: none;
    border-color: var(--focus-color, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.caipiao-numbers-mini {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.caipiao-cat-tag-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.caipiao-status-tag-mini {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 1.6;
}

.caipiao-status-tag-mini.hit {
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
    color: #fff;
}

.caipiao-status-tag-mini.miss {
    background: #f0f0f0;
    color: #999;
}

.caipiao-status-tag-mini.pending {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    color: #fff;
}

.caipiao-list-stats-item {
    display: inline-flex;
    align-items: center;
}

.c-red { color: #e74c3c !important; }

/* 走势图 今日开奖 badge 闪烁动画 */
.caipiao-trend-item > span:first-child {
    animation: caipiaoBadgePulse 1.8s ease-in-out infinite;
}

@keyframes caipiaoBadgePulse {
    0%, 100% {
        box-shadow: 0 2px 6px rgba(231, 76, 60, 0.35);
    }
    50% {
        box-shadow: 0 2px 14px rgba(231, 76, 60, 0.65), 0 0 0 3px rgba(231, 76, 60, 0.12);
    }
}

/* 修复 快乐8 20个号码自动换行展示 */
.caipiao-result-card-item[data-lottery="kl8"] .caipiao-result-card-numbers > div,
.caipiao-result-card-item.kl8-wrap .caipiao-result-card-numbers > div {
    gap: 6px !important;
    line-height: 1.9;
}

.caipiao-ball-special {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(155, 89, 182, 0.3);
}

.caipiao-ball-special::before {
    content: "特";
    position: absolute;
    top: -7px;
    right: -7px;
    background: #e91e63;
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    padding: 0 5px;
    line-height: 16px;
    font-weight: 700;
}

/* 移动端走势图图标大小适配 */
@media (max-width: 640px) {
    .caipiao-trend-grid-inner {
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }
    .caipiao-trend-item {
        padding: 10px 4px 8px;
        border-radius: 0;
        min-height: 105px;
    }
    .caipiao-trend-item .caipiao-trend-icon-circle {
        width: auto;
        height: auto;
        min-width: 56px;
        min-height: 56px;
        border-radius: 0;
        margin-bottom: 6px;
    }
    .caipiao-trend-item .caipiao-trend-icon-circle svg {
        width: 30px;
        height: 30px;
    }
    .caipiao-trend-item .caipiao-trend-icon-circle img,
    .caipiao-trend-item .caipiao-trend-icon-circle .caipiao-custom-icon-img {
        max-width: 100%;
        max-height: 56px;
        width: auto;
        height: auto;
    }
    .caipiao-trend-item .caipiao-trend-name {
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.2;
    }
    .caipiao-today-tag {
        font-size: 8px;
        padding: 2px 6px;
        border-radius: 8px;
        top: -5px;
        right: -4px;
        letter-spacing: 0;
    }
    #caipiao-trend-modal .caipiao-trend-modal-inner {
        border-radius: 0;
        height: 100vh;
        max-height: 100vh;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head {
        padding: 10px 14px;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head h3 {
        font-size: 15px;
    }
    #caipiao-trend-modal .caipiao-trend-modal-toolbar {
        padding: 8px 12px;
        flex-wrap: wrap;
        gap: 8px;
    }
    #caipiao-trend-modal .trend-tab-btn {
        padding: 5px 10px;
        font-size: 11px;
    }
    #caipiao-trend-modal .trend-btn {
        padding: 5px 9px;
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap table.yqc-table {
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 th {
        padding: 6px 2px;
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tbody td.num-cell {
        padding: 5px 0;
        min-height: 36px;
    }
    .caipiao-trend-chart-wrap .ball {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}

/* ===== 补充样式：彩种图标去除背景、模块紧凑化 ===== */

/* 彩种图片图标 - 强制去除背景色和边框 */
.tcaipiao-icon-image,
.tcaipiao-icon.tcaipiao-icon-image {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.tcaipiao-icon-img,
.tcaipiao-icon-image img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 列表页彩种图片图标 - 去除背景色框 */
.caipiao-cat-tag-mini[style*="background:transparent"],
.caipiao-cat-tag-mini[style*="background: transparent"] {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 详情页推荐卡片 - 头部紧凑化 */
.tcaipiao-header {
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--line-color, #f0f0f0);
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(250,251,252,0.9));
}

.tcaipiao-box {
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
    overflow: hidden;
}

/* 详情页号码区 - 更紧凑 */
.tcaipiao-numbers {
    padding: 12px 18px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.tcaipiao-numbers .flex {
    gap: 4px !important;
    margin-bottom: 6px !important;
}

.tcaipiao-numbers .caipiao-ball,
.tcaipiao-numbers ball-red,
.tcaipiao-numbers ball-blue,
.tcaipiao-numbers .caipiao-ball-red,
.tcaipiao-numbers .caipiao-ball-blue {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
    line-height: 30px !important;
}

/* 详情页分析和专家点评 - 紧凑化 */
.tcaipiao-analysis,
.tcaipiao-expert {
    margin: 10px 18px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
}

.tcaipiao-analysis .main-color,
.tcaipiao-expert .main-color {
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.tcaipiao-analysis .em12,
.tcaipiao-expert .em12 {
    font-size: 12px !important;
    margin-bottom: 4px !important;
}

/* 详情页开奖结果条 - 紧凑化 */
.tcaipiao-result {
    padding: 12px 18px !important;
    margin-top: 10px !important;
}

/* 详情页锁定区域 - 美化 */
.tcaipiao-locked {
    margin: 12px 18px 18px !important;
    padding: 18px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(248,249,250,0.8), rgba(241,243,245,0.9)) !important;
    border: 1px dashed rgba(0,0,0,0.1) !important;
}

.tcaipiao-locked .em3x {
    font-size: 36px !important;
    margin-bottom: 8px !important;
}

/* VIP开通按钮 - 额外强化样式 */
button.caipiao-vip-open-btn,
a.caipiao-vip-open-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 26px !important;
    cursor: pointer !important;
    user-select: none;
    text-decoration: none !important;
}

/* 支付方式图标 - 修复尺寸和对齐 */
.caipiao-simple-pay-wrap .pay-type label i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.caipiao-simple-pay-wrap .pay-type label img {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 专家排行 - 美化（优化间距和悬浮效果） */
.ranking-list .ranking-item:first-child {
    padding-top: 8px !important;
}

.ranking-list .ranking-item:last-child {
    border-bottom: none !important;
    padding-bottom: 8px !important;
}

.ranking-item .text-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.ranking-item .text-right .muted-2-color {
    font-size: 11px;
}

/* 移动端详情页适配 */
@media (max-width: 640px) {
    .tcaipiao-header {
        padding: 12px 14px !important;
        gap: 8px !important;
    }
    
    .tcaipiao-numbers {
        padding: 10px 14px !important;
    }
    
    .tcaipiao-analysis,
    .tcaipiao-expert {
        margin: 8px 14px !important;
        padding: 10px 12px !important;
    }
    
    .tcaipiao-result {
        padding: 10px 14px !important;
    }
    
    .tcaipiao-locked {
        margin: 10px 14px 14px !important;
        padding: 14px 12px !important;
    }
    
    .tcaipiao-numbers .caipiao-ball,
    .tcaipiao-numbers .caipiao-ball-red,
    .tcaipiao-numbers .caipiao-ball-blue {
        width: 26px !important;
        height: 26px !important;
        font-size: 11px !important;
        line-height: 26px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    
    .caipiao-cat-tag-mini[style*="background:transparent"] img,
    .caipiao-cat-tag-mini[style*="background: transparent"] img {
        width: 24px !important;
        height: 24px !important;
    }
}

/* 支付参数显示 - 修复积分/金钱参数 */
.pay-price-info .points-price-label,
.pay-price-info .money-price-label {
    font-size: 12px;
    opacity: 0.85;
}

.pay-price-info .price-amount {
    font-size: 20px;
    font-weight: 800;
}

/* 专家排行奖牌 - 修复尺寸 */
.caipiao-rank-badge-mini.rank-1,
.caipiao-rank-badge-mini.rank-2,
.caipiao-rank-badge-mini.rank-3 {
    min-width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
}

.caipiao-rank-badge-mini {
    min-width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    font-size: 11px !important;
    padding: 0 5px !important;
    border-radius: 6px !important;
}

.caipiao-result-card-item {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* ==================== 走势图弹窗模态 ==================== */
#caipiao-trend-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2147483647 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    display: none;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
#caipiao-trend-modal.active {
    display: flex !important;
}
body.caipiao-modal-open {
    overflow: hidden !important;
}
#caipiao-trend-modal .caipiao-trend-modal-inner {
    background: #fff;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
    box-shadow: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
#caipiao-trend-modal .caipiao-trend-modal-head {
    padding: 14px 22px;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}
#caipiao-trend-modal .caipiao-trend-modal-head h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}
#caipiao-trend-modal .caipiao-trend-modal-head h3 .trend-title-tag {
    font-size: 12px;
    background: rgba(255,255,255,0.18);
    padding: 2px 10px;
    border-radius: 10px;
    font-weight: 500;
}
#caipiao-trend-modal .caipiao-trend-modal-head {
    position: relative;
}
#caipiao-trend-modal .caipiao-trend-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    border-radius: 0 0 0 14px;
    border: none;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.22s ease;
    padding: 0;
    margin: 0;
    user-select: none;
}
#caipiao-trend-modal .caipiao-trend-modal-close:hover {
    background: #fff;
    color: #e74c3c;
    transform: scale(1.02);
}
#caipiao-trend-modal .caipiao-trend-modal-toolbar {
    padding: 10px 22px;
    background: #fafbfc;
    border-bottom: 1px solid #eef1f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: nowrap;
    flex-shrink: 0;
}
#caipiao-trend-modal .trend-tabs-wrap {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
#caipiao-trend-modal .trend-tabs-wrap::-webkit-scrollbar { height: 4px; }
#caipiao-trend-modal .trend-tabs-wrap::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
#caipiao-trend-modal #caipiao-trend-main-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
#caipiao-trend-modal .trend-tools-btns {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: center;
}
#caipiao-trend-modal .trend-tab-btn {
    flex-shrink: 0;
    padding: 7px 14px;
    font-size: 13px;
    border: 1px solid #dfe4ea;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    color: #444;
    transition: all 0.18s;
    white-space: nowrap;
}
#caipiao-trend-modal .trend-tab-btn:hover {
    border-color: #e74c3c;
    color: #e74c3c;
}
#caipiao-trend-modal .trend-tab-btn.active {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border-color: transparent;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(231, 76, 60, 0.25);
}
#caipiao-trend-modal .trend-tools-btns {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: center;
}
#caipiao-trend-modal .trend-btn {
    padding: 7px 14px;
    font-size: 13px;
    border: 1px solid #dfe4ea;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    color: #444;
    transition: all 0.18s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1.2;
}
#caipiao-trend-modal .trend-btn:hover { border-color: #e74c3c; color: #e74c3c; }
#caipiao-trend-modal .trend-btn.primary {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border-color: transparent;
    color: #fff;
}
#caipiao-trend-modal .trend-btn.primary:hover { filter: brightness(1.05); color: #fff; }
#caipiao-trend-modal .trend-btn.warn {
    background: linear-gradient(135deg, #f39c12 0%, #d68910 100%);
    border-color: transparent;
    color: #fff;
}
#caipiao-trend-modal .trend-btn.warn:hover { filter: brightness(1.05); color: #fff; }

#caipiao-trend-modal .trend-progress {
    height: 3px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
#caipiao-trend-modal .trend-progress .bar {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 0;
    background: linear-gradient(90deg, #e74c3c, #f39c12);
    transition: width 0.4s ease;
}

#caipiao-trend-modal .caipiao-trend-chart {
    flex: 1;
    overflow-y: auto;
    overflow-x: auto;
    padding: 12px 14px 14px !important;
    margin: 0 !important;
    background: #ffffff;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: scroll-position;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    z-index: 1;
    position: relative;
    width: 100% !important;
    box-sizing: border-box !important;
}
#caipiao-trend-modal .caipiao-trend-chart::-webkit-scrollbar { width: 6px; }
#caipiao-trend-modal .caipiao-trend-chart::-webkit-scrollbar-thumb { background: #d0d5da; border-radius: 6px; }
#caipiao-trend-modal .caipiao-trend-chart::-webkit-scrollbar-track { background: transparent; }
#caipiao-trend-modal .caipiao-trend-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: #888;
    text-align: center;
}
#caipiao-trend-modal .caipiao-trend-chart-wrap,
#caipiao-trend-modal .digit-trend-with-lines,
#caipiao-trend-modal .caipiao-trend-chart-wrap.digit-style {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: transform;
}
#caipiao-trend-modal table.digit-table,
#caipiao-trend-modal table.digit-table-with-lines,
#caipiao-trend-modal table.yqc-table {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.digit-line-svg {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: contents;
}
#caipiao-trend-modal .caipiao-trend-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 16px;
    color: #666;
    font-size: 14px;
}
#caipiao-trend-modal .caipiao-trend-loading .spinner {
    width: 42px; height: 42px;
    border: 3px solid #eef1f5;
    border-top-color: #e74c3c;
    border-radius: 50%;
    animation: trendSpin 0.9s linear infinite;
}
@keyframes trendSpin { to { transform: rotate(360deg); } }

/* ==================== 走势图主样式 - 一起彩风格 ==================== */
.caipiao-trend-chart-wrap.yqc-style {
    width: 100%;
    min-width: 980px;
}
.caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card {
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 10px;
    padding: 12px 14px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card .label {
    font-size: 12px;
    color: #888;
}
.caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card .value {
    font-size: 20px;
    font-weight: 700;
    color: #e74c3c;
}
.caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card .value small {
    font-size: 12px;
    color: #888;
    font-weight: 400;
    margin-left: 3px;
}

/* 表格外框 */
.caipiao-trend-chart-wrap .caipiao-trend-table-wrap {
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    background: #fff;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: thin;
    touch-action: pan-x pan-y;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: scroll-position;
    overscroll-behavior: contain;
}
.caipiao-trend-chart-wrap .caipiao-trend-table-wrap::-webkit-scrollbar { height: 6px; width: 6px; }
.caipiao-trend-chart-wrap .caipiao-trend-table-wrap::-webkit-scrollbar-thumb { background: #d0d5da; border-radius: 6px; }
.caipiao-trend-chart-wrap .caipiao-trend-table-wrap::-webkit-scrollbar-track { background: #f0f2f5; }
.caipiao-trend-chart-wrap table.yqc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    table-layout: fixed;
}
.caipiao-trend-chart-wrap table.yqc-table th,
.caipiao-trend-chart-wrap table.yqc-table td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border: 1px solid #eef1f5;
    font-weight: normal;
}
/* 表头 */
.caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 th {
    background: linear-gradient(180deg, #f8f9fb 0%, #eef1f5 100%);
    color: #444;
    font-weight: 700;
    padding: 8px 4px;
    font-size: 12px;
    border-bottom: 1px solid #dde2e8;
}
.caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 th small {
    font-weight: normal;
    color: #888;
    font-size: 11px;
    display: inline-block;
    margin-left: 3px;
}
.caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 .col-issue,
.caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 .col-week {
    min-width: 70px;
}
.caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-2 th {
    background: #f5f7fa;
    color: #555;
    font-weight: 600;
    padding: 5px 0;
    font-size: 11px;
    border-bottom: 1px solid #e1e5ea;
}
.caipiao-trend-chart-wrap table.yqc-table thead th.num-head {
    min-width: 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    box-sizing: border-box;
}
/* 分区间分割线 - 仅用于每个区的边界单元格（第一个单元格左边，最后一个单元格右边） */
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-divider-left-1,
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-divider-left-1,
.caipiao-trend-chart-wrap table.yqc-table tfoot td.zone-divider-left-1 {
    border-left: 2px solid #e74c3c;
}
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-divider-right-3,
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-divider-right-3,
.caipiao-trend-chart-wrap table.yqc-table tfoot td.zone-divider-right-3 {
    border-right: 2px solid #e74c3c;
}
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-divider-left-blue,
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-divider-left-blue,
.caipiao-trend-chart-wrap table.yqc-table tfoot td.zone-divider-left-blue {
    border-left: 2px solid #3479d8;
}
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-divider-right-blue,
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-divider-right-blue,
.caipiao-trend-chart-wrap table.yqc-table tfoot td.zone-divider-right-blue {
    border-right: 2px solid #3479d8;
}
/* 分区间分割线 - 大乐透定制色 */
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-divider-left-2,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.zone-divider-left-2,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tfoot td.zone-divider-left-2 {
    border-left: 2px solid #3479d8;
}
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-divider-left-3,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.zone-divider-left-3,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tfoot td.zone-divider-left-3 {
    border-left: 2px solid #f39c12;
}
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-divider-right-3,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.zone-divider-right-3,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tfoot td.zone-divider-right-3 {
    border-right: 2px solid #f39c12;
}
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-divider-left-blue,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.zone-divider-left-blue,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tfoot td.zone-divider-left-blue {
    border-left: 2px solid #8e44ad;
}
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-divider-right-blue,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.zone-divider-right-blue,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tfoot td.zone-divider-right-blue {
    border-right: 2px solid #8e44ad;
}
/* 三区背景色（隔区着色） */
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-border-1 { background: #fffaf7; }
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-border-2 { background: #f7fbff; }
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-border-3 { background: #fbfaff; }

/* 蓝球列 */
.caipiao-trend-chart-wrap table.yqc-table thead th.blue-head,
.caipiao-trend-chart-wrap table.yqc-table thead .zone-blue {
    background: #eaf2ff !important;
    color: #2c5ea5;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.zone-blue,
.caipiao-trend-chart-wrap table.yqc-table tfoot td.zone-blue {
    background: #f5faff;
}

/* 行内容 */
.caipiao-trend-chart-wrap table.yqc-table tbody tr.stripe td.col-issue,
.caipiao-trend-chart-wrap table.yqc-table tbody tr.stripe td.col-week {
    background: #fafbfc;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.col-issue {
    min-width: 70px;
    background: #fafbfc;
    font-size: 11px;
    color: #444;
    padding: 0 4px;
    letter-spacing: 0.3px;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.col-issue b {
    color: #333;
    font-weight: 600;
    font-family: "Consolas", "Courier New", monospace;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.col-week {
    min-width: 40px;
    background: #fafbfc;
    color: #888;
    font-size: 11px;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.num-cell {
    position: relative;
    padding: 0;
    min-width: 36px;
    width: 36px;
    min-height: 36px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    box-sizing: border-box;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.num-cell .ball {
    width: 30px;
    height: 30px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.num-cell .miss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    color: #999;
    line-height: 36px;
}

/* 圆球样式 */
.caipiao-trend-chart-wrap .ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: "Consolas", "Courier New", monospace;
    position: relative;
    box-shadow: inset 0 -3px 5px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.18);
    padding: 0 !important;
    text-align: center;
    overflow: hidden;
}
.caipiao-trend-chart-wrap .ball i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-style: normal;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
}
.caipiao-trend-chart-wrap .ball::before {
    content: "";
    position: absolute;
    top: 3px; left: 5px;
    width: 8px; height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.55);
    filter: blur(0.5px);
    z-index: 0;
}
.caipiao-trend-chart-wrap .ball.ball-red {
    background: radial-gradient(circle at 35% 30%, #ff8a8a 0%, #e74c3c 55%, #c0392b 100%);
}
.caipiao-trend-chart-wrap .ball.ball-blue {
    background: radial-gradient(circle at 35% 30%, #8ab7ff 0%, #3479d8 55%, #2c5ea5 100%);
}
.caipiao-trend-chart-wrap .ball.ball-digit {
    background: radial-gradient(circle at 35% 30%, #ffc27a 0%, #f39c12 55%, #d68910 100%);
    width: 30px; height: 30px;
    font-size: 13px;
}
.caipiao-trend-chart-wrap .ball.ball-kl8 {
    background: radial-gradient(circle at 35% 30%, #ff8a8a 0%, #e74c3c 55%, #c0392b 100%);
    width: 30px; height: 30px;
    font-size: 12px;
}

/* 遗漏值 */
.caipiao-trend-chart-wrap .miss {
    display: inline-block;
    min-width: 32px;
    font-size: 12px;
    color: #999;
    font-family: "Consolas", "Courier New", monospace;
    padding: 1px 0;
    line-height: 1.3;
}
.caipiao-trend-chart-wrap .miss.blue-miss {
    color: #7496c4;
}
.caipiao-trend-chart-wrap .miss.kl8-miss {
    color: #c0392b;
    font-size: 10px;
    min-width: 18px;
}

/* 大小奇偶012路样式 */
.caipiao-trend-chart-wrap table.yqc-table tbody td.big,
.caipiao-trend-chart-wrap table.yqc-table thead th.big {
    background: #fff5f0 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.small,
.caipiao-trend-chart-wrap table.yqc-table thead th.small {
    background: #f0faff !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.odd,
.caipiao-trend-chart-wrap table.yqc-table thead th.odd {
    background: #f9f0ff !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.even,
.caipiao-trend-chart-wrap table.yqc-table thead th.even {
    background: #f0fff5 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.lu-0,
.caipiao-trend-chart-wrap table.yqc-table thead th.lu0 {
    background: #fff0f0 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.lu-1,
.caipiao-trend-chart-wrap table.yqc-table thead th.lu1 {
    background: #f0f6ff !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.lu-2,
.caipiao-trend-chart-wrap table.yqc-table thead th.lu2 {
    background: #f0fff5 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.zhi,
.caipiao-trend-chart-wrap table.yqc-table thead th.zhi {
    background: #f9fff0 !important;
}
.caipiao-trend-chart-wrap table.yqc-table tbody td.he,
.caipiao-trend-chart-wrap table.yqc-table thead th.he {
    background: #fff5f0 !important;
}

/* 表尾统计 */
.caipiao-trend-chart-wrap table.yqc-table tfoot td.foot-label {
    background: #f5f7fa;
    font-weight: 700;
    color: #444;
    padding: 6px 4px;
    font-size: 11px;
    text-align: right;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-hit td.foot-num {
    background: #fff8f0;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 0;
    color: #d68910;
    font-family: "Consolas", "Courier New", monospace;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-hit td.foot-num.hot {
    color: #e74c3c;
    background: #fff0f0;
    font-weight: 700;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-miss td.foot-num {
    background: #f7faff;
    font-size: 11px;
    padding: 5px 0;
    color: #3479d8;
    font-family: "Consolas", "Courier New", monospace;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-miss td.foot-num.warn {
    background: #fff8e1;
    color: #d68910;
    font-weight: 700;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-miss td.foot-num.danger {
    background: #ffe5e5;
    color: #e74c3c;
    font-weight: 700;
}

/* 图例 */
.caipiao-trend-chart-wrap .trend-legend {
    margin-top: 14px;
    padding: 12px 14px;
    background: #f8f9fb;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    font-size: 12px;
    color: #666;
}
.caipiao-trend-chart-wrap .trend-legend .legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.caipiao-trend-chart-wrap .trend-legend .tag {
    padding: 2px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
}
.caipiao-trend-chart-wrap .trend-legend .tag.big-tag { background: #fff0e5; color: #d68910; }
.caipiao-trend-chart-wrap .trend-legend .tag.small-tag { background: #e5f2ff; color: #3479d8; }
.caipiao-trend-chart-wrap .trend-legend .tag.odd-tag { background: #f5e8ff; color: #8e44ad; }
.caipiao-trend-chart-wrap .trend-legend .tag.even-tag { background: #e8fff0; color: #27ae60; }
.caipiao-trend-chart-wrap .trend-legend .tag.lu0 { background: #ffe5e5; color: #c0392b; }
.caipiao-trend-chart-wrap .trend-legend .tag.lu1 { background: #e5ecff; color: #2c5ea5; }
.caipiao-trend-chart-wrap .trend-legend .tag.lu2 { background: #e5ffee; color: #27ae60; }
.caipiao-trend-chart-wrap .trend-legend .legend-src {
    margin-left: auto;
    color: #999;
    font-size: 11px;
}
.caipiao-trend-chart-wrap .trend-disclaimer {
    margin-top: 6px;
    padding: 0 6px 2px;
    font-size: 10px;
    color: #c0c4cc;
    line-height: 1.6;
    text-align: center;
}

/* 3D/排列三 数字走势图调整 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-test-num {
    background: linear-gradient(180deg,#fff0e0 0%,#ffdcab 100%);
    color: #8a4b00;
    font-weight: 600;
    min-width: 68px;
    border-left: 1px solid #f0d9a8;
    border-right: 1px dashed #e8c896;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-test-num {
    background: #fff5e8;
    padding: 4px 3px;
    text-align: center;
    white-space: nowrap;
    border-right: 1px dashed #e8c896;
    font-size: 11px;
    color: #c0392b;
    font-family: "Consolas", "Courier New", monospace;
    letter-spacing: 1px;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-test-num .test-number-text i {
    font-style: normal;
    font-weight: 700;
    color: #e74c3c;
    background: transparent !important;
    padding: 0 2px;
    border: none !important;
    border-radius: 0 !important;
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    box-shadow: none !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-test-num .test-number-empty,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-test-num .no-data {
    color: #bbb;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-test-num {
    background: #fff0dc;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .zone-digit.pos-0 { border-left: 2px solid #d68910; }
/* 位置间分割线 - 仅用于每个位置的第一个单元格左边框 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-0,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-0,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-0 {
    border-left: 2px solid #d68910;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-1,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-1,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-1 {
    border-left: 2px solid #27ae60;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-2,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-2,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-2 {
    border-left: 2px solid #3479d8;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-3,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-3,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-3 {
    border-left: 2px solid #f39c12;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-4,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-4,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-4 {
    border-left: 2px solid #8e44ad;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-5,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-5,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-5 {
    border-left: 2px solid #16a085;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head.pos-divider-6,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell.pos-divider-6,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.foot-num.pos-divider-6 {
    border-left: 2px solid #d35400;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.digit-head {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    box-sizing: border-box;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell {
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-plain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    border-radius: 50%;
    position: relative;
    z-index: 3;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-plain i {
    font-style: normal;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-0 { color: #e74c3c; background: #ffe8e8; border: 1.5px solid #e74c3c; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-1 { color: #27ae60; background: #e8fff0; border: 1.5px solid #27ae60; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-2 { color: #3479d8; background: #e8f0ff; border: 1.5px solid #3479d8; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-3 { color: #f39c12; background: #fff5e0; border: 1.5px solid #f39c12; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-4 { color: #8e44ad; background: #f3e8ff; border: 1.5px solid #8e44ad; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-5 { color: #16a085; background: #e0f7f2; border: 1.5px solid #16a085; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .digit-hit-ball-pos-6 { color: #2980b9; background: #e6f2fb; border: 1.5px solid #2980b9; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.num-cell .miss {
    line-height: 32px;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 0 !important;
    font-style: normal;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 18px;
    padding: 0;
    min-width: auto;
    height: auto;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit i {
    font-style: normal;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-0,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-0 { color: #e74c3c; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-1,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-1 { color: #27ae60; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-2,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-2 { color: #3479d8; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-3,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-3 { color: #f39c12; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-4,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-4 { color: #8e44ad; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-5,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-5 { color: #16a085; border: none !important; background: transparent !important; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-digit-pos-6,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .award-pos-6 { color: #2980b9; border: none !important; background: transparent !important; }

/* 快乐8表格 */
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell {
    padding: 0;
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    box-sizing: border-box;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head {
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 10px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    box-sizing: border-box;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead tr.head-row-1 th.zone-head.kl8-zone {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 4px;
    line-height: 1.5;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead tr.head-row-1 th.zone-head.kl8-zone small {
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin-top: 2px;
    opacity: 0.85;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.zone-head.kl8-zone.zone-1 {
    border-left: 2px solid #e74c3c;
    border-right: 1px solid #fadbd8;
    background: linear-gradient(180deg,#fef5f5 0%,#fde2e2 100%);
    color: #c0392b;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.zone-head.kl8-zone.zone-2 {
    border-left: 2px solid #3498db;
    border-right: 1px solid #d4e6f1;
    background: linear-gradient(180deg,#f0f8ff 0%,#d6eaf8 100%);
    color: #2471a3;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.zone-head.kl8-zone.zone-3 {
    border-left: 2px solid #27ae60;
    border-right: 1px solid #d5f5e3;
    background: linear-gradient(180deg,#f0fff4 0%,#d5f5e3 100%);
    color: #1e8449;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.zone-head.kl8-zone.zone-4 {
    border-left: 2px solid #f39c12;
    border-right: 2px solid #f39c12;
    background: linear-gradient(180deg,#fffaf0 0%,#fdebd0 100%);
    color: #b9770e;
}
/* 快乐8分区间分割线 - 仅用于每个区的边界单元格 */
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head.kl8-zone-divider-left-1,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.kl8-zone-divider-left-1,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tfoot td.kl8-foot.kl8-zone-divider-left-1 { border-left: 2px solid #e74c3c; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head.kl8-zone-divider-left-2,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.kl8-zone-divider-left-2,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tfoot td.kl8-foot.kl8-zone-divider-left-2 { border-left: 2px solid #3498db; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head.kl8-zone-divider-left-3,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.kl8-zone-divider-left-3,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tfoot td.kl8-foot.kl8-zone-divider-left-3 { border-left: 2px solid #27ae60; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head.kl8-zone-divider-left-4,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.kl8-zone-divider-left-4,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tfoot td.kl8-foot.kl8-zone-divider-left-4 { border-left: 2px solid #f39c12; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table thead th.kl8-head.kl8-zone-divider-right-4,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.kl8-zone-divider-right-4,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tfoot td.kl8-foot.kl8-zone-divider-right-4 { border-right: 2px solid #f39c12; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.zone-bg-1 { background: #fffbfb; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.zone-bg-2 { background: #f5faff; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.zone-bg-3 { background: #f6fff9; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell.zone-bg-4 { background: #fffaf3; }
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell .ball.ball-kl8,
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell .ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-size: 12px;
    vertical-align: middle;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell .ball i {
    font-style: normal;
    line-height: 1;
}
.caipiao-trend-chart-wrap.kl8-style table.yqc-table tbody td.kl8-cell .miss.kl8-miss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    color: #999;
    line-height: 32px;
}

/* 彩种相关背景色 - lotto 三区 */
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-head.zone-1 { border-left: 2px solid #e74c3c; }
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-head.zone-3 { border-right: 2px solid #e74c3c; }
.caipiao-trend-chart-wrap table.yqc-table thead th.zone-head.zone-blue { border-left: 2px solid #3479d8; border-right: 2px solid #3479d8; }

/* 大乐透三分区定制 */
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.num-cell.zone-border-1 { background: #fff7f7; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.num-cell.zone-border-2 { background: #f7faff; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table tbody td.num-cell.zone-border-3 { background: #fffaf2; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.num-head.zone-border-1 { background: #fdecea; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.num-head.zone-border-2 { background: #eaf4ff; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.num-head.zone-border-3 { background: #fef3e2; }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-1 { border-left: 2px solid #e74c3c; background: linear-gradient(180deg,#fdecea 0%,#f9d7d5 100%); }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-2 { border-left: 2px solid #3479d8; background: linear-gradient(180deg,#eaf4ff 0%,#d4e7ff 100%); }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-3 { border-left: 2px solid #f39c12; border-right: 2px solid #f39c12; background: linear-gradient(180deg,#fef3e2 0%,#fde1b8 100%); }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-blue { border-left: 2px solid #8e44ad; border-right: 2px solid #8e44ad; background: linear-gradient(180deg,#f3e8ff 0%,#e6d1ff 100%); }
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-1,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-2,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-3,
.caipiao-trend-chart-wrap.dlt-style table.yqc-table thead th.zone-head.zone-blue { color: #333; font-weight: 600; }

/* 走势图统计新增行：平均遗漏、最大遗漏 */
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-avg-miss td.foot-label,
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-max-miss td.foot-label {
    background: #f8fafc;
    font-weight: 600;
    color: #555;
    border-right: 1px solid #eef0f3;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-avg-miss td.foot-num,
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-max-miss td.foot-num {
    padding: 6px 2px;
    font-size: 11px;
    color: #666;
    background: #fdfdfd;
    border-bottom: 1px dashed #eef0f3;
}
.caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-max-miss td.foot-num {
    color: #7f8c8d;
    background: #fafbfc;
}

/* 排列三/排列五 位置增强样式 */
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-0 { border-left: 2px solid #e74c3c; border-right: 1px solid #f5c6cb; background: linear-gradient(180deg,#fef0f0 0%,#fdd9d9 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-1 { border-left: 2px solid #27ae60; border-right: 1px solid #bbefd0; background: linear-gradient(180deg,#efffef 0%,#d7f5e4 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-2 { border-left: 2px solid #3479d8; border-right: 1px solid #bcdcff; background: linear-gradient(180deg,#eff6ff 0%,#d9e8ff 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-3 { border-left: 2px solid #f39c12; border-right: 1px solid #fde1b8; background: linear-gradient(180deg,#fff8ef 0%,#feebd1 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-4 { border-left: 2px solid #8e44ad; border-right: 2px solid #e6d1ff; background: linear-gradient(180deg,#f9f0ff 0%,#eed9ff 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-5 { border-left: 2px solid #16a085; background: linear-gradient(180deg,#effffa 0%,#c8f0e5 100%); }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead tr.head-row-1 .zone-digit.pos-6 { border-left: 2px solid #d35400; background: linear-gradient(180deg,#fff3ed 0%,#ffdcc6 100%); }
/* 位置间分割线 - digit-pos-enhanced 版本 */
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-0,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-0,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-0 { border-left: 2px solid #e74c3c; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-1,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-1,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-1 { border-left: 2px solid #27ae60; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-2,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-2,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-2 { border-left: 2px solid #3479d8; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-3,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-3,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-3 { border-left: 2px solid #f39c12; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-4,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-4,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-4 { border-left: 2px solid #8e44ad; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-5,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-5,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-5 { border-left: 2px solid #16a085; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-divider-6,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-divider-6,
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tfoot td.foot-num.pos-divider-6 { border-left: 2px solid #d35400; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-0 { background: #fffafa; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-1 { background: #fafffb; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-2 { background: #fafcff; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-3 { background: #fffcf5; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-4 { background: #fdf9ff; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-5 { background: #f7fffd; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table tbody td.num-cell.pos-6 { background: #fff9f5; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-0 { background: #fde2e2; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-1 { background: #d7f5e4; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-2 { background: #d9e8ff; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-3 { background: #feebd1; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-4 { background: #eed9ff; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-5 { background: #c8f0e5; }
.caipiao-trend-chart-wrap.digit-pos-enhanced table.yqc-table thead th.digit-head.pos-6 { background: #d6e8fb; }

/* 位置球不同颜色 */
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-0 { background: linear-gradient(180deg,#ff7675 0%,#e74c3c 100%); box-shadow: 0 2px 5px rgba(231,76,60,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-1 { background: linear-gradient(180deg,#55efc4 0%,#27ae60 100%); box-shadow: 0 2px 5px rgba(39,174,96,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-2 { background: linear-gradient(180deg,#74b9ff 0%,#3479d8 100%); box-shadow: 0 2px 5px rgba(52,121,216,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-3 { background: linear-gradient(180deg,#fdcb6e 0%,#f39c12 100%); box-shadow: 0 2px 5px rgba(243,156,18,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-4 { background: linear-gradient(180deg,#a29bfe 0%,#8e44ad 100%); box-shadow: 0 2px 5px rgba(142,68,173,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-5 { background: linear-gradient(180deg,#81ecec 0%,#16a085 100%); box-shadow: 0 2px 5px rgba(22,160,133,.35); }
.caipiao-trend-chart-wrap .ball.ball-digit.ball-pos-6 { background: linear-gradient(180deg,#74b9ff 0%,#2980b9 100%); box-shadow: 0 2px 5px rgba(41,128,185,.35); }

/* 属性列样式：奖号、和值、跨度、奇偶比、大小比、012路比 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-award,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-jo,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-dx,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-012lu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi-sum,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu-val,
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-ratio {
    background: linear-gradient(180deg,#fff5e6 0%,#ffe7c2 100%);
    color: #8a4b00;
    font-weight: 600;
    min-width: 58px;
    border-left: 1px solid #f0d9a8;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-award { min-width: 80px; border-left: 2px solid #d68910; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi { min-width: 50px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu { min-width: 50px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-jo { min-width: 58px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-dx { min-width: 58px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-012lu { min-width: 72px; border-right: 2px solid #d68910; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi-sum { min-width: 52px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu-val { min-width: 52px; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-ratio { min-width: 70px; border-right: 2px solid #d68910; }

.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award {
    background: #fffaf0;
    border-left: 2px solid #d68910;
    padding: 4px 3px;
    text-align: center;
    white-space: nowrap;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-jo,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-dx,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-012lu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi-sum,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu-val,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-ratio {
    background: #fffaf0;
    font-size: 11px;
    padding: 4px 2px;
    text-align: center;
    vertical-align: middle;
    color: #444;
    font-family: "Consolas", "Courier New", monospace;
    border-left: 1px dashed #f0d9a8;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi b,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu b,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi-sum b,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu-val b {
    color: #e67e22;
    font-size: 13px;
    display: inline-block;
    min-width: 18px;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-012lu { border-right: 2px solid #d68910; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-ratio { border-right: 2px solid #d68910; color: #555; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-award,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-hezhi,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-kuadu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-jo,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-dx,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-012lu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-hezhi-sum,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-kuadu-val,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-ratio {
    background: #fff5e6;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .ball.ball-digit {
    width: 18px;
    height: 18px;
    font-size: 10px;
    margin: 0 1px;
}

/* 连线相关 */
.digit-trend-with-lines {
    position: relative;
    width: max-content;
    max-width: 100%;
}
.digit-trend-with-lines table.digit-table-with-lines {
    position: relative;
    z-index: 1;
}
.digit-trend-with-lines svg.digit-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 100 !important;
    overflow: visible;
    display: block;
}
.digit-trend-with-lines table.digit-table-with-lines thead th {
    position: relative;
    z-index: 15;
}
.digit-trend-with-lines table.digit-table-with-lines tfoot td {
    position: relative;
    z-index: 15;
}
.digit-trend-with-lines table.digit-table-with-lines td.num-cell .digit-hit-plain,
.digit-trend-with-lines .digit-hit-ball,
.digit-trend-with-lines .ball.ball-digit {
    position: relative;
    z-index: 200 !important;
    display: inline-block;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 th.right-stat.col-hezhi,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.right-stat.col-hezhi {
    border-left: 2px solid #d68910;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 th.right-stat.col-012lu,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.right-stat.col-012lu {
    border-right: 2px solid #d68910;
}

/* 奖号组三/豹子标注 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award.award-zu3 {
    background: #e6f7ff !important;
    background-color: #e6f7ff !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-award.award-zu3 {
    background: #d8efff !important;
    background-color: #d8efff !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award.award-baozi {
    background: #fff5f5 !important;
    background-color: #fff5f5 !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody tr.stripe td.col-award.award-baozi {
    background: #ffebeb !important;
    background-color: #ffebeb !important;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award.award-zu3 .award-digit,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award.award-baozi .award-digit {
    font-weight: 700;
}

/* 移动端优化连线显示 */
@media (max-width: 640px) {
    .digit-trend-with-lines svg.digit-line-svg {
        display: block;
        opacity: 0.85;
    }
}

/* 和值走势图样式 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table thead tr.head-row-1 .zone-hezhi {
    background: linear-gradient(180deg,#fff1e0 0%,#ffd9a8 100%);
    color: #a04a00;
    font-weight: 700;
    border-left: 2px solid #e67e22;
    border-right: 2px solid #e67e22;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table thead th.hezhi-head {
    min-width: 26px;
    font-size: 10px;
    padding: 5px 0;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table thead th.hezhi-head.big {
    border-top: 2px solid #e74c3c;
    background: #fff1ec;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table thead th.hezhi-head.small {
    border-top: 2px solid #3479d8;
    background: #ecf5ff;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table tbody td.hezhi-cell {
    padding: 3px 0;
    min-width: 26px;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table tbody td.hezhi-cell.big {
    border-left: 1px solid #ffe4da;
    border-right: 1px solid #ffe4da;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table tbody td.hezhi-cell.small {
    border-left: 1px solid #e1eeff;
    border-right: 1px solid #e1eeff;
}

/* 跨度走势图样式 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table thead tr.head-row-1 .zone-kuadu {
    background: linear-gradient(180deg,#ffe8e8 0%,#ffc2c2 100%);
    color: #991b1b;
    font-weight: 700;
    border-left: 2px solid #e74c3c;
    border-right: 2px solid #e74c3c;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table thead th.kuadu-head {
    min-width: 30px;
    font-size: 11px;
    padding: 5px 0;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table thead th.kuadu-head.big {
    background: #fff0ee;
    color: #c0392b;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table thead th.kuadu-head.small {
    background: #eef5ff;
    color: #2c5ea5;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table tbody td.kuadu-cell {
    padding: 3px 0;
    min-width: 30px;
}

/* 大小/奇偶/012路 走势图样式 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table.dx-table thead tr.head-row-1 .zone-digit,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.jo-table thead tr.head-row-1 .zone-digit,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.\30 12lu-table thead tr.head-row-1 .zone-digit {
    background: linear-gradient(180deg,#f0fff4 0%,#c6f6d5 100%);
    color: #1a5f2e;
    font-weight: 600;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head {
    min-width: 34px;
    padding: 5px 0;
    font-size: 11px;
}
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.big { background: #fff0e5; color: #c0392b; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.small { background: #e5f0ff; color: #2c5ea5; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.odd { background: #f3e8ff; color: #8e44ad; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.even { background: #e8fff0; color: #27ae60; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.lu-0 { background: #ffe8e8; color: #c0392b; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.lu-1 { background: #e5edff; color: #2c5ea5; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.lu-2 { background: #e8fff0; color: #27ae60; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell {
    min-width: 34px;
    padding: 3px 0;
    text-align: center;
}
/* 和值/跨度表 - 位置间分割线 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-0,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-0,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-0 { border-left: 2px solid #e74c3c; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-1,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-1,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-1 { border-left: 2px solid #27ae60; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-2,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-2,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-2 { border-left: 2px solid #3479d8; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-3,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-3,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-3 { border-left: 2px solid #f39c12; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-4,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-4,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-4 { border-left: 2px solid #8e44ad; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-5,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-5,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-5 { border-left: 2px solid #16a085; }
.caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head.cat-divider-6,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.cat-cell.cat-divider-6,
.caipiao-trend-chart-wrap.digit-style table.yqc-table tfoot td.cat-num.cat-divider-6 { border-left: 2px solid #d35400; }

/* 和值/跨度 表尾统计标签对齐修复 */
.caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table tfoot td.foot-label,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table tfoot td.foot-label,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.dx-table tfoot td.foot-label,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.jo-table tfoot td.foot-label,
.caipiao-trend-chart-wrap.digit-style table.yqc-table.\30 12lu-table tfoot td.foot-label {
    text-align: center;
    font-weight: 700;
}

/* 012路表头类名匹配 */
.caipiao-trend-chart-wrap table.yqc-table thead th.lu-0 { background: #fff0f0 !important; }
.caipiao-trend-chart-wrap table.yqc-table thead th.lu-1 { background: #f0f6ff !important; }
.caipiao-trend-chart-wrap table.yqc-table thead th.lu-2 { background: #f0fff5 !important; }

/* 移动端响应式 */
@media (max-width: 768px) {
    #caipiao-trend-modal { padding: 0; }
    #caipiao-trend-modal .caipiao-trend-modal-inner {
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
    }
    #caipiao-trend-modal .caipiao-trend-modal-toolbar {
        padding: 8px 12px;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 8px;
    }
    #caipiao-trend-modal .trend-tabs-wrap {
        width: 100%;
        padding: 2px 0 8px;
        gap: 6px;
    }
    #caipiao-trend-modal .trend-tab-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
    #caipiao-trend-modal .trend-tools-btns {
        gap: 6px;
        width: 100%;
        justify-content: flex-end;
    }
    #caipiao-trend-modal .trend-btn,
    #caipiao-trend-modal .trend-btn.primary,
    #caipiao-trend-modal .trend-btn.warn {
        padding: 6px 10px;
        font-size: 12px;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        padding: 10px 10px 16px;
        overflow-x: hidden;
    }
    .caipiao-trend-chart-wrap.yqc-style {
        min-width: auto;
        width: 100%;
    }
    .caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-bottom: 12px;
    }
    .caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card {
        padding: 10px 12px;
    }
    .caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card .value {
        font-size: 18px;
    }
    .caipiao-trend-chart-wrap table.yqc-table {
        table-layout: auto;
        min-width: 700px;
    }
    .caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-1 th {
        padding: 6px 4px;
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap table.yqc-table thead tr.head-row-2 th {
        padding: 4px 0;
        font-size: 10px;
        min-width: 24px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tbody td.col-issue {
        min-width: 60px;
        font-size: 10px;
        padding: 0 3px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tbody td.col-week {
        min-width: 36px;
        font-size: 10px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tbody td.num-cell {
        padding: 3px 0;
        min-height: 24px;
    }
    .caipiao-trend-chart-wrap .ball {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    .caipiao-trend-chart-wrap .ball.ball-digit,
    .caipiao-trend-chart-wrap .ball.ball-kl8 {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }
    .caipiao-trend-chart-wrap .miss {
        min-width: 18px;
        font-size: 10px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tfoot td.foot-label {
        padding: 5px 3px;
        font-size: 10px;
    }
    .caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-hit td.foot-num,
    .caipiao-trend-chart-wrap table.yqc-table tfoot tr.foot-miss td.foot-num {
        font-size: 10px;
        padding: 4px 0;
    }
    .caipiao-trend-chart-wrap .trend-legend {
        margin-top: 10px;
        padding: 10px 12px;
        gap: 12px;
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .caipiao-trend-chart-wrap.yqc-style .caipiao-trend-stat-card.caipiao-trend-stat-mobile-hide {
        display: none !important;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-award,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-jo,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-dx,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-012lu,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-hezhi-sum,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-kuadu-val,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-ratio {
        min-width: 44px;
        font-size: 10px;
        padding: 4px 2px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-award { min-width: 60px; }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead tr.head-row-1 .col-012lu { min-width: 56px; }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-jo,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-dx,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-012lu,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi-sum,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu-val,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-ratio {
        font-size: 10px;
        padding: 3px 1px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-award .ball.ball-digit {
        width: 15px !important;
        height: 15px !important;
        font-size: 9px !important;
        margin: 0 0.5px !important;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi b,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu b,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-hezhi-sum b,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table tbody td.col-kuadu-val b {
        font-size: 11px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table.hezhi-table,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table.kuadu-table {
        min-width: 900px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table.dx-table,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table.jo-table,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table.\30 12lu-table {
        min-width: 780px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.hezhi-head,
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.kuadu-head {
        min-width: 22px;
        font-size: 9px;
    }
    .caipiao-trend-chart-wrap.digit-style table.yqc-table thead th.cat-head {
        min-width: 28px;
        font-size: 10px;
    }
}

/* 走势图弹出遮罩：body锁定滚动 */
body.caipiao-trend-locked {
    overflow: hidden !important;
}

/* 连接线条（可选，用于视觉辅助连线，纯CSS模拟：相邻同一期红号所在行的连续列之间，JS可另行增强） */
.caipiao-trend-table-wrap[data-connect="1"] table.yqc-table tbody td.num-cell .ball.ball-red,
.caipiao-trend-table-wrap[data-connect="1"] table.yqc-table tbody td.num-cell .ball.ball-blue,
.caipiao-trend-table-wrap[data-connect="1"] table.yqc-table tbody td.num-cell .ball.ball-digit,
.caipiao-trend-table-wrap[data-connect="1"] table.yqc-table tbody td.num-cell .ball.ball-kl8 {
    box-shadow: inset 0 -3px 5px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.18), 0 0 0 2px rgba(231, 76, 60, 0.08);
}

.caipiao-trend-table-wrap {
}
.caipiao-trend-chart-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    max-width: 100%;
}

@media (max-width: 640px) {
    .caipiao-trend-stat-mobile-hide {
        display: none !important;
    }
}

/* ============ 预选号面板样式 ============ */
.caipiao-preselect-panel {
    border-top: 1px solid #eaecef;
    background: linear-gradient(180deg, #fafbfc 0%, #ffffff 40%);
    padding: 10px 16px 0;
    position: relative;
    flex-shrink: 0;
    transition: padding .2s ease;
}
.caipiao-preselect-panel.collapsed {
    padding-bottom: 0;
}
.preselect-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    padding: 4px 0;
}
.caipiao-preselect-panel.collapsed .preselect-panel-header {
    margin-bottom: 10px;
}
.preselect-panel-title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
}
.preselect-panel-title i {
    color: #f39c12;
}
.preselect-toggle-icon {
    font-size: 12px;
    color: #999;
    margin-left: 4px;
    transition: transform .25s ease;
}
.caipiao-preselect-panel:not(.collapsed) .preselect-toggle-icon {
    transform: rotate(180deg);
}
.preselect-tip {
    font-size: 11px;
    font-weight: 400;
    margin-left: 6px;
}
.preselect-panel-body {
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height .3s ease, opacity .25s ease, margin .2s ease;
    opacity: 1;
    padding-bottom: 10px;
    padding-right: 4px;
}
.caipiao-preselect-panel.collapsed .preselect-panel-body {
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    margin: 0;
    pointer-events: none;
}
.preselect-bet-type-tabs {
    display: inline-flex;
    background: #eef1f5;
    border-radius: 6px;
    padding: 2px;
    margin-right: 4px;
    gap: 2px;
}
.bet-type-tab {
    border: none;
    background: transparent;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    color: #666;
    font-weight: 500;
    transition: all .15s;
    line-height: 1.4;
}
.bet-type-tab:hover {
    color: #333;
}
.bet-type-tab.active {
    background: #fff;
    color: #e74c3c;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    font-weight: 600;
}
.preselect-actions {
    display: flex;
    gap: 6px;
    align-items: center;
}
.preselect-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid #e1e4e8;
    background: #fff;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    transition: all .15s;
    line-height: 1.5;
}
.preselect-btn:hover {
    background: #f5f6f7;
    border-color: #ccd0d5;
    transform: translateY(-1px);
}
.preselect-btn.btn-clear { color: #e74c3c; border-color: #fadbd8; }
.preselect-btn.btn-clear:hover { background: #fef5f4; }
.preselect-btn.btn-random { color: #3498db; border-color: #d6eaf8; }
.preselect-btn.btn-random:hover { background: #f4f9fe; }
.preselect-btn.btn-save.primary {
    background: linear-gradient(135deg,#3498db,#2980b9);
    color:#fff; border-color: transparent;
    padding: 8px 16px; font-weight: 600;
    box-shadow: 0 2px 8px rgba(52,152,219,0.25);
}
.preselect-btn.btn-save.primary:hover { filter: brightness(1.08); }

.preselect-selected-area {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.preselect-selected-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 4px 0;
}
.preselect-selected-row + .preselect-selected-row { border-top: 1px dashed #eef0f2; margin-top: 4px; padding-top: 8px;}
.preselect-label {
    flex-shrink: 0;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    min-width: 130px;
}
.preselect-selected-balls {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-height: 32px;
    align-items: center;
}
.preselect-sel-ball {
    cursor: pointer !important;
    border: 2px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    transition: transform .15s;
}
.preselect-sel-ball:hover {
    transform: scale(1.1) rotate(5deg);
    opacity: 0.9;
}
.preselect-empty {
    color: #bbb;
    font-size: 12px;
    font-style: italic;
}

.preselect-number-pad {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
}
.preselect-pad-section {
    margin-bottom: 10px;
}
.preselect-pad-section:last-child { margin-bottom: 0; }
.preselect-pad-title {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    padding: 4px 0 8px 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pad-dot {
    display: inline-block;
    width: 10px; height: 10px; border-radius: 50%;
}
.pad-dot-red { background: #e74c3c; }
.pad-dot-blue { background: #3498db; }

.preselect-ball-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
    gap: 6px;
}
.preselect-ball {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: none;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    background: #f2f4f6;
    color: #555;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.preselect-ball:hover { transform: translateY(-2px); box-shadow: 0 3px 6px rgba(0,0,0,0.1); background:#e8eaec;}
.preselect-ball.selected {
    color: #fff;
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 3px 8px rgba(0,0,0,0.18);
}
.preselect-ball.ball-red.selected { background: linear-gradient(135deg,#ff6b6b,#e74c3c); }
.preselect-ball.ball-blue.selected { background: linear-gradient(135deg,#5dade2,#2980b9); }
.preselect-ball.ball-gold.selected { background: linear-gradient(135deg,#f5b041,#d68910); color: #fff;}
.preselect-ball.ball-digit.selected { background: linear-gradient(135deg,#5dade2,#2980b9);}
.preselect-ball.ball-kl8.selected { background: linear-gradient(135deg,#ff7043,#e91e63);}

.preselect-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 4px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: stretch;
}
.preselect-buy-tip {
    font-size: 11px;
    color: #f39c12;
    background: #fff8e1;
    border: 1px solid #ffe0b2;
    padding: 6px 10px;
    border-radius: 6px;
    line-height: 1.5;
    margin-bottom: 8px;
    text-align: center;
}
.preselect-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.preselect-bet-info {
    display: flex;
    gap: 16px;
    font-size: 13px;
    color: #555;
}
.preselect-bet-info b {
    font-weight: 700;
    color: #333;
    font-size: 15px;
    padding: 0 2px;
}
.preselect-btns {
    flex-shrink: 0;
}

.preselect-ball.is-dan {
    position: relative;
    box-shadow: inset 0 0 0 2px #f39c12;
}
.preselect-ball.is-dan::after {
    content: '胆';
    position: absolute;
    top: -4px;
    right: -4px;
    background: #f39c12;
    color: #fff;
    font-size: 9px;
    padding: 0 3px;
    border-radius: 3px;
    line-height: 1.4;
    font-weight: 700;
}
.preselect-sel-ball.is-dan {
    position: relative;
}
.preselect-sel-ball.is-dan::after {
    content: '胆';
    position: absolute;
    top: -5px;
    right: -5px;
    background: #f39c12;
    color: #fff;
    font-size: 10px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 700;
    z-index: 2;
}
.preselect-ball-mode-switch {
    display: inline-flex;
    background: #fff3e0;
    border: 1px solid #ffe0b2;
    border-radius: 16px;
    padding: 2px;
    margin-bottom: 6px;
    gap: 2px;
}
.preselect-ball-mode-switch button {
    border: none;
    background: transparent;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 14px;
    cursor: pointer;
    color: #e67e22;
    font-weight: 500;
    transition: all .15s;
}
.preselect-ball-mode-switch button.active {
    background: #f39c12;
    color: #fff;
}
.preselect-dantuo-hint {
    font-size: 11px;
    color: #e67e22;
    margin-bottom: 6px;
    padding: 2px 4px;
    background: #fff8e1;
    border-radius: 4px;
    display: inline-block;
}

@media (max-width: 640px) {
    .caipiao-preselect-panel { padding: 8px 10px 0; }
    .preselect-panel-title { font-size: 14px; }
    .preselect-ball-grid { grid-template-columns: repeat(auto-fill, minmax(32px, 1fr)); gap: 5px; }
    .preselect-ball { font-size: 12px; }
    .preselect-bet-info { font-size: 12px; gap: 10px; }
    .preselect-bet-info b { font-size: 14px; }
    .preselect-btn { padding: 5px 10px; font-size: 11px;}
    .preselect-label { min-width: 110px; font-size: 11px;}
    .preselect-number-pad { max-height: 220px; }
    .bet-type-tab { padding: 3px 8px; font-size: 11px; }
    .preselect-buy-tip { font-size: 10px; padding: 5px 8px; }
}

.caipiao-user-page .zib-widget {
    margin-bottom: 4px !important;
}
.caipiao-user-page .widget-title {
    padding: 8px 12px;
    margin: 0;
    font-size: 14px;
}
.caipiao-user-page .row {
    margin-bottom: 0 !important;
}
.caipiao-user-page .row.gutters-15,
.caipiao-user-page .row.gutters-10 {
    margin-bottom: 0 !important;
}
.caipiao-user-page .caipiao-user-stats-grid {
    margin-bottom: 0 !important;
}
.caipiao-user-page .caipiao-user-stats-grid > [class*="col-"] {
    margin-bottom: 6px !important;
}
.caipiao-user-page .caipiao-user-stats-grid > [class*="col-"]:nth-last-child(-n+2) {
    margin-bottom: 0 !important;
}
.caipiao-user-page .caipiao-stats-finance.zib-widget,
.caipiao-user-page .caipiao-stats-records.zib-widget,
.caipiao-user-page .caipiao-recent.zib-widget {
    margin-bottom: 6px !important;
}
.caipiao-user-page .caipiao-recent {
    margin-top: 0 !important;
}
.caipiao-user-page .p15 {
    padding: 10px 12px !important;
}
.caipiao-user-page .caipiao-stats-finance .p15,
.caipiao-user-page .caipiao-stats-records .p15 {
    padding: 10px 15px;
}
.caipiao-user-page .caipiao-stats-finance .flex.ac.jsb.mb10.pb10.border-bottom,
.caipiao-user-page .caipiao-stats-records .flex.ac.jsb.mb10.pb10.border-bottom {
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
}
.caipiao-user-tab-inner .row.gutters-15 {
    margin-bottom: 0 !important;
}
.caipiao-user-tab-inner .caipiao-recent.zib-widget {
    margin-bottom: 0 !important;
}
.caipiao-user-page .zib-widget {
    margin-bottom: 6px !important;
}

@media (min-width: 769px) {
    .caipiao-trend-chart-scroll {
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        width: 100%;
        padding-bottom: 10px;
        display: block;
        position: relative;
    }
    .caipiao-trend-chart-wrap.yqc-style {
        min-width: 100%;
        width: 100%;
        display: block;
        position: relative;
    }
    .caipiao-trend-chart-wrap table.yqc-table {
        min-width: 900px;
        table-layout: auto;
        width: auto;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
        position: relative;
    }
    .caipiao-trend-table-wrap {
        overflow: visible;
        display: block;
        position: relative;
        width: max-content;
        min-width: 100%;
    }
}

.caipiao-recommend-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.caipiao-recommend-modal[aria-hidden="false"] {
    display: flex;
}
.caipiao-recommend-modal-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    animation: caipiaoModalFadeIn .2s ease;
}
.caipiao-recommend-modal-dialog {
    position: relative;
    width: 100%;
    max-width: 1080px;
    max-height: 90vh;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: caipiaoModalIn .25s cubic-bezier(.2,.8,.2,1);
}
.caipiao-recommend-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    border-bottom: 1px solid #eef0f3;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}
.caipiao-recommend-modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
}
.caipiao-recommend-modal-close {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .18s ease;
}
.caipiao-recommend-modal-close:hover {
    background: #e74c3c;
    color: #fff;
    transform: rotate(90deg);
}
.caipiao-recommend-modal-body {
    padding: 18px 22px 22px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
}
.caipiao-modal-table-wrap {
    max-height: calc(90vh - 220px);
    overflow: auto;
    border: 1px solid #eef0f3;
    border-radius: 8px;
}
.caipiao-modal-table th {
    position: sticky;
    top: 0;
    background: #f8fafc !important;
    z-index: 1;
    white-space: nowrap;
}
.caipiao-modal-table td {
    vertical-align: middle;
}
.caipiao-row-hit {
    background: linear-gradient(90deg, rgba(46,204,113,0.05) 0%, transparent 100%);
}
.caipiao-ball-separator {
    color: #cbd5e1;
    padding: 0 2px;
}
@keyframes caipiaoModalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes caipiaoModalIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@media (max-width: 640px) {
    .caipiao-recommend-modal {
        padding: 0;
    }
    .caipiao-recommend-modal-dialog {
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }
    .caipiao-recommend-modal-header {
        padding: 14px 16px;
    }
    .caipiao-recommend-modal-body {
        padding: 14px 12px 16px;
    }
    .caipiao-modal-table-wrap {
        max-height: calc(100vh - 190px);
    }
    .caipiao-modal-table th,
    .caipiao-modal-table td {
        padding: 8px 6px;
        font-size: 12px;
    }
    body.caipiao-modal-open {
        overflow: hidden;
    }
}

.caipiao-preselect-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.caipiao-preselect-modal[aria-hidden="false"] {
    display: flex;
}
.caipiao-preselect-modal-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    animation: caipiaoModalFadeIn .2s ease;
}
.caipiao-preselect-modal-dialog {
    position: relative;
    width: 100%;
    max-width: 1080px;
    max-height: 90vh;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: caipiaoModalIn .25s cubic-bezier(.2,.8,.2,1);
}
.caipiao-preselect-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    border-bottom: 1px solid #eef0f3;
    background: linear-gradient(135deg, #fef8f8 0%, #fff 100%);
}
.caipiao-preselect-modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
}
.caipiao-preselect-modal-close {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .18s ease;
}
.caipiao-preselect-modal-close:hover {
    background: #e74c3c;
    color: #fff;
    transform: rotate(90deg);
}
.caipiao-preselect-modal-body {
    padding: 18px 22px 22px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
}
@media (max-width: 640px) {
    .caipiao-preselect-modal {
        padding: 0;
    }
    .caipiao-preselect-modal-dialog {
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }
    .caipiao-preselect-modal-header {
        padding: 14px 16px;
    }
    .caipiao-preselect-modal-body {
        padding: 14px 12px 16px;
    }
    .caipiao-tools-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .caipiao-tools-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.caipiao-tool-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
.caipiao-tool-card:hover .caipiao-tool-icon {
    transform: scale(1.05) rotate(-4deg);
}
.caipiao-tool-icon {
    transition: transform .25s ease;
}

.caipiao-simulate-item {
    padding: 12px 14px;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    margin-bottom: 10px;
    background: linear-gradient(135deg, #fff 0%, #fafbfc 100%);
}
.caipiao-simulate-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 6px;
}
.caipiao-simulate-item-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    margin-right: 8px;
}
.caipiao-ball-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
}

/* 模拟选号号码球样式 - 与走势图/走势图风格一致 */
.caipiao-simulate-ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    font-family: "Consolas", "Courier New", monospace;
    position: relative;
    box-shadow: inset 0 -3px 5px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.18);
    margin: 0 2px;
    flex-shrink: 0;
    min-width: 30px;
    min-height: 30px;
}
.caipiao-simulate-ball i {
    font-style: normal;
    line-height: 1;
}
.caipiao-simulate-ball.ball-red {
    background: radial-gradient(circle at 35% 30%, #ff8a8a 0%, #e74c3c 55%, #c0392b 100%);
}
.caipiao-simulate-ball.ball-blue {
    background: radial-gradient(circle at 35% 30%, #8ab7ff 0%, #3479d8 55%, #2c5ea5 100%);
}
.caipiao-simulate-ball.ball-digit {
    background: radial-gradient(circle at 35% 30%, #ffc27a 0%, #f39c12 55%, #d68910 100%);
}
.caipiao-simulate-ball.ball-kl8 {
    background: radial-gradient(circle at 35% 30%, #ff8a8a 0%, #e74c3c 55%, #c0392b 100%);
}
.caipiao-simulate-ball.ball-purple {
    background: radial-gradient(circle at 35% 30%, #cf9fff 0%, #9b59b6 55%, #7d3c98 100%);
}
.caipiao-numbers-mini {
    display:flex;
    flex-wrap:nowrap;
    gap:3px;
    align-items:center;
    padding:8px 0;
    white-space:nowrap;
    overflow-x:auto;
}

.caipiao-history-tab-btn, .caipiao-prize-tab-btn {
    transition: all .2s ease;
}
.caipiao-history-tab-btn.active, .caipiao-prize-tab-btn.active {
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    transform: translateY(-1px);
}

.caipiao-history-filter-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.caipiao-history-filter-tag {
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    border: 1px solid #e7ebf0;
    background: #fff;
    color: #555;
    cursor: pointer;
    transition: all .2s ease;
}
.caipiao-history-filter-tag.active {
    background: #e74c3c;
    color: #fff;
    border-color: #e74c3c;
}

.caipiao-calc-form-group {
    background: #fafbfc;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 16px;
}
.caipiao-calc-label {
    font-weight: 600;
    margin-bottom: 12px;
    color: #333;
    font-size: 14px;
}
.caipiao-calc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}
.caipiao-calc-select-group label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}
.caipiao-calc-subtabs {
    display: flex;
    gap: 0;
    margin-bottom: 16px;
    border-bottom: 2px solid #f0f2f5;
    overflow-x: auto;
}
.caipiao-calc-subtab {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all .2s ease;
    white-space: nowrap;
}
.caipiao-calc-subtab.active {
    color: #e74c3c;
    border-bottom-color: #e74c3c;
    font-weight: 600;
}
.caipiao-calc-result-bar {
    margin-top: 14px;
    padding: 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fef3e7 0%, #fef7ed 100%);
    border: 1px solid #fbd38d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.caipiao-calc-total-label {
    font-weight: 600;
    color: #7c2d12;
    font-size: 13px;
}
.caipiao-calc-total-amount {
    font-size: 22px;
    font-weight: 700;
    color: #c2410c;
}

.caipiao-result-clickable:hover {
    background: linear-gradient(90deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.85) 100%) !important;
    border-radius: 8px;
}

.caipiao-result-clickable *,
.caipiao-history-clickable *,
.caipiao-trend-item *,
.caipiao-lottery-header *,
.tcaipiao-header *,
.caipiao-open-recommend-modal *,
.caipiao-open-preselect-modal *,
.caipiao-tool-simulate *,
.caipiao-tool-calc *,
.caipiao-tool-history *,
.caipiao-tool-preselect * {
    pointer-events: none;
}

.caipiao-result-clickable,
.caipiao-history-clickable,
.caipiao-trend-item,
.caipiao-lottery-header,
.tcaipiao-header,
.caipiao-open-recommend-modal {
    pointer-events: auto;
    cursor: pointer;
}

.caipiao-result-clickable button.caipiao-view-history-btn,
.caipiao-history-clickable button,
.caipiao-result-clickable a,
.caipiao-history-clickable a,
.caipiao-trend-item a {
    pointer-events: auto !important;
}
body[class*="caipiao"] button,
body[class*="caipiao"] a[href],
[class*="caipiao"] button,
[class*="caipiao"] a[href] {
    pointer-events: auto !important;
}

.caipiao-result-clickable .caipiao-view-history-btn {
    pointer-events: auto;
    cursor: pointer;
    user-select: none;
    -webkit-user-drag: none;
}

.caipiao-trend-item .caipiao-custom-icon-img,
.caipiao-lottery-header .caipiao-custom-icon-img,
.tcaipiao-icon .caipiao-custom-icon-img,
.caipiao-custom-icon-img {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    display: inline-block;
    -webkit-touch-callout: none;
}

.caipiao-custom-icon-text {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

img.caipiao-custom-icon-img,
.caipiao-trend-icon-circle img {
    pointer-events: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
}

.caipiao-common-modal-box {
    animation: caipiaoModalIn 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.caipiao-common-modal-content {
    border-radius: 16px;
    overflow: hidden;
}

.caipiao-common-modal-close {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.caipiao-common-modal-close:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    border: none !important;
    transform: scale(1.1) rotate(90deg);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 4px 14px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.caipiao-common-modal-close:active {
    transform: scale(0.95) rotate(90deg);
}

.caipiao-detail-header {
    padding: 24px 20px 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.caipiao-detail-header::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -40px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
    border-radius: 50%;
}

.caipiao-detail-header::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -30px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
    border-radius: 50%;
}

.caipiao-detail-title {
    position: relative;
    z-index: 2;
}

.caipiao-detail-numbers-wrap {
    position: relative;
    z-index: 2;
}

.caipiao-detail-ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.caipiao-detail-ball:hover {
    transform: translateY(-3px) scale(1.08);
}

.caipiao-prize-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.caipiao-prize-table tbody tr:hover {
    background: #f8f9fc !important;
}

.caipiao-prize-table .kl8-group-row td {
    font-size: 13px !important;
    letter-spacing: 0.5px;
    border-left: none !important;
    border-right: none !important;
}

.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-prize-row {
    transition: background 0.15s ease;
}

.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-10-row td:first-child span { color: #c0392b !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-9-row td:first-child span { color: #e65100 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-8-row td:first-child span { color: #f57f17 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-7-row td:first-child span { color: #33691e !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-6-row td:first-child span { color: #1b5e20 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-5-row td:first-child span { color: #004d40 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-4-row td:first-child span { color: #0d47a1 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-3-row td:first-child span { color: #4527a0 !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-2-row td:first-child span { color: #880e4f !important; }
.caipiao-prize-table.caipiao-prize-kl8 tbody .kl8-group-1-row td:first-child span { color: #4a148c !important; }

.caipiao-history-header {
    position: relative;
    overflow: hidden;
}

.caipiao-history-header::after {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.caipiao-history-clickable:hover {
    transform: translateY(-2px);
}

@media (max-width: 640px) {
    .caipiao-common-modal {
        padding: 0 !important;
    }
    .caipiao-common-modal-box {
        max-height: 100vh;
        height: 100vh;
        border-radius: 0 !important;
    }
    .caipiao-common-modal-content {
        max-height: 100vh !important;
    }
    .caipiao-detail-header {
        padding: 20px 16px 16px;
    }
    .caipiao-detail-numbers-wrap {
        padding: 14px 10px !important;
    }
    .caipiao-detail-ball {
        min-width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        font-size: 15px !important;
    }
    .caipiao-detail-stats {
        padding: 12px !important;
        gap: 10px !important;
    }
    .caipiao-stat-item {
        padding: 12px 8px !important;
    }
    .caipiao-detail-stats > div > div:last-child {
        font-size: 17px !important;
    }
    .caipiao-detail-prizes {
        padding: 0 12px 12px !important;
    }
    .caipiao-prize-table th,
    .caipiao-prize-table td {
        padding: 8px 8px !important;
        font-size: 12px !important;
    }
    .caipiao-history-body {
        padding: 12px !important;
    }
    .caipiao-history-item {
        padding: 12px !important;
    }
}

/* ===== 彩种图标渲染优化 ===== */
.caipiao-custom-icon-img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    image-rendering: -webkit-optimize-contrast;
}
.tcaipiao-icon .caipiao-custom-icon-img {
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.tcaipiao-icon.tcaipiao-icon-text {
    font-size: 26px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.tcaipiao-icon.tcaipiao-icon-image {
    font-size: 0;
    line-height: 0;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
}
.tcaipiao-icon.tcaipiao-icon-image .caipiao-custom-icon-img {
    display: block;
    margin: 0 auto;
}
.caipiao-trend-icon-circle .caipiao-custom-icon-img {
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.caipiao-cat-tag-mini .caipiao-custom-icon-img {
    display: block;
    margin: 0 auto;
}
.caipiao-lottery-header .caipiao-custom-icon-img {
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
@media (max-width: 640px) {
    .tcaipiao-icon.tcaipiao-icon-image {
        width: 36px !important;
        height: 36px !important;
    }
    .tcaipiao-icon.tcaipiao-icon-text {
        font-size: 22px;
    }
}

/* ===== 简约开奖详情样式 ===== */
.caipiao-simple-detail .caipiao-simple-ball {
    transition: transform 0.15s ease;
}
.caipiao-simple-detail .caipiao-simple-ball:hover {
    transform: scale(1.08);
}
.caipiao-simple-detail .caipiao-prize-grid-item:hover {
    border-color: #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.caipiao-simple-detail .caipiao-more-history-btn {
    transition: opacity 0.2s;
}
.caipiao-simple-detail .caipiao-more-history-btn:hover {
    opacity: 0.9;
}

/* ===== 开奖结果卡片移动端优化 ===== */
@media (max-width: 640px) {
    .caipiao-results-card {
        margin: 0 !important;
    }
    .caipiao-result-tabs {
        padding: 0 10px !important;
    }
    .caipiao-result-tabs .but {
        padding: 8px 6px !important;
        font-size: 13px !important;
    }
    .caipiao-result-banner {
        padding: 20px 14px 14px !important;
    }
    .caipiao-result-banner h2 {
        font-size: 22px !important;
        letter-spacing: 4px !important;
    }
    .caipiao-result-card-item {
        padding: 12px 14px !important;
    }
    .caipiao-result-card-item .caipiao-ball-card {
        min-width: 30px !important;
        height: 30px !important;
        padding: 0 6px !important;
        line-height: 30px !important;
        font-size: 14px !important;
    }
    .caipiao-result-footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    .caipiao-result-stats {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
    }
    .caipiao-view-history-btn {
        align-self: flex-end;
    }
    .caipiao-lottery-header {
        flex: 1;
        min-width: 0;
    }
    .caipiao-lottery-header > div:first-child {
        width: auto !important;
        min-width: 36px !important;
        min-height: 36px !important;
        height: 36px !important;
        margin-right: 10px !important;
    }
    .caipiao-lottery-name {
        font-size: 15px !important;
    }
}



/* ===== 历史开奖 & 简约详情移动端适配 ===== */
@media (max-width: 640px) {
    .caipiao-simple-detail .caipiao-simple-header {
        padding: 16px 14px !important;
    }
    .caipiao-simple-detail .caipiao-simple-header h3 {
        font-size: 16px !important;
    }
    .caipiao-simple-detail .caipiao-simple-header p {
        font-size: 12px !important;
    }
    .caipiao-simple-detail .caipiao-simple-header p b {
        font-size: 14px !important;
    }
    .caipiao-simple-numbers {
        gap: 6px !important;
    }
    .caipiao-simple-ball {
        min-width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 7px !important;
        font-size: 14px !important;
    }
    .caipiao-simple-detail > div:nth-child(3) {
        padding: 10px 12px !important;
    }
    .caipiao-simple-detail > div:nth-child(3) > div {
        gap: 8px !important;
    }
    .caipiao-simple-detail > div:nth-child(3) > div > div {
        padding: 8px 6px !important;
    }
    .caipiao-simple-detail > div:nth-child(3) > div > div > div:first-child {
        font-size: 10px !important;
    }
    .caipiao-simple-detail > div:nth-child(3) > div > div > div:last-child {
        font-size: 13px !important;
    }
    .caipiao-simple-detail > div:nth-child(4) {
        padding: 12px !important;
    }
    .caipiao-prize-grid-item {
        grid-template-columns: 70px 1fr auto !important;
        gap: 6px !important;
        padding: 8px 10px !important;
    }
    .caipiao-prize-grid-item > div:first-child {
        font-size: 12px !important;
    }
    .caipiao-prize-grid-item > div:nth-child(2) {
        font-size: 11px !important;
    }
    .caipiao-prize-grid-item > div:last-child > div {
        font-size: 11px !important;
    }
    .caipiao-simple-detail > div:last-child {
        padding: 10px 12px 14px !important;
    }
    .caipiao-simple-detail > div:last-child > div:first-child {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    .caipiao-simple-detail > div:last-child button {
        padding: 9px !important;
        font-size: 12.5px !important;
    }
    .caipiao-history-header {
        padding: 16px 14px !important;
    }
    .caipiao-history-header h3 {
        font-size: 17px !important;
    }
    .caipiao-history-header p {
        font-size: 12px !important;
    }
    .caipiao-history-body {
        padding: 10px !important;
    }
    .caipiao-history-quick-nav {
        padding: 8px !important;
        margin-bottom: 10px !important;
    }
    .caipiao-history-item {
        padding: 10px !important;
        margin-bottom: 10px !important;
    }
    .caipiao-history-item .flex.ac.jsb.mb10 {
        flex-wrap: wrap;
        gap: 6px;
    }
    .caipiao-history-item .flex.ac.jsb.mb10 > div:last-child {
        font-size: 11px !important;
    }
    .caipiao-history-item > div:nth-child(2) {
        gap: 5px !important;
    }
    .caipiao-history-item > div:nth-child(2) > span {
        min-width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
        padding: 0 5px !important;
        font-size: 12.5px !important;
    }
    .caipiao-history-item > div:nth-child(3) {
        margin-top: 8px !important;
        padding-top: 8px !important;
        font-size: 11px !important;
        gap: 10px !important;
        flex-wrap: wrap;
    }
    .caipiao-history-pagination {
        gap: 6px !important;
    }
    .caipiao-history-pagination button {
        padding: 7px 10px !important;
        font-size: 12px !important;
    }
    .caipiao-history-pagination span {
        font-size: 12px !important;
    }
}

/* ===== 帖子卡片Flex布局自适应修复 ===== */
.caipiao-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.caipiao-header-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}
.caipiao-lottery-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}
.caipiao-issue {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}
.caipiao-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.5;
}
.caipiao-hit-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 8px 14px;
    border-radius: 12px;
    font-weight: 600;
}
.caipiao-hit-badge.hit {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
}
.caipiao-hit-badge.miss {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    color: #721c24;
}
.caipiao-hit-badge.pending {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
    color: #856404;
}

/* ===== 最新推荐列表美化 - 命中率 & 连中加强显示 ===== */
.caipiao-latest-item-enhanced {
    padding: 14px !important;
    transition: all .2s ease;
    position: relative;
}
.caipiao-latest-item-enhanced:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.caipiao-latest-item-bg {
    border: 1px solid rgba(0,0,0,0.04);
}
.caipiao-latest-item-bg:hover {
    filter: brightness(0.97) saturate(1.05);
}
.caipiao-no-vip-badge .user-vip-icon,
.caipiao-no-vip-badge .vip-icon,
.caipiao-no-vip-badge .user-badge,
.caipiao-no-vip-badge .avatar-badge,
.caipiao-no-vip-badge .badge-vip,
.caipiao-no-vip-badge [class*="vip"],
.caipiao-no-vip-badge [class*="crown"],
.caipiao-no-vip-badge [class*="diamond"] {
    display: none !important;
}
.caipiao-no-vip-badge img {
    display: block !important;
}
.caipiao-no-vip-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.caipiao-latest-author img.avatar,
.caipiao-no-vip-badge .avatar,
.caipiao-no-vip-badge img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
}
.caipiao-status-tag-mini-enhanced {
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    letter-spacing: 0.3px;
}
.caipiao-status-tag-mini-enhanced.pending {
    background: linear-gradient(135deg,#fff6e5 0%,#ffe8c4 100%) !important;
    color: #b47110 !important;
    box-shadow: 0 1px 3px rgba(230,126,34,0.15);
    border: 1px solid #f5d79b;
}
.caipiao-status-tag-mini-enhanced.hit {
    background: linear-gradient(135deg,#ecfdf5 0%,#bbf7d0 100%) !important;
    color: #166534 !important;
    box-shadow: 0 1px 3px rgba(34,197,94,0.18);
    border: 1px solid #86efac;
}
.caipiao-status-tag-mini-enhanced.miss {
    background: linear-gradient(135deg,#fef2f2 0%,#fecaca 100%) !important;
    color: #991b1b !important;
    border: 1px solid #fca5a5;
}
.caipiao-latest-subline {
    gap: 6px 10px;
    font-size: 12px;
    padding-top: 2px;
}
.caipiao-list-submeta {
    font-weight: 500;
    color: #52606d;
}

/* ===== 选号球：圆形 + 3D/排三/排五单位置显示 ===== */
.caipiao-numbers-mini-enhanced {
    display: inline-flex;
    align-items: center;
}
.caipiao-ball-tiny-circle {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    font-family: "Helvetica Neue", "PingFang SC", sans-serif;
}
.caipiao-ball-tiny-circle:hover {
    transform: translateY(-1px) scale(1.06);
}

/* ===== 命中率/连中 徽章加强显示 ===== */
.caipiao-list-stats-enhanced {
    gap: 8px;
    margin-left: 2px;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-item {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 600;
    gap: 2px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.15s ease;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
.caipiao-list-stats-enhanced .caipiao-list-stats-item b {
    font-size: 13px;
    font-weight: 800;
    font-family: "Consolas", "Courier New", monospace;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-item small {
    font-size: 10px;
    font-weight: 500;
    opacity: 0.85;
    margin-left: 1px;
}
/* 命中率：高分（≥70%）金 / 中分（40-69%）绿 / 低分（<40%）灰蓝 */
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-high {
    background: linear-gradient(135deg,#fff4d6 0%,#ffd98a 100%);
    color: #8a5a00;
    border-color: #f5c66b;
    box-shadow: 0 2px 6px rgba(230,162,60,0.25);
}
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-high b { color: #7c3a00; }
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-mid {
    background: linear-gradient(135deg,#ecfdf5 0%,#a7f3d0 100%);
    color: #065f46;
    border-color: #6ee7b7;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-mid b { color: #064e3b; }
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-low {
    background: linear-gradient(135deg,#f1f5f9 0%,#dbeafe 100%);
    color: #1e40af;
    border-color: #bfdbfe;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-rate.rate-low b { color: #1e3a8a; }

/* 连中徽章：连中 > 0 橙红色火焰效果 + 呼吸动画 */
.caipiao-list-stats-enhanced .caipiao-list-stats-streak {
    background: linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);
    color: #475569;
    border-color: #cbd5e1;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-streak b { color: #334155; }
.caipiao-list-stats-enhanced .caipiao-list-stats-streak.on-fire {
    background: linear-gradient(135deg,#fff1eb 0%,#ffa07a 100%);
    color: #8a1c00;
    border-color: #ff8a5b;
    box-shadow: 0 2px 8px rgba(255,94,31,0.3);
    animation: caipiaoStreakPulse 1.8s ease-in-out infinite;
}
.caipiao-list-stats-enhanced .caipiao-list-stats-streak.on-fire b { color: #7a1700; }
.caipiao-list-stats-enhanced .caipiao-list-stats-streak.on-fire i {
    color: #ff4d1c;
    animation: caipiaoFireShake 0.6s ease-in-out infinite alternate;
    text-shadow: 0 0 6px rgba(255,77,28,0.5);
}
@keyframes caipiaoStreakPulse {
    0%, 100% { box-shadow: 0 2px 8px rgba(255,94,31,0.3); }
    50%      { box-shadow: 0 3px 12px rgba(255,94,31,0.55); }
}
@keyframes caipiaoFireShake {
    from { transform: rotate(-8deg) scale(1); }
    to   { transform: rotate(8deg) scale(1.08); }
}

/* 移动端最新推荐列表紧凑化 */
@media (max-width: 640px) {
    .caipiao-latest-item-enhanced {
        padding: 12px 0 !important;
    }
    .caipiao-latest-subline {
        gap: 5px 8px;
    }
    .caipiao-list-stats-enhanced {
        width: 100%;
        flex: 1 1 100%;
        margin-top: 4px;
    }
    .caipiao-list-stats-enhanced .caipiao-list-stats-item {
        padding: 3px 8px;
        font-size: 10.5px;
    }
    .caipiao-list-stats-enhanced .caipiao-list-stats-item b {
        font-size: 12px;
    }
}

/* ================================================
   简码前端页面 - 统一容器 & 模块美化
   ================================================ */
.caipiao-main-wrap {
    width: 100%;
    box-sizing: border-box;
}

.caipiao-shortcode-container {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.caipiao-shortcode-inner {
    padding: 0;
}

.caipiao-shortcode-section {
    border-bottom: 1px solid #f0f2f5;
    padding: 18px 0;
}

.caipiao-shortcode-section:last-child {
    border-bottom: none;
}

/* 走势图模块美化 - 左右内边距统一 */
.caipiao-shortcode-section.caipiao-trend-module {
    padding-top: 18px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
}
.caipiao-shortcode-section.caipiao-trend-module .widget-title {
    padding: 0 20px 12px;
    margin: 0 !important;
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
}
.caipiao-shortcode-section.caipiao-trend-module .caipiao-trend-grid {
    padding: 0 20px 12px !important;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
.caipiao-shortcode-section.caipiao-trend-module .caipiao-trend-grid-inner {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* 开奖结果卡片美化 */
.caipiao-shortcode-section.caipiao-results-card {
    padding: 0;
    border-bottom: none;
}

/* ===== 体彩/福彩切换按钮美化 - 左右内边距统一 ===== */
.caipiao-result-tabs-wrap {
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    max-width: 100%;
}

.caipiao-result-tabs {
    display: flex;
    gap: 10px;
    padding: 6px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 14px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

.caipiao-result-tab-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.caipiao-result-tab-btn .tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.caipiao-result-tab-btn .tab-icon i {
    font-size: 17px !important;
}

.caipiao-result-tab-btn .tab-label {
    letter-spacing: 1px;
}

.caipiao-result-tab-btn:hover:not(.active) {
    background: rgba(255, 255, 255, 0.7);
    color: #475569;
    transform: translateY(-1px);
}

.caipiao-result-tab-btn:active:not(.active) {
    transform: translateY(0);
}

/* 体彩激活状态 */
.caipiao-result-tab-btn.active[data-cat="ticai"] {
    background: linear-gradient(135deg, #2980b9 0%, #3498db 50%, #1abc9c 100%);
    color: #fff;
    box-shadow: 0 6px 20px rgba(41, 128, 185, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.caipiao-result-tab-btn.active[data-cat="ticai"] .tab-icon i {
    color: #fff !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
}

/* 福彩激活状态 */
.caipiao-result-tab-btn.active[data-cat="fucai"] {
    background: linear-gradient(135deg, #e74c3c 0%, #ff6b6b 50%, #ff8e53 100%);
    color: #fff;
    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.caipiao-result-tab-btn.active[data-cat="fucai"] .tab-icon i {
    color: #fff !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
}

/* 激活状态图标微动画 */
.caipiao-result-tab-btn.active .tab-icon {
    animation: tabIconBounce 0.5s ease;
}

@keyframes tabIconBounce {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.15); }
}

/* ===== Banner头部美化 ===== */
.caipiao-result-banner {
    padding: 18px 20px 14px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.caipiao-banner-ticai {
    background: linear-gradient(180deg, #2980b9 0%, #3498db 55%, #5dade2 100%);
}

.caipiao-banner-fucai {
    background: linear-gradient(180deg, #c0392b 0%, #e74c3c 55%, #ff6b6b 100%);
}

.caipiao-result-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 60%);
    pointer-events: none;
}

.caipiao-result-banner::after {
    content: '';
    position: absolute;
    bottom: -40%;
    left: -10%;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 60%);
    pointer-events: none;
}

.banner-tag-wrap {
    position: relative;
    z-index: 1;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.caipiao-banner-tag {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    letter-spacing: 1.5px;
    font-size: 10.5px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.banner-title-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 2px 0 10px;
}

.banner-title {
    position: relative;
    z-index: 1;
    font-size: 22px;
    margin: 0;
    font-weight: 800;
    letter-spacing: 4px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.banner-date {
    position: relative;
    z-index: 1;
    font-size: 13px;
    opacity: 0.95;
    font-weight: 500;
    margin: 0;
}

.banner-subscribe-btn {
    display: inline-flex;
    align-items: center;
    padding: 4px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    letter-spacing: 0.3px;
    flex-shrink: 0;
    white-space: nowrap;
}

.banner-subscribe-btn:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.banner-subscribe-btn:active {
    transform: translateY(0);
}

@media (max-width: 640px) {
    .banner-title {
        font-size: 18px;
        letter-spacing: 3px;
    }
    .banner-title-row {
        gap: 8px;
        margin-bottom: 8px;
    }
    .banner-date {
        font-size: 12px;
    }
    .banner-tag-wrap {
        gap: 6px;
    }
    .caipiao-banner-tag {
        font-size: 10px;
        padding: 3px 10px;
        letter-spacing: 1px;
    }
    .banner-subscribe-btn {
        padding: 4px 10px;
        font-size: 10.5px;
    }
}

/* ===== 开奖结果面板区 ===== */
.caipiao-result-panels-wrap {
    background: #fff;
    overflow: hidden;
}

.caipiao-result-footer-note {
    text-align: center;
    padding: 12px 20px 16px;
    color: #94a3b8;
    font-size: 12px;
    border-top: 1px dashed #e2e8f0;
    letter-spacing: 0.3px;
}

/* ===== 团络说彩Tabs模块美化 ===== */
.caipiao-shortcode-tabs {
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    overflow: visible !important;
}

.caipiao-shortcode-tabs .widget-title {
    padding: 0 20px 12px !important;
    margin: 0 !important;
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
}

.caipiao-shortcode-tabs .caipiao-tab-nav {
    margin: 0 0 16px 0 !important;
    padding: 6px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0;
}

.caipiao-shortcode-tabs .caipiao-tab-contents {
    padding: 0 !important;
}

/* ================================================
   帖子详情页 - 左右铺满无边距样式
   ================================================ */
.caipiao-post-card {
    background: linear-gradient(180deg, #eaf4ff 0%, #f5f9ff 100%) !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 12px 12px 4px 12px !important;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d6e4ff !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.06) !important;
}

.caipiao-post-card .caipiao-card-body {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.caipiao-post-card .caipiao-content-wrapper {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 主体模块左右铺满无边距 */
.caipiao-post-card .caipiao-content-wrapper .caipiao-section {
    background: #ffffff !important;
    border: 1px solid #e1ecff !important;
    border-left: 1px solid #e1ecff !important;
    border-right: 1px solid #e1ecff !important;
    border-top: 1px solid #e1ecff !important;
    border-bottom: 1px solid #e1ecff !important;
    border-radius: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    box-shadow: 0 1px 3px rgba(59, 130, 246, 0.04) !important;
    backdrop-filter: none !important;
}

.caipiao-post-card .caipiao-content-wrapper .caipiao-section:hover {
    box-shadow: none !important;
}

.caipiao-post-card .caipiao-content-wrapper .caipiao-section + .caipiao-section {
    margin-top: 0 !important;
}

.caipiao-post-card .caipiao-content-wrapper .caipiao-section-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.caipiao-post-card .caipiao-content-wrapper .caipiao-section-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.caipiao-post-card .caipiao-section .caipiao-section-body {
    padding: 12px 0 !important;
}

.caipiao-post-card .caipiao-section .caipiao-section-header {
    padding: 10px 0 !important;
}

/* 作者信息区同样左右无边 */
.caipiao-post-card .caipiao-author-info {
    background: #ffffff !important;
    border: 1px solid #e1ecff !important;
    border-bottom: 1px solid #e1ecff !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-left: 1px solid #e1ecff !important;
    border-right: 1px solid #e1ecff !important;
    border-radius: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    backdrop-filter: none !important;
}

.caipiao-post-card .caipiao-reason-box .caipiao-section-body.caipiao-reason-body {
    background: #ffffff !important;
    border-radius: 0 0 12px 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.caipiao-post-card .caipiao-reason-box {
    border: 1px solid #e1ecff !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    overflow: hidden;
}

/* 底部reason-footer */
.caipiao-post-card .caipiao-reason-footer {
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
}

/* 随机性提示免责声明 - 左右全铺满无边距 */
.caipiao-post-card .caipiao-content-wrapper .caipiao-section.caipiao-disclaimer-section {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.caipiao-post-card .caipiao-post-disclaimer,
.caipiao-post-card .caipiao-tag-warn {
    display: block !important;
    padding: 8px 12px !important;
    background: #fef2f2 !important;
    border: none !important;
    border-top: 1px solid #fecaca !important;
    border-bottom: 1px solid #fecaca !important;
    border-radius: 0 !important;
    color: #b91c1c !important;
    line-height: 1.6 !important;
    font-size: 12.5px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/* 其他卡片通用内部section去美化 */
.caipiao-post-card .caipiao-content-wrapper .caipiao-section.caipiao-play-info-compact {
    background: #ffffff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.caipiao-info-table-compact .info-table-value {
    font-weight: normal !important;
}

.caipiao-sky-header .caipiao-header-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.caipiao-sky-header .caipiao-header-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.caipiao-sky-header .caipiao-icon-lg {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #eaf6ff 100%);
    border: 1.5px solid #b9dbf5;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.1);
    flex-shrink: 0;
}

.caipiao-sky-header .caipiao-header-title {
    min-width: 0;
    flex: 1;
}

.caipiao-sky-header .caipiao-lottery-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #1e4b7e;
    margin-bottom: 4px;
    line-height: 1.25;
}

.caipiao-sky-header .caipiao-lottery-cat,
.caipiao-sky-header .caipiao-lottery-type {
    color: #1e4b7e;
}

.caipiao-sky-header .caipiao-lottery-sep {
    color: #7fb3e0;
    font-weight: 400;
}

/* 待开奖/命中状态徽章（在左侧名称行内） */
.caipiao-hit-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
    margin-left: 2px;
}

.caipiao-hit-status-badge em {
    font-style: normal;
    font-size: 13px;
    line-height: 1;
}

.caipiao-hit-status-badge.hit {
    background: linear-gradient(135deg, #fff7e6 0%, #ffe7a8 100%);
    color: #b66b00;
    border: 1px solid #ffd27a;
}

.caipiao-hit-status-badge.miss {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    color: #475569;
    border: 1px solid #cbd5e1;
}

.caipiao-hit-status-badge.pending {
    background: linear-gradient(135deg, #e6f4ff 0%, #bae0ff 100%);
    color: #0958d9;
    border: 1px solid #91caff;
}

.caipiao-sky-header .caipiao-issue {
    font-size: 13px;
    color: #5a8ab8;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-weight: 500;
}

.caipiao-sky-header .caipiao-issue b {
    color: #1e4b7e;
    font-weight: 700;
    margin: 0 1px;
}

.caipiao-sky-header .caipiao-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #9cc2e8;
    margin: 0 6px !important;
}

.caipiao-play-info-bar {
    margin-top: 8px;
    display: flex;
    align-items: stretch;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.caipiao-play-info-bar .caipiao-play-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
    min-width: 0;
    text-align: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caipiao-play-info-bar .caipiao-play-tag:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}

.caipiao-play-info-bar .caipiao-play-tag i {
    margin-right: 3px;
    font-size: 10.5px;
    opacity: 0.85;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .caipiao-play-info-bar {
        gap: 4px;
        margin-top: 6px;
    }
    .caipiao-play-info-bar .caipiao-play-tag {
        padding: 4px 6px;
        font-size: 10.5px;
        flex-direction: column;
        gap: 2px;
        line-height: 1.2;
    }
    .caipiao-play-info-bar .caipiao-play-tag i {
        margin-right: 0;
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    .caipiao-play-info-bar {
        gap: 3px;
    }
    .caipiao-play-info-bar .caipiao-play-tag {
        padding: 4px 4px;
        font-size: 9.5px;
    }
    .caipiao-play-info-bar .caipiao-play-tag i {
        font-size: 9px;
    }
}

/* 权限标签VIP专享（在右侧原待开奖位置） */
.caipiao-perm-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
                inset 0 1px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(6px);
    transition: transform 0.2s ease;
}

.caipiao-perm-badge:hover {
    transform: translateY(-1px);
}

.caipiao-perm-badge .perm-icon {
    font-size: 14px;
    line-height: 1;
}

.caipiao-perm-badge .perm-text {
    letter-spacing: 0.3px;
}

/* 行内权限标签（与待开奖同一行，小尺寸） */
.caipiao-perm-badge.caipiao-perm-badge-inline {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    vertical-align: middle;
    margin-left: 2px;
}

.caipiao-perm-badge.caipiao-perm-badge-inline .perm-icon {
    font-size: 12px;
    line-height: 1;
}

.caipiao-perm-badge.caipiao-perm-badge-inline .perm-text {
    letter-spacing: 0;
}

/* 覆盖旧的perm-tag和hit-badge（避免冲突） */
.caipiao-sky-header ~ * .caipiao-perm-tag,
.caipiao-sky-header .caipiao-perm-tag {
    display: none !important;
}

.caipiao-sky-header ~ * .caipiao-hit-badge,
.caipiao-sky-header .caipiao-hit-badge {
    display: none !important;
}

/* ===== 手机端Sky Header自适应 ===== */
@media (max-width: 640px) {
    .caipiao-post-card .caipiao-card-header.caipiao-sky-header {
        padding: 10px 12px;
    }

    .caipiao-sky-header .caipiao-header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .caipiao-sky-header .caipiao-header-main {
        width: 100%;
        gap: 10px;
    }

    .caipiao-sky-header .caipiao-icon-lg {
        width: 40px;
        height: 40px;
        font-size: 20px;
        border-radius: 10px;
    }

    .caipiao-sky-header .caipiao-lottery-name {
        font-size: 15px;
    }

    .caipiao-hit-status-badge {
        padding: 2px 7px;
        font-size: 10px;
        border-radius: 10px;
    }

    .caipiao-hit-status-badge em {
        font-size: 11px;
    }

    .caipiao-sky-header .caipiao-issue {
        font-size: 11.5px;
    }

    .caipiao-perm-badge:not(.caipiao-perm-badge-inline) {
        width: 100%;
        justify-content: center;
        padding: 6px 12px;
        border-radius: 10px;
        font-size: 11.5px;
    }

    .caipiao-perm-badge.caipiao-perm-badge-inline {
        padding: 2px 7px;
        font-size: 10px;
        border-radius: 10px;
        gap: 2px;
    }

    .caipiao-perm-badge.caipiao-perm-badge-inline .perm-icon {
        font-size: 11px;
    }
}

@media (max-width: 380px) {
    .caipiao-sky-header .caipiao-lottery-name {
        font-size: 14.5px;
    }

    .caipiao-sky-header .caipiao-icon-lg {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .caipiao-hit-status-badge {
        padding: 2px 7px;
        font-size: 10px;
    }
}

/* ================================================
   简约表格样式 - 玩法/投入金额等模块
   ================================================ */
.caipiao-section.caipiao-play-info.caipiao-play-info-table {
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    margin: 0;
    box-shadow: none;
}

.caipiao-info-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
}

.caipiao-info-table tr {
    display: flex;
    width: 100%;
}

.caipiao-info-table td {
    flex: 1;
    padding: 10px 14px;
    border-right: 1px solid #f0f2f5;
    text-align: center;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 48px;
}

.caipiao-info-table td:last-child {
    border-right: none;
}

.info-table-label {
    font-size: 11px;
    color: #8a93a0;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.info-table-value {
    font-size: 13px;
    font-weight: 400;
    color: #1f2937;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.info-table-value small {
    font-size: 11px;
    font-weight: 500;
    color: #6b7280;
    margin-left: 1px;
}

/* 推荐号码下方简约玩法信息（紧凑高度） - 极度缩小 */
.caipiao-section.caipiao-play-info-compact {
    margin-top: 6px !important;
    border: 1px solid rgba(219, 234, 254, 0.6) !important;
    background: rgba(240, 247, 255, 0.5) !important;
    border-radius: 6px !important;
    padding: 0 !important;
}

.caipiao-info-table-compact {
    margin: 0 !important;
}

.caipiao-info-table-compact tr {
    display: flex !important;
    width: 100% !important;
}

.caipiao-info-table-compact td {
    padding: 3px 6px !important;
    min-height: 20px !important;
    height: 20px !important;
    gap: 1px !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    display: inline-flex !important;
    border-right: 1px solid rgba(219, 234, 254, 0.5) !important;
}

.caipiao-info-table-compact td:last-child {
    border-right: none !important;
}

.caipiao-info-table-compact .info-table-label {
    font-size: 10px !important;
    color: #6a8fae !important;
    margin-right: 4px !important;
    line-height: 1 !important;
}

.caipiao-info-table-compact .info-table-value {
    font-size: 11px !important;
    color: #1e3a5f !important;
    line-height: 1 !important;
    font-weight: 400 !important;
}

.caipiao-info-table-compact .info-table-value small {
    font-size: 9px !important;
    color: #5b83a4 !important;
    margin-left: 1px !important;
}



/* 开奖结果汇总条简化 */
.caipiao-match-info,
.caipiao-reward-info {
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #374151;
}

.caipiao-match-info {
    background: #fafbfc;
    border-color: #e5e7eb;
    color: #374151;
}

.caipiao-match-info .match-icon {
    background: #e0e7ff;
    color: #4f46e5;
}

.caipiao-reward-info {
    background: #fafbfc;
    border-color: #e5e7eb;
    color: #374151;
}

.caipiao-reward-info .reward-icon {
    background: #fee2e2;
    color: #dc2626;
}

/* ================================================
   手机端自适应美化
   ================================================ */
@media (max-width: 640px) {
    .caipiao-section.caipiao-play-info.caipiao-play-info-table {
        border-radius: 6px;
    }

    .caipiao-info-table tr {
        flex-wrap: wrap;
    }

    .caipiao-info-table-compact tr {
        flex-wrap: nowrap !important;
    }

    .caipiao-info-table td {
        flex: 1 1 50%;
        box-sizing: border-box;
        padding: 8px 10px;
        min-height: 44px;
        gap: 2px;
    }

    .caipiao-info-table td:nth-child(2n) {
        border-right: none;
    }

    .caipiao-info-table td:nth-child(-n+2) {
        border-bottom: 1px solid #f0f2f5;
    }

    .caipiao-info-table-compact td {
        flex: 1 !important;
        min-height: 20px !important;
        height: 20px !important;
        padding: 3px 6px !important;
        box-sizing: border-box !important;
        border-right: 1px solid rgba(219, 234, 254, 0.5) !important;
        border-bottom: none !important;
    }

    .caipiao-info-table-compact td:nth-child(2n) {
        border-right: 1px solid rgba(219, 234, 254, 0.5) !important;
    }

    .caipiao-info-table-compact td:nth-child(-n+2) {
        border-bottom: none !important;
    }

    .caipiao-info-table-compact td:last-child {
        border-right: none !important;
    }

    .info-table-label {
        font-size: 10px;
    }

    .info-table-value {
        font-size: 12px;
    }

    .info-table-value small {
        font-size: 10px;
    }

    .caipiao-info-table-compact .info-table-label {
        font-size: 9px !important;
        margin-right: 3px !important;
    }

    .caipiao-info-table-compact .info-table-value {
        font-size: 10px !important;
        font-weight: 400 !important;
    }

    .caipiao-info-table-compact .info-table-value small {
        font-size: 8.5px !important;
    }

    /* Section模块移动端紧凑 */
    .caipiao-content-wrapper .caipiao-section {
        margin-top: 5px;
        border-radius: 6px;
    }

    .caipiao-content-wrapper .caipiao-section + .caipiao-section {
        margin-top: 5px;
    }

    .caipiao-post-card .caipiao-content-wrapper .caipiao-section {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .caipiao-post-card .caipiao-content-wrapper .caipiao-section.caipiao-play-info-compact {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .caipiao-post-card .caipiao-card-header.caipiao-sky-header {
        padding: 10px 0 !important;
    }

    .caipiao-section-header {
        padding: 7px 10px;
    }

    .caipiao-section-body {
        padding: 8px 10px;
    }

    .caipiao-section-icon {
        width: 22px;
        height: 22px;
        border-radius: 5px;
        font-size: 10px;
        flex: 0 0 22px;
    }

    .caipiao-section-title {
        font-size: 12.5px;
    }

    .caipiao-author-info {
        padding: 8px 10px;
        gap: 6px;
    }

    .caipiao-post-card .caipiao-author-info {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .caipiao-author-info .caipiao-section-main {
        gap: 5px;
    }

    .caipiao-author-meta {
        gap: 4px;
    }

    .caipiao-author-stats {
        gap: 4px;
        margin-top: 0;
    }

    .caipiao-confidence {
        padding: 5px 8px;
        gap: 2px;
        margin-top: 0;
    }

    .caipiao-author-avatar .avatar-img {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .caipiao-author-name {
        font-size: 13px;
    }

    .caipiao-stat-chip {
        font-size: 9.5px;
        padding: 2px 6px 2px 4px;
        gap: 3px;
    }

    .caipiao-number-row {
        padding: 6px 0;
        gap: 8px;
    }

    .caipiao-result-summary {
        padding-top: 8px;
        margin-top: 4px;
        gap: 5px;
    }

    .caipiao-match-info,
    .caipiao-reward-info {
        padding: 7px 10px;
        flex: 1 1 140px;
        font-size: 12px;
        gap: 8px;
    }

    .caipiao-match-nums b {
        font-size: 13px;
    }

    .reward-value {
        font-size: 13px;
    }

    .caipiao-reward-info b {
        font-size: 14px;
    }

    .caipiao-reason-footer {
        margin-top: 10px;
        padding-top: 8px;
        gap: 6px;
    }

    .caipiao-reason-tag {
        font-size: 10px;
        padding: 3px 7px;
    }
}

@media (max-width: 380px) {
    .info-table-label {
        font-size: 9.5px;
    }

    .info-table-value {
        font-size: 11.5px;
    }

    .caipiao-info-table-compact tr {
        flex-wrap: nowrap !important;
    }

    .caipiao-info-table-compact td {
        flex: 1 !important;
        min-height: 18px !important;
        height: 18px !important;
        padding: 2px 4px !important;
        border-right: 1px solid rgba(219, 234, 254, 0.5) !important;
        border-bottom: none !important;
    }

    .caipiao-info-table-compact td:last-child {
        border-right: none !important;
    }

    .caipiao-info-table-compact .info-table-label {
        font-size: 8.5px !important;
        margin-right: 2px !important;
    }

    .caipiao-info-table-compact .info-table-value {
        font-size: 9.5px !important;
        font-weight: normal !important;
    }

    .caipiao-info-table-compact .info-table-value small {
        font-size: 8px !important;
    }

    .caipiao-post-card .caipiao-content-wrapper .caipiao-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .caipiao-post-card .caipiao-author-info {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .caipiao-section-header {
        padding: 8px 10px;
    }

    .caipiao-section-body {
        padding: 8px 10px;
    }
}

/* ================================================
   我的预选号列表 - 用户中心模块
   ================================================ */
.caipiao-preselect-list .widget-title {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    margin: 0 !important;
}

.caipiao-preselect-list-inner {
    padding: 0;
}

.caipiao-preselect-record-list {
    padding: 0;
}

.caipiao-preselect-record-item {
    padding: 16px;
    border-bottom: 1px solid #f5f5f5;
    transition: background 0.2s;
}

.caipiao-preselect-record-item:hover {
    background: #fafbfc;
}

.caipiao-preselect-record-item:last-child {
    border-bottom: none;
}

.caipiao-preselect-item-row1 {
    margin-bottom: 10px;
}

.caipiao-preselect-lottery-name {
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 700;
}

.caipiao-preselect-issue-number {
    font-size: 14px;
    color: #666;
    font-weight: 600;
}

.caipiao-preselect-weekday {
    font-size: 13px;
    color: #999;
}

.caipiao-preselect-status {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.caipiao-preselect-status-pending {
    background: #eff6ff;
    color: #2563eb;
}

.caipiao-preselect-status-hit {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    color: #059669;
}

.caipiao-preselect-status-miss {
    background: #f3f4f6;
    color: #6b7280;
}

.caipiao-preselect-item-row2 {
    margin-bottom: 10px;
}

.caipiao-preselect-item-row2 .focus-color {
    font-weight: 700;
}

.caipiao-preselect-prize {
    font-size: 14px;
    color: #666;
}

.caipiao-preselect-prize b {
    font-weight: 700;
}

.caipiao-preselect-item-row3 {
    align-items: center;
}

.caipiao-preselect-numbers-box {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 8px 10px;
    background: #fafbfc;
    border-radius: 8px;
    border: 1px solid #f0f2f5;
    transition: all 0.2s;
}

.caipiao-preselect-numbers-box:hover {
    border-color: #e74c3c;
    background: #fff5f5;
}

.caipiao-preselect-bet-type {
    font-weight: 600;
    margin-right: 8px;
}

.caipiao-preselect-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    margin: 0 2px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    transition: all 0.15s;
}

.caipiao-preselect-num.hit {
    color: #fff !important;
    background: #e74c3c !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(231, 76, 60, 0.35);
    transform: scale(1.05);
}

.caipiao-preselect-detail-btn {
    background: transparent;
    border: none;
    color: #2563eb;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.2s;
}

.caipiao-preselect-detail-btn:hover {
    background: #eff6ff;
    color: #1d4ed8;
}

/* ================================================
   预选号详情弹窗 Modal
   ================================================ */
.caipiao-preselect-detail-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    padding: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.caipiao-preselect-detail-modal.show {
    opacity: 1;
    visibility: visible;
}

.caipiao-preselect-detail-mask {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1;
}

.caipiao-preselect-detail-dialog {
    position: relative !important;
    z-index: 2;
    width: 94%;
    max-width: 600px;
    max-height: 92vh;
    background: #fff5eb;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translateY(24px) scale(0.96);
    opacity: 0;
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

.caipiao-preselect-detail-modal.show .caipiao-preselect-detail-dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.caipiao-preselect-detail-header {
    padding: 16px 20px;
    background: #fff5eb;
    border-bottom: none;
    flex-shrink: 0;
}

.caipiao-preselect-detail-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
}

.caipiao-preselect-detail-title i {
    cursor: pointer;
    color: #333;
    transition: color 0.2s;
    font-weight: 700;
}

.caipiao-preselect-detail-title i:hover {
    color: #1a1a1a;
}

.caipiao-preselect-detail-oper {
    color: #999;
    cursor: pointer;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.2s;
}

.caipiao-preselect-detail-oper:hover {
    background: rgba(0,0,0,0.05);
    color: #666;
}

.caipiao-preselect-detail-body {
    flex: 1;
    overflow-y: auto;
    padding: 0 16px 16px;
    -webkit-overflow-scrolling: touch;
    background: #fff5eb;
}

.caipiao-preselect-detail-body::-webkit-scrollbar {
    width: 5px;
}

.caipiao-preselect-detail-body::-webkit-scrollbar-thumb {
    background: rgba(139,94,52,0.25);
    border-radius: 10px;
}

/* ===== 彩票票券卡片整体容器 ===== */
.caipiao-ticket-card {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(139,94,52,0.1);
}

/* 票券顶部立体边缘（棕色3D效果） */
.caipiao-ticket-top-edge {
    height: 14px;
    background: linear-gradient(180deg, 
        rgba(139,94,52,0.7) 0%, 
        rgba(179,128,78,0.5) 30%, 
        rgba(210,168,120,0.3) 60%, 
        rgba(255,245,235,0.1) 100%);
    border-radius: 8px 8px 0 0;
    position: relative;
}

.caipiao-ticket-top-edge::before {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    top: 50%;
    height: 2px;
    background: rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

/* 票券底部波浪边缘（齿孔效果） */
.caipiao-ticket-bottom-edge {
    position: relative;
    height: 20px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.caipiao-ticket-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: radial-gradient(circle at 10px 0, transparent 6px, #fff5eb 7px) 0 0/20px 100% repeat-x;
}

/* 弹窗内 - 彩种标题+开奖号码+开奖状态 */
.caipiao-preselect-detail-tip {
    text-align: center;
    padding: 10px 14px;
    background: #fff4e0;
    border-radius: 6px;
    color: #8a6d3b;
    font-size: 13px;
    line-height: 1.5;
    border: 1px solid #f0dfb8;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caipiao-preselect-detail-lottery {
    background: #fff;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 0;
    border: none;
}

.caipiao-preselect-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.caipiao-preselect-status-badge.caipiao-preselect-status-pending {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

.caipiao-preselect-status-badge.caipiao-preselect-status-hit {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.35);
}

.caipiao-preselect-status-badge.caipiao-preselect-status-miss {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

.caipiao-preselect-detail-result {
    padding: 20px;
    background: transparent;
    border-radius: 0;
    border: none;
    text-align: left;
}

.caipiao-preselect-detail-result .caipiao-ball {
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

.caipiao-preselect-detail-warn {
    padding: 14px 20px;
    background: #fdecec;
    border-radius: 8px;
    color: #a0352b;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.6;
    border: 1px solid #f8d5d5;
    font-size: 15px;
}

.caipiao-preselect-detail-warn i {
    color: #a04a1f;
    font-size: 18px;
    flex-shrink: 0;
}

/* 弹窗内 - 我的选号 */
.caipiao-preselect-detail-my {
    background: #fff;
    border-radius: 0;
    padding: 18px 24px;
    border: none;
    border-bottom: none;
    border-top: 1px solid #f5f0ea;
}

.caipiao-preselect-dot-btn {
    color: #9ca3af;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.2s;
    background: #f5f5f5;
    flex-shrink: 0;
}

.caipiao-preselect-dot-btn:hover {
    background: #ececec;
    color: #4b5563;
}

.caipiao-preselect-close-btn {
    color: #666;
}

.caipiao-preselect-close-btn:hover {
    background: #e0e0e0 !important;
    color: #333 !important;
}

.caipiao-preselect-detail-numbers-row {
    background: #fff;
    border-radius: 0;
    padding: 18px 24px;
    border: none;
    border-top: 1px solid #f5f0ea;
    margin-bottom: 0;
}

.caipiao-preselect-detail-numbers {
    align-items: center;
    width: 100%;
    min-width: 0;
}

.caipiao-preselect-detail-numbers > div:first-child {
    flex: 1;
    min-width: 0;
}

.caipiao-preselect-type-label {
    font-size: 17px;
    font-weight: 600;
    color: #374151;
    margin-right: 12px;
}

.caipiao-preselect-detail-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    margin: 0 2px;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.15s;
}

.caipiao-preselect-detail-num.hit {
    color: #fff !important;
    background: #e74c3c !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 10px rgba(231, 76, 60, 0.4);
    transform: scale(1.08);
}

.caipiao-preselect-detail-stamp {
    display: none;
}

/* 预选号Tab统计卡片 */
.caipiao-stat-card {
    border: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 彩种球基础样式补充 */
.caipiao-ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    position: relative;
    user-select: none;
    flex-shrink: 0;
    min-width: 38px;
    min-height: 38px;
}

.caipiao-ball.caipiao-ball-red {
    background: radial-gradient(circle at 30% 30%, #ff6b6b 0%, #e74c3c 55%, #c0392b 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(231,76,60,0.3), inset 0 -2px 4px rgba(0,0,0,0.1);
}

.caipiao-ball.caipiao-ball-blue {
    background: radial-gradient(circle at 30% 30%, #60a5fa 0%, #3b82f6 55%, #2563eb 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(37,99,235,0.3), inset 0 -2px 4px rgba(0,0,0,0.1);
}

.caipiao-ball.caipiao-ball-gold {
    background: radial-gradient(circle at 30% 30%, #fde68a 0%, #f59e0b 45%, #d97706 100%);
    color: #fff;
    box-shadow: 0 2px 6px rgba(217,119,6,0.3), inset 0 -2px 4px rgba(0,0,0,0.1);
}

/* 移动端响应式 */
@media (max-width: 640px) {
    .caipiao-preselect-record-item {
        padding: 14px 12px;
    }

    .caipiao-preselect-lottery-name {
        font-size: 14px;
    }

    .caipiao-preselect-issue-number {
        font-size: 13px;
    }

    .caipiao-preselect-num {
        min-width: 26px;
        height: 26px;
        font-size: 14px;
    }

    .caipiao-preselect-detail-lottery {
        padding: 12px !important;
    }

    .caipiao-preselect-detail-my,
    .caipiao-preselect-detail-numbers-row {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .caipiao-preselect-detail-num {
        min-width: 26px !important;
        height: 26px !important;
        font-size: 15px !important;
        padding: 0 4px !important;
        margin: 0 1px !important;
    }

    .caipiao-ball {
        width: 34px !important;
        height: 34px !important;
        font-size: 14px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    .caipiao-preselect-detail-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 50px 10px 10px 10px !important;
    }

    .caipiao-preselect-detail-dialog {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 60px) !important;
        height: auto !important;
        border-radius: 12px !important;
        margin: 0 !important;
    }

    .caipiao-preselect-detail-header {
        padding: 10px 14px !important;
    }

    .caipiao-preselect-detail-body {
        padding: 0 10px 10px !important;
    }

    .caipiao-preselect-detail-title {
        font-size: 17px !important;
    }

    .caipiao-preselect-detail-title span {
        font-size: 17px !important;
    }

    .caipiao-preselect-detail-title i {
        font-size: 18px !important;
    }

    .caipiao-preselect-close-btn {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
    }

    .caipiao-preselect-detail-tip {
        font-size: 11px !important;
        padding: 6px 10px !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        text-overflow: clip !important;
        text-align: left !important;
        margin-bottom: 10px !important;
    }

    .caipiao-ticket-top-edge {
        height: 10px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 {
        margin-bottom: 12px !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child {
        gap: 6px !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:first-child {
        font-size: 18px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:nth-child(2) {
        font-size: 16px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:nth-child(3) {
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-status-badge {
        font-size: 12px !important;
        padding: 3px 10px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .mb20.muted-2-color {
        padding: 14px 0 !important;
        margin-bottom: 12px !important;
    }

    .caipiao-preselect-detail-result {
        padding: 10px !important;
        margin-bottom: 12px !important;
    }

    .caipiao-preselect-detail-result .caipiao-ball {
        width: 36px !important;
        height: 36px !important;
        font-size: 15px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }

    .caipiao-simple-numbers {
        gap: 8px !important;
    }

    .caipiao-preselect-detail-warn {
        padding: 8px 12px !important;
        gap: 8px !important;
        font-size: 12px !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .caipiao-preselect-detail-warn i {
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-warn span {
        font-size: 12px !important;
        font-weight: 500 !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 {
        padding-top: 6px !important;
        margin-bottom: 12px !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child {
        gap: 16px !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
        overflow: hidden !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child > span {
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child > span > b {
        font-size: 16px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:nth-child(2) {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:nth-child(2) > span {
        font-size: 14px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:nth-child(2) > b {
        font-size: 18px !important;
    }

    .caipiao-preselect-detail-numbers {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        width: 100% !important;
    }

    .caipiao-preselect-detail-numbers > div:first-child {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: none !important;
    }

    .caipiao-preselect-type-label {
        flex-shrink: 0 !important;
        font-size: 14px !important;
        margin-right: 8px !important;
    }

    .caipiao-preselect-detail-num {
        display: inline-flex !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-dot-btn {
        padding: 4px 8px !important;
        font-size: 15px !important;
        margin-left: 6px !important;
    }

    .caipiao-ticket-bottom-edge {
        height: 14px !important;
    }
}

@media (max-width: 380px) {
    .caipiao-preselect-num {
        min-width: 24px;
        height: 24px;
        font-size: 13px;
        margin: 0 1px;
    }

    .caipiao-preselect-detail-num {
        min-width: 24px !important;
        height: 24px !important;
        font-size: 13px !important;
        padding: 0 3px !important;
    }

    .caipiao-ball {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    .caipiao-preselect-detail-lottery {
        padding: 10px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 {
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:first-child {
        font-size: 16px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:nth-child(2) {
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20 > div:first-child > span:nth-child(3) {
        font-size: 12px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-status-badge {
        font-size: 11px !important;
        padding: 2px 8px !important;
        flex-shrink: 0 !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child {
        gap: 10px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child > span {
        font-size: 12px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:first-child > span > b {
        font-size: 14px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:nth-child(2) > span {
        font-size: 12px !important;
    }

    .caipiao-preselect-detail-lottery > .flex.ac.jsb.mb20.pt10 > div:nth-child(2) > b {
        font-size: 16px !important;
    }

    .caipiao-preselect-detail-tip {
        font-size: 10px !important;
        padding: 5px 8px !important;
    }

    .caipiao-preselect-detail-warn {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    .caipiao-preselect-detail-warn i {
        font-size: 13px !important;
    }

    .caipiao-preselect-detail-warn span {
        font-size: 11px !important;
        font-weight: 500 !important;
    }

    .caipiao-preselect-type-label {
        font-size: 13px !important;
        margin-right: 6px !important;
    }

    .caipiao-preselect-close-btn {
        width: 26px !important;
        height: 26px !important;
        font-size: 13px !important;
    }

    .caipiao-preselect-detail-title span {
        font-size: 16px !important;
    }
}

/* ================================================
   前端页面整体美化 - 简约优化定制
   ================================================ */

/* 整个页面添加浅浅的背景色 */
.caipiao-main-wrap {
    background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
    padding: 0;
}

.caipiao-shortcode-container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

/* 开奖走势图模块 - 去掉顶部边距并简约优化 */
.caipiao-shortcode-section.caipiao-trend-module {
    padding-top: 10px;
    padding-bottom: 4px;
}

.caipiao-shortcode-section.caipiao-trend-module .widget-title {
    padding: 0 20px 8px !important;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    letter-spacing: 0.5px;
}

.caipiao-shortcode-section.caipiao-trend-module .widget-title i {
    font-size: 15px;
    opacity: 0.85;
}

.caipiao-shortcode-section.caipiao-trend-module .caipiao-trend-grid {
    padding: 0 20px 8px !important;
}

/* 体彩/福彩切换按钮 - 简约显著胶囊版 */
.caipiao-result-tabs-wrap {
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    max-width: 100%;
}

.caipiao-result-tabs {
    display: flex;
    gap: 0;
    padding: 5px;
    background: #f3f4f6;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    border: 1px solid #e5e7eb;
}

.caipiao-result-tab-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 16px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #6b7280;
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    letter-spacing: 0.5px;
}

.caipiao-result-tab-btn .tab-icon i {
    font-size: 16px !important;
    transition: color 0.25s ease;
}

.caipiao-result-tab-btn:hover:not(.active) {
    background: #fff;
    color: #374151;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* 体彩激活状态 - 深红（国旗红）实心 */
.caipiao-result-tab-btn.active[data-cat="ticai"] {
    background: #b91c1c;
    color: #fff;
    box-shadow: 0 2px 8px rgba(185, 28, 28, 0.28);
}
.caipiao-result-tab-btn.active[data-cat="ticai"] .tab-icon i {
    color: #fff !important;
}

/* 福彩激活状态 - 暖橙实心 */
.caipiao-result-tab-btn.active[data-cat="fucai"] {
    background: #ea580c;
    color: #fff;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.28);
}
.caipiao-result-tab-btn.active[data-cat="fucai"] .tab-icon i {
    color: #fff !important;
}

.caipiao-result-tab-btn.active .tab-icon {
    animation: none;
}

/* 体彩Banner - 深红色简约渐变 */
.caipiao-banner-ticai {
    background: linear-gradient(135deg, #991b1b 0%, #b91c1c 100%);
}

/* 福彩Banner - 暖橘红简约渐变 */
.caipiao-banner-fucai {
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
}

/* 开奖结果面板区 - 与整体背景融合 */
.caipiao-result-panels-wrap {
    background: #fff;
}

/* 模块间分隔线 - 简约化 */
.caipiao-shortcode-section {
    padding: 8px 0 4px;
    border-bottom: 1px solid #f1f5f9;
}

/* 团络说彩Tabs简约化 */
.caipiao-shortcode-tabs .widget-title {
    padding: 0 20px 10px !important;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.caipiao-shortcode-tabs .caipiao-tab-nav {
    margin: 0 20px 12px !important;
}

/* 移动端响应式适配 */
@media (max-width: 640px) {
    .caipiao-shortcode-section.caipiao-trend-module {
        padding-top: 8px;
    }

    .caipiao-shortcode-section.caipiao-trend-module .widget-title {
        padding: 0 16px 6px !important;
        font-size: 13.5px;
    }

    .caipiao-shortcode-section.caipiao-trend-module .caipiao-trend-grid {
        padding: 0 16px 6px !important;
    }

    .caipiao-result-tabs-wrap {
        padding: 0;
    }

    .caipiao-result-tabs {
        padding: 4px;
        border-radius: 999px;
    }

    .caipiao-result-tab-btn {
        padding: 9px 10px;
        font-size: 13.5px;
        gap: 5px;
    }

    .caipiao-result-tab-btn .tab-icon i {
        font-size: 15px !important;
    }

    .caipiao-shortcode-tabs .widget-title {
        padding: 0 16px 8px !important;
        font-size: 13.5px;
    }

    .caipiao-shortcode-tabs .caipiao-tab-nav {
        margin: 0 16px 10px !important;
    }

    /* 走势图弹窗关闭按钮移动端 */
    #caipiao-trend-modal .caipiao-trend-modal-close {
        width: 42px;
        height: 42px;
        line-height: 42px;
        border-radius: 0 0 0 12px;
    }
    #caipiao-trend-modal .caipiao-trend-modal-close .fa {
        font-size: 16px;
    }

    /* 通用弹窗关闭按钮移动端 */
    .caipiao-common-modal-close {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 50% !important;
        top: -16px !important;
        right: -10px !important;
        background: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }
    .caipiao-common-modal-close .fa {
        font-size: 22px !important;
    }
}

/* ================================================
   弹窗关闭按钮美化增强 - 右上角置顶优化
   ================================================ */

/* 走势图弹窗 - 关闭按钮与标题栏融合 */
#caipiao-trend-modal .caipiao-trend-modal-close .fa {
    font-size: 17px;
    line-height: 1;
}

/* 通用弹窗 - 详情弹窗 / 历史开奖弹窗 关闭按钮精细调整 */
.caipiao-common-modal-close {
    border-radius: 50% !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
}
.caipiao-common-modal-close .fa {
    transition: transform 0.2s ease;
}

/* 作者信息布局 & 数据不换行 - 极致紧凑 */
.caipiao-post-card .caipiao-author-info {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.caipiao-post-card .caipiao-author-info .caipiao-section-main {
    gap: 8px !important;
    align-items: center !important;
    flex: 1 !important;
}
.caipiao-post-card .caipiao-author-info .caipiao-author-meta {
    gap: 0 !important;
}
.caipiao-post-card .caipiao-author-info .caipiao-author-name {
    min-height: 16px;
    display: flex;
    align-items: center;
    line-height: 1.15;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
}
.caipiao-post-card .caipiao-author-stats {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.caipiao-post-card .caipiao-author-stats .caipiao-stat-chip {
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    padding: 1px 3px !important;
    min-width: 0;
    width: auto;
    gap: 2px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}
.caipiao-post-card .caipiao-author-stats .caipiao-stat-chip b {
    flex-shrink: 0;
}
.caipiao-post-card .caipiao-author-info .caipiao-confidence {
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.caipiao-post-card .caipiao-author-info .caipiao-confidence .confidence-ring {
    width: 36px !important;
    height: 36px !important;
}

/* ================================================
   快乐8走势图遗漏值红色系显示
   ================================================ */
.caipiao-trend-chart-wrap table.yqc-table tbody td.kl8-cell .miss.kl8-miss {
    color: #c0392b !important;
}

/* ================================================
   手机端作者信息数据一行紧凑显示
   ================================================ */
@media (max-width: 640px) {
    .caipiao-post-card .caipiao-author-info {
        gap: 4px !important;
    }
    .caipiao-post-card .caipiao-author-info .caipiao-section-main {
        gap: 6px !important;
    }
    .caipiao-post-card .caipiao-author-avatar .avatar-img {
        width: 32px !important;
        height: 32px !important;
        border-radius: 6px !important;
    }
    .caipiao-post-card .caipiao-author-name {
        font-size: 12px !important;
    }
    .caipiao-post-card .caipiao-author-stats {
        gap: 2px !important;
    }
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip {
        flex: 1 1 0% !important;
        padding: 3px 4px !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
        gap: 2px !important;
        border-radius: 16px !important;
    }
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip i {
        width: 12px !important;
        height: 12px !important;
        font-size: 8px !important;
        flex-shrink: 0;
    }
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip .caipiao-stat-label {
        display: inline;
        white-space: nowrap;
    }
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip b {
        font-size: 10px !important;
        white-space: nowrap;
    }
    .caipiao-post-card .caipiao-author-stats::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 380px) {
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip {
        padding: 3px 3px !important;
        font-size: 9.5px !important;
        gap: 1px !important;
    }
    .caipiao-post-card .caipiao-author-stats .caipiao-stat-chip b {
        font-size: 9.5px !important;
    }
}

/* ========== Expert Modal & Apply Styles ========== */
.caipiao-expert-tag {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    background: linear-gradient(135deg,#f39c12,#e74c3c);
    color: #fff;
    font-size: 10px;
    border-radius: 8px;
    font-weight: 600;
    vertical-align: middle;
}
.caipiao-expert-clickable {
    cursor: pointer;
    transition: all 0.2s;
}
.caipiao-expert-clickable:hover {
    opacity: 0.85;
}
.caipiao-modal-overlay {
    animation: caipiaoExpertFadeIn 0.2s ease;
}
@keyframes caipiaoExpertFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.caipiao-expert-detail-avatar img {
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.3);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.caipiao-expert-detail-header img.avatar {
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.3);
}
.caipiao-preselect-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}
.caipiao-preselect-status-pending {
    background: #fff8e1 !important;
    color: #f39c12 !important;
}
.caipiao-preselect-status-hit {
    background: #e8f5e9 !important;
    color: #27ae60 !important;
}
.caipiao-preselect-status-miss {
    background: #f5f5f5 !important;
    color: #999 !important;
}
.caipiao-expert-preselect-list::-webkit-scrollbar {
    width: 6px;
}
.caipiao-expert-preselect-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.caipiao-expert-preselect-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
.caipiao-expert-apply-section {
    transition: transform 0.3s, box-shadow 0.3s;
}
.caipiao-expert-apply-section:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(243,156,18,0.15);
}
.caipiao-expert-detail-records .widget-title,
.caipiao-expert-detail-preselect .widget-title {
    font-size: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}
.caipiao-modal-overlay .caipiao-modal-container {
    animation: caipiaoExpertModalIn 0.25s ease;
}
@keyframes caipiaoExpertModalIn {
    from {
        transform: scale(0.92) translateY(10px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}
#caipiao-expert-apply-form input:focus,
#caipiao-expert-apply-form textarea:focus {
    box-shadow: 0 0 0 3px rgba(102,126,234,0.1) !important;
    border-color: #667eea !important;
}
.caipiao-expert-detail-stats [class*="col-"] > div {
    transition: transform 0.2s;
}
.caipiao-expert-detail-stats [class*="col-"] > div:hover {
    transform: translateY(-2px);
}
.ranking-item.caipiao-expert-clickable:hover {
    background-color: #f8f9fa;
}
.caipiao-admin-filter-tabs .button {
    margin-right: 4px;
}

.caipiao-expert-apply-section {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 50%, #fef3ff 100%);
    border-radius: 0;
    border: none;
    border-top: 1px solid rgba(99, 102, 241, 0.1);
    border-bottom: 1px solid rgba(99, 102, 241, 0.1);
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.caipiao-expert-apply-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -30%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, transparent 70%);
    pointer-events: none;
}
.caipiao-expert-apply-section:hover {
    transform: none;
    box-shadow: 0 8px 30px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255,255,255,0.9);
    border-color: rgba(99, 102, 241, 0.2);
}
.caipiao-apply-header {
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    z-index: 1;
}
.caipiao-apply-icon-wrap {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}
.caipiao-apply-icon-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
}
.caipiao-apply-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
.caipiao-apply-title-wrap {
    flex: 1;
    min-width: 0;
}
.caipiao-apply-title {
    font-size: 16px;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #db2777 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 4px;
}
.caipiao-apply-subtitle {
    color: #6b7280;
}
.caipiao-apply-action {
    flex-shrink: 0;
}
.caipiao-apply-status {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
}
.caipiao-apply-status.status-expert {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
}
.caipiao-apply-status.status-pending {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.35);
}
.caipiao-apply-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}
.caipiao-apply-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(255,255,255,0.2), transparent);
    opacity: 0;
    transition: opacity 0.25s;
}
.caipiao-apply-btn:hover::after {
    opacity: 1;
}
.caipiao-apply-btn.btn-apply {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
}
.caipiao-apply-btn.btn-apply:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5);
}
.caipiao-apply-btn.btn-reapply {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
}
.caipiao-apply-btn.btn-reapply:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
}
.caipiao-apply-threshold {
    margin-top: 16px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(229, 231, 235, 0.8);
    position: relative;
    z-index: 1;
}
.caipiao-threshold-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(209, 213, 219, 0.8);
}
.caipiao-threshold-title {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    display: inline-flex;
    align-items: center;
}
.caipiao-threshold-title i {
    color: #6366f1;
}
.caipiao-threshold-status {
    font-size: 13px;
    padding: 5px 12px;
    border-radius: 8px;
}
.caipiao-threshold-status.status-pass {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.caipiao-threshold-status.status-fail {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #991b1b;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.caipiao-threshold-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 14px;
}
.caipiao-threshold-card {
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    border-radius: 12px;
    padding: 14px 10px;
    text-align: center;
    border: 1px solid rgba(229, 231, 235, 0.6);
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.9);
    transition: all 0.25s ease;
}
.caipiao-threshold-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9);
    border-color: rgba(99, 102, 241, 0.2);
}
.threshold-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    font-size: 16px;
}
.threshold-icon.posts-icon {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
}
.threshold-icon.rate-icon {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #15803d;
}
.threshold-icon.days-icon {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #b45309;
}
.threshold-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 8px;
}
.threshold-progress {
    height: 6px;
    background: #f3f4f6;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
}
.threshold-progress-bar {
    height: 100%;
    border-radius: 4px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 4px;
}
.threshold-progress-bar.pass {
    background: linear-gradient(90deg, #34d399 0%, #10b981 50%, #059669 100%);
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.4);
}
.threshold-progress-bar.fail {
    background: linear-gradient(90deg, #fca5a5 0%, #f87171 50%, #ef4444 100%);
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.4);
}
.threshold-value {
    font-size: 15px;
}
.threshold-value.text-pass {
    color: #059669;
}
.threshold-value.text-fail {
    color: #dc2626;
}
.threshold-target {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 500;
}
@media (max-width: 480px) {
    .caipiao-apply-header {
        flex-wrap: wrap;
        gap: 10px;
    }
    .caipiao-apply-action {
        width: 100%;
        margin-left: 66px;
    }
    .caipiao-apply-btn,
    .caipiao-apply-status {
        width: 100%;
        justify-content: center;
    }
    .caipiao-threshold-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

.caipiao-expert-apply-modal-wrap.active {
    display: flex !important;
}
.caipiao-expert-apply-modal-wrap .caipiao-expert-apply-container {
    animation: caipiaoApplyModalIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes caipiaoApplyModalIn {
    from {
        transform: scale(0.88) translateY(30px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}
.caipiao-expert-apply-form .expert-form-group {
    position: relative;
}
.expert-form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    letter-spacing: 0.2px;
}
.required-mark {
    color: #ef4444;
    margin-right: 2px;
    font-weight: 700;
}
.expert-input-wrap {
    position: relative;
}
.expert-form-input,
.expert-form-textarea {
    width: 100%;
    padding: 12px 14px 12px 44px;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 14px;
    color: #1f2937;
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.6;
}
.expert-form-textarea {
    padding: 12px 14px 12px 44px;
    resize: vertical;
    min-height: 88px;
}
.expert-form-input::placeholder,
.expert-form-textarea::placeholder {
    color: #9ca3af;
}
.expert-form-input:hover,
.expert-form-textarea:hover {
    border-color: #bae6fd;
}
.expert-form-input:focus,
.expert-form-textarea:focus {
    border-color: #0ea5e9 !important;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.1) !important;
}
.expert-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 15px;
    width: 20px;
    text-align: center;
    transition: color 0.25s;
    z-index: 1;
}
.expert-input-icon.textarea-icon {
    top: 16px;
    transform: none;
}
.expert-form-input:focus + .expert-input-icon,
.expert-input-wrap:focus-within .expert-input-icon {
    color: #0ea5e9;
}
.expert-textarea-wrap {
    position: relative;
}
.expert-form-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 6px;
}
.expert-form-footer .gap12 {
    gap: 12px;
}
.expert-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    font-family: inherit;
}
.expert-btn-cancel {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    color: #4b5563;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.9);
}
.expert-btn-cancel:hover {
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.expert-btn-cancel:active {
    transform: translateY(0);
}
.expert-btn-submit {
    background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #fb7185 100%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.3), inset 0 1px 0 rgba(255,255,255,0.2);
}
.expert-btn-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 24px rgba(14, 165, 233, 0.4), inset 0 1px 0 rgba(255,255,255,0.3);
}
.expert-btn-submit:active {
    transform: translateY(0);
}
.expert-btn-submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none !important;
}

/* ========== 专家详情弹出框美化样式 ========== */

.caipiao-expert-modal-wrap.active {
    display: flex !important;
}

.caipiao-expert-modal-wrap .caipiao-expert-modal-container {
    animation: caipiaoExpertModalIn 0.3s ease-out;
}

@keyframes caipiaoExpertModalIn {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.caipiao-expert-modal-header {
    background: #fff;
    border-bottom: 1px solid #e0ecff !important;
}

.caipiao-expert-modal-content {
    background: #f0f7ff;
}

.caipiao-expert-modal-content::-webkit-scrollbar {
    width: 5px;
}

.caipiao-expert-modal-content::-webkit-scrollbar-track {
    background: transparent;
}

.caipiao-expert-modal-content::-webkit-scrollbar-thumb {
    background: #bfdbfe;
    border-radius: 3px;
}

.caipiao-expert-modal-content::-webkit-scrollbar-thumb:hover {
    background: #93c5fd;
}

/* 专家详情头部美化 */
.caipiao-expert-detail-header {
    background: linear-gradient(135deg,#ef4444 0%,#f87171 25%,#fb923c 40%,#60a5fa 65%,#3b82f6 85%,#2563eb 100%) !important;
    position: relative;
    overflow: hidden;
    padding: 18px 16px !important;
    border-radius: 0 !important;
}

.caipiao-expert-detail-header .caipiao-expert-username,
.caipiao-expert-detail-header .font-bold.caipiao-expert-username {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
    font-weight: 700 !important;
}

.caipiao-expert-detail-header .caipiao-expert-userlogin,
.caipiao-expert-detail-header .em09.opacity9 {
    color: rgba(255,255,255,0.95) !important;
}

.caipiao-expert-detail-header .caipiao-expert-mini-tag {
    color: #fff !important;
    background: rgba(255,255,255,0.24) !important;
}

.caipiao-expert-detail-header .caipiao-expert-verified-badge {
    color: #fff !important;
    background: rgba(255,255,255,0.26) !important;
    border-color: rgba(255,255,255,0.38) !important;
}

.caipiao-expert-detail-header::before,
.caipiao-expert-detail-header::after {
    display: none !important;
}

.caipiao-expert-detail-avatar {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.caipiao-expert-detail-avatar img.avatar,
.caipiao-expert-detail-avatar img {
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
    width: 64px !important;
    height: 64px !important;
}

.caipiao-expert-avatar-ring {
    padding: 2px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
}

.caipiao-expert-username {
    letter-spacing: 0.2px;
}

.caipiao-expert-verified-badge {
    border: none !important;
}

.caipiao-expert-mini-tag {
    transition: opacity 0.15s ease;
}

.caipiao-expert-mini-tag:hover {
    opacity: 0.9;
}

/* 统计卡片美化 */
.caipiao-expert-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.caipiao-expert-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

@media (max-width: 420px) {
    .caipiao-expert-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    .caipiao-expert-grid-2 {
        gap: 6px;
    }
}

.caipiao-expert-stat-card {
    transition: background 0.15s ease;
}

.caipiao-expert-stat-card::before {
    display: none;
}

.caipiao-expert-stat-card:hover {
    background: #f0f7ff !important;
}

.caipiao-expert-stat-num {
    font-weight: 700 !important;
    letter-spacing: -0.3px;
}

/* 财务卡片美化 */
.caipiao-expert-finance-card {
    transition: border-color 0.15s ease;
}

.caipiao-expert-finance-card:hover {
    border-color: #bfdbfe !important;
}

.caipiao-finance-value {
    letter-spacing: -0.2px;
}

/* 区块标题美化 */
.caipiao-expert-section-header {
    position: relative;
    padding-bottom: 2px;
}

.caipiao-expert-section-title {
    letter-spacing: 0.1px;
}

/* 战绩卡片美化 */
.caipiao-expert-record-card {
    transition: background 0.15s ease;
}

.caipiao-expert-record-card:hover {
    background: #e0f2fe !important;
}

/* 预选号列表美化 */
.caipiao-expert-preselect-item {
    transition: border-color 0.15s ease;
}

.caipiao-expert-preselect-item::before {
    display: none;
}

.caipiao-expert-preselect-item:hover {
    border-color: #bfdbfe !important;
}

/* 开奖状态标签美化 */
.caipiao-preselect-status {
    transition: opacity 0.15s ease !important;
}

.caipiao-preselect-status.caipiao-preselect-status-pending {
    background: #f0f9ff;
    color: #0369a1;
    border: 1px solid #bae6fd;
}

.caipiao-preselect-status.caipiao-preselect-status-pending span {
    background: #0ea5e9;
}

.caipiao-preselect-status.caipiao-preselect-status-hit {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.caipiao-preselect-status.caipiao-preselect-status-hit span {
    background: #22c55e;
}

.caipiao-preselect-status.caipiao-preselect-status-miss {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.caipiao-preselect-status.caipiao-preselect-status-miss span {
    background: #ef4444;
}

/* 号码球美化 */
.caipiao-expert-ball {
    transition: transform 0.15s ease;
    position: relative;
}

.caipiao-expert-ball::before {
    display: none;
}

.caipiao-expert-ball:hover {
    transform: translateY(-1px) !important;
}

/* 中奖标签美化 */
.caipiao-expert-prize-tag {
    transition: opacity 0.15s ease !important;
}

.caipiao-expert-prize-tag:hover {
    opacity: 0.85;
}

/* 空状态美化 */
.caipiao-expert-empty-wrap {
    transition: border-color 0.15s ease;
}

.caipiao-expert-empty-wrap:hover {
    border-color: #bfdbfe !important;
}

/* 预选号列表滚动条美化 */
.caipiao-expert-preselect-list::-webkit-scrollbar {
    width: 4px;
}

.caipiao-expert-preselect-list::-webkit-scrollbar-track {
    background: transparent;
}

.caipiao-expert-preselect-list::-webkit-scrollbar-thumb {
    background: #bfdbfe;
    border-radius: 2px;
}

.caipiao-expert-preselect-list::-webkit-scrollbar-thumb:hover {
    background: #93c5fd;
}

/* Loading 指示器 */
.caipiao-expert-loading-spinner {
    animation: expertLoadingSpin 0.8s linear infinite !important;
}

@keyframes expertLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}

/* 旧样式兼容 - 覆盖旧的简单样式 */
.caipiao-expert-detail-stats .row [class*="col-"] > div,
.caipiao-expert-detail-finance .row [class*="col-"] > div,
.caipiao-expert-detail-records .row [class*="col-"] > div {
    border-radius: 8px !important;
    padding: 10px 8px !important;
    transition: background 0.15s ease !important;
}

.caipiao-expert-detail-stats .row [class*="col-"] > div:hover,
.caipiao-expert-detail-finance .row [class*="col-"] > div:hover,
.caipiao-expert-detail-records .row [class*="col-"] > div:hover {
    background: #f0f7ff !important;
}

/* 响应式适配 */
@media (max-width: 560px) {
    .caipiao-expert-modal-container {
        max-width: 100% !important;
        border-radius: 18px !important;
    }
    .caipiao-expert-detail-header {
        padding: 16px 14px !important;
    }
    .caipiao-expert-detail-avatar img.avatar,
    .caipiao-expert-detail-avatar img {
        width: 58px !important;
        height: 58px !important;
    }
    .caipiao-expert-username {
        font-size: 17px !important;
    }
}

@media (max-width: 360px) {
    .caipiao-expert-ball,
    .caipiao-expert-ball-red,
    .caipiao-expert-ball-blue {
        min-width: 25px !important;
        height: 25px !important;
        font-size: 11px !important;
    }
}

/* 通用球基础样式 - 用于表格和列表 */
.ball {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    margin: 0 2px;
    vertical-align: middle;
    font-family: "Consolas", "Courier New", monospace;
    line-height: 1;
    box-sizing: border-box;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}
.ball i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-style: normal;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}
.ball.ball-red {
    background: radial-gradient(circle at 35% 30%, #ff8a8a 0%, #e74c3c 55%, #c0392b 100%);
    color: #fff;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(231,76,60,0.2);
}
.ball.ball-blue {
    background: radial-gradient(circle at 35% 30%, #8ab7ff 0%, #3479d8 55%, #2c5ea5 100%);
    color: #fff;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(52,121,216,0.2);
}
.ball.ball-digit {
    background: radial-gradient(circle at 35% 30%, #ffc27a 0%, #f39c12 55%, #d68910 100%);
    color: #fff;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(243,156,18,0.2);
}
.ball.ball-kl8 {
    background: radial-gradient(circle at 35% 30%, #fca5a5 0%, #ef4444 55%, #b91c1c 100%);
    color: #fff;
    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(239,68,68,0.2);
}
.ball.is-dan {
    box-shadow: inset 0 0 0 2px #f39c12, inset 0 -2px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(243,156,18,0.35);
}
.ball.is-dan::after {
    content: '胆';
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    background: #f39c12;
    color: #fff;
    border-radius: 10px;
    padding: 1px 5px;
    line-height: 1.2;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    z-index: 2;
}

/* 走势图滚动区域抓取优化 */
.caipiao-trend-chart-scroll,
.caipiao-trend-table-wrap {
    cursor: grab;
}
.caipiao-trend-chart-scroll:active,
.caipiao-trend-table-wrap:active {
    cursor: grabbing;
}

/* =========================================================
   【手机端/旧媒体查询覆盖修复】确保旧的响应式规则不再影响新的全屏方案
   ========================================================= */
@media (max-width: 768px) {
    #caipiao-trend-modal { padding: 0 !important; }
    #caipiao-trend-modal .caipiao-trend-modal-inner {
        height: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        height: -webkit-fill-available !important;
        max-height: 100% !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        max-height: -webkit-fill-available !important;
        border-radius: 0 !important;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        padding: 8px 8px 12px !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y pan-x !important;
    }
    .caipiao-trend-chart-scroll {
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .caipiao-trend-table-wrap {
        overflow: visible !important;
        width: max-content !important;
        min-width: 100% !important;
    }
}
@media (min-width: 769px) {
    .caipiao-trend-chart-scroll {
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-bottom: 10px !important;
        display: block !important;
        position: relative !important;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* ========== 专家详情弹窗紧凑美化 ========== */
.caipiao-expert-modal-content > .p15,
.caipiao-expert-modal-content > [class*="p15"],
.caipiao-expert-modal-content > [style*="padding:15px"],
.caipiao-expert-modal-content > [style*="padding: 15px"] {
    padding: 10px 12px !important;
}

.caipiao-expert-modal-content .mb10,
.caipiao-expert-modal-content [class*="mb10"] {
    margin-bottom: 6px !important;
}

.caipiao-expert-modal-content .mb15,
.caipiao-expert-modal-content [class*="mb15"] {
    margin-bottom: 8px !important;
}

.caipiao-expert-modal-content .mb20,
.caipiao-expert-modal-content [class*="mb20"] {
    margin-bottom: 10px !important;
}

.caipiao-expert-modal-content .mt10,
.caipiao-expert-modal-content [class*="mt10"] {
    margin-top: 6px !important;
}

.caipiao-expert-modal-content .mt15,
.caipiao-expert-modal-content [class*="mt15"] {
    margin-top: 8px !important;
}

.caipiao-expert-modal-content .mt20,
.caipiao-expert-modal-content [class*="mt20"] {
    margin-top: 10px !important;
}

.caipiao-expert-modal-content .pb10 {
    padding-bottom: 6px !important;
}

.caipiao-expert-modal-content .pb15 {
    padding-bottom: 8px !important;
}

.caipiao-expert-modal-content .pt10 {
    padding-top: 6px !important;
}

.caipiao-expert-modal-content .pt15 {
    padding-top: 8px !important;
}

.caipiao-expert-modal-header {
    padding: 10px 14px !important;
    background: linear-gradient(135deg, #fff1f2 0%, #eff6ff 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.caipiao-expert-modal-header .font-bold {
    font-size: 16px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #dc2626 0%, #2563eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.caipiao-expert-detail-header {
    padding: 10px 10px !important;
    margin-bottom: 4px !important;
}

.caipiao-expert-detail-header .caipiao-expert-username {
    font-size: 17px !important;
}

.caipiao-expert-detail-header .mr14,
.caipiao-expert-detail-header [style*="margin-right:14px"],
.caipiao-expert-detail-header [style*="margin-right: 14px"] {
    margin-right: 10px !important;
}

.caipiao-expert-detail-header .mb8,
.caipiao-expert-detail-header [style*="margin-bottom:8px"] {
    margin-bottom: 5px !important;
}

.caipiao-expert-detail-header .mb10,
.caipiao-expert-detail-header [style*="margin-bottom:10px"] {
    margin-bottom: 6px !important;
}

.caipiao-expert-modal-content > .caipiao-expert-detail > div[style*="padding:10px 14px"],
.caipiao-expert-modal-content > .caipiao-expert-detail > div[style*="padding: 10px 14px"] {
    padding: 2px 6px 6px !important;
}

.caipiao-expert-modal-content .caipiao-expert-grid-4 {
    gap: 4px !important;
}

.caipiao-expert-modal-content .caipiao-expert-grid-2 {
    gap: 4px !important;
}

.caipiao-expert-modal-content [style*="margin:0 -4px"] {
    margin: 0 0 4px !important;
}

.caipiao-expert-modal-content [style*="margin:0 -4px 6px"] {
    margin: 0 0 3px !important;
}

.caipiao-expert-modal-content [style*="margin:0 4px 8px"] {
    margin: 0 0 4px !important;
}

.caipiao-expert-modal-content .caipiao-expert-stat-card[style*="padding:10px 6px"],
.caipiao-expert-modal-content .caipiao-expert-stat-card[style*="padding: 10px 6px"] {
    padding: 6px 2px !important;
}

.caipiao-expert-modal-content .caipiao-expert-stat-icon,
.caipiao-expert-modal-content [style*="width:28px"][style*="height:28px"] {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 3px !important;
}

.caipiao-expert-modal-content .caipiao-expert-stat-num,
.caipiao-expert-modal-content [style*="font-size:18px"][style*="line-height:1.1"] {
    font-size: 16px !important;
}

.caipiao-expert-modal-content .caipiao-expert-finance-card[style*="padding:10px 12px"],
.caipiao-expert-modal-content .caipiao-expert-finance-card[style*="padding: 10px 12px"] {
    padding: 6px 8px !important;
}

.caipiao-expert-modal-content .caipiao-expert-record-card[style*="padding:10px 8px"],
.caipiao-expert-modal-content .caipiao-expert-record-card[style*="padding: 10px 8px"] {
    padding: 6px 4px !important;
}

.caipiao-expert-modal-content .caipiao-expert-preselect-item[style*="padding:8px 10px"],
.caipiao-expert-modal-content .caipiao-expert-preselect-item[style*="padding: 8px 10px"] {
    padding: 5px 6px !important;
    margin-bottom: 4px !important;
}

.caipiao-expert-modal-content [style*="padding-right:2px"] {
    padding-right: 0 !important;
}

.caipiao-expert-modal-content .caipiao-expert-detail-preselect,
.caipiao-expert-modal-content .caipiao-expert-detail-records,
.caipiao-expert-modal-content [style*="margin-bottom:8px"] {
    margin-bottom: 4px !important;
}

.caipiao-expert-modal-content [style*="margin-bottom:6px"] {
    margin-bottom: 3px !important;
}

.caipiao-expert-modal-content .mb6,
.caipiao-expert-modal-content [class*="mb6"] {
    margin-bottom: 3px !important;
}

.caipiao-expert-modal-content .mb8,
.caipiao-expert-modal-content [class*="mb8"] {
    margin-bottom: 4px !important;
}

.caipiao-expert-modal-content .mr6,
.caipiao-expert-modal-content [class*="mr6"],
.caipiao-expert-modal-content [style*="margin-right:6px"] {
    margin-right: 4px !important;
}

.caipiao-expert-modal-content .mr4,
.caipiao-expert-modal-content [class*="mr4"],
.caipiao-expert-modal-content [style*="margin-right:4px"] {
    margin-right: 3px !important;
}

.caipiao-expert-modal-content .ml5,
.caipiao-expert-modal-content [class*="ml5"],
.caipiao-expert-modal-content [style*="margin-left:5px"] {
    margin-left: 3px !important;
}

.caipiao-expert-modal-content .mb5,
.caipiao-expert-modal-content [class*="mb5"],
.caipiao-expert-modal-content [style*="margin-bottom:5px"] {
    margin-bottom: 2px !important;
}

.caipiao-expert-modal-content .mb2,
.caipiao-expert-modal-content [class*="mb2"],
.caipiao-expert-modal-content [style*="margin-bottom:2px"] {
    margin-bottom: 1px !important;
}

.caipiao-expert-modal-content .mt2,
.caipiao-expert-modal-content [class*="mt2"],
.caipiao-expert-modal-content [style*="margin-top:2px"] {
    margin-top: 1px !important;
}

.caipiao-expert-modal-content .caipiao-expert-section-header,
.caipiao-expert-modal-content [style*="margin-bottom:6px"].caipiao-expert-section-header,
.caipiao-expert-modal-content .mb10 {
    margin-bottom: 3px !important;
}

/* =========================================================
   【最新优化】走势图弹出框 真·全屏显示 所有设备适配 - 彻底修复版
   ========================================================= */
#caipiao-trend-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    width: 100vw !important;
    width: 100dvw !important;
    height: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-width: 100vw !important;
    min-width: 100dvw !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    min-height: -webkit-fill-available !important;
    max-width: 100vw !important;
    max-width: 100dvw !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    max-height: -webkit-fill-available !important;
    z-index: 2147483647 !important;
    z-index: 999999999 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: env(safe-area-inset-top, 0) !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    border: none !important;
    border-radius: 0 !important;
    display: none;
    background: rgba(0,0,0,0.95) !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
}
#caipiao-trend-modal.active {
    display: flex !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
}
#caipiao-trend-modal .caipiao-trend-modal-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    width: 100vw !important;
    height: 100vh !important;
    width: 100dvw !important;
    height: 100dvh !important;
    min-width: 100% !important;
    min-height: 100% !important;
    min-height: -webkit-fill-available !important;
    max-width: 100% !important;
    max-height: 100% !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0) !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
#caipiao-trend-modal .caipiao-trend-modal-head {
    padding: 10px 18px !important;
    padding-top: calc(10px + env(safe-area-inset-top, 0)) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
#caipiao-trend-modal .caipiao-trend-modal-toolbar {
    padding: 8px 14px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
#caipiao-trend-modal .trend-progress {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}
#caipiao-trend-modal .caipiao-trend-chart {
    flex: 1 1 auto !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    padding: 10px 12px 12px !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;
    margin: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y pan-x !important;
    overscroll-behavior: contain !important;
}

/* 解决 iOS 固定定位 + 软键盘/地址栏收缩问题 */
@supports (height: 100dvh) {
    #caipiao-trend-modal { height: 100dvh !important; }
    #caipiao-trend-modal .caipiao-trend-modal-inner { height: 100dvh !important; }
}

/* 平板设备 */
@media (max-width: 1024px) and (min-width: 641px) {
    #caipiao-trend-modal {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        width: 100dvw !important;
        height: 100vh !important;
        height: 100dvh !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-inner {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head {
        padding: 10px 16px !important;
        padding-top: calc(10px + env(safe-area-inset-top, 0)) !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-toolbar {
        padding: 8px 12px !important;
        gap: 8px !important;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        padding: 10px 12px !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;
    }
}

/* 手机端 - 彻底修复全屏和滚动问题 及黑屏BUG */
@media (max-width: 640px) {
    #caipiao-trend-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        width: 100vw !important;
        width: 100dvw !important;
        height: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        height: -webkit-fill-available !important;
        z-index: 999999999 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: rgba(0,0,0,0.8) !important;
        transform: none !important;
        -webkit-transform: none !important;
        display: none;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }
    #caipiao-trend-modal.active {
        display: flex !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-inner {
        position: relative !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        width: 100vw !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        background: #fff !important;
        display: flex !important;
        flex-direction: column !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head {
        padding: 8px 10px !important;
        padding-top: calc(6px + env(safe-area-inset-top, 0)) !important;
        min-height: auto !important;
        box-sizing: border-box !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head h3 {
        font-size: 15px !important;
        gap: 6px !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head h3 .trend-title-tag {
        display: none !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-close {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 22px !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-toolbar {
        padding: 5px 8px !important;
        gap: 5px !important;
        flex-wrap: wrap !important;
    }
    #caipiao-trend-modal .trend-tools-btns {
        gap: 4px !important;
    }
    #caipiao-trend-modal .trend-btn {
        padding: 5px 8px !important;
        font-size: 12px !important;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        padding: 6px 6px 8px !important;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0)) !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        min-height: 0 !important;
        height: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y pan-x !important;
        overscroll-behavior: contain !important;
    }
    /* 手机端走势图表格允许自由滚动 */
    #caipiao-trend-modal .caipiao-trend-chart table,
    #caipiao-trend-modal .caipiao-trend-chart-wrap,
    #caipiao-trend-modal .caipiao-trend-table-wrap {
        touch-action: pan-y pan-x !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* 极小屏手机 */
@media (max-width: 380px) {
    #caipiao-trend-modal .caipiao-trend-modal-head {
        padding: 6px 8px !important;
        padding-top: calc(4px + env(safe-area-inset-top, 0)) !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-head h3 {
        font-size: 14px !important;
    }
    #caipiao-trend-modal .caipiao-trend-modal-toolbar {
        padding: 4px 6px !important;
    }
    #caipiao-trend-modal .trend-tab-btn {
        padding: 4px 8px !important;
        font-size: 11.5px !important;
    }
    #caipiao-trend-modal .caipiao-trend-chart {
        padding: 4px 4px 6px !important;
        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0)) !important;
    }
}

/* 走势图打开时 body 的锁定方式改为不使用 position:fixed（避免页面跳动和 iOS 安全区问题） */
body.caipiao-trend-locked,
body.caipiao-trend-modal-open,
body.caipiao-modal-open {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
}
html.caipiao-trend-locked,
html.caipiao-modal-open-html {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* =========================================================
   【最新优化】论坛帖子彩票模块 紧凑美化 高级感
   ========================================================= */
.caipiao-post-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 3px 0 !important;
    padding: 2px 0 0 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #f0f9f0 0%, #f6fbf6 100%) !important;
    border: 1px solid #c8e6c9 !important;
}

/* 卡片头部 - 紧凑 */
.caipiao-post-card .caipiao-card-header.caipiao-sky-header {
    padding: 4px 10px !important;
    margin: 0 0 1px 0 !important;
}

/* 卡片主体 - 去除边距铺满 */
.caipiao-post-card .caipiao-card-body {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 内容包装器 - 铺满 零间距 */
.caipiao-post-card .caipiao-content-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* ==================== 专家数据模块 - 浅浅绿色背景 铺满 ==================== */
.caipiao-post-card .caipiao-section.caipiao-author-info {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%) !important;
    border: 1px solid #a5d6a7 !important;
    border-left: 1px solid #a5d6a7 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 开奖结果模块 */
.caipiao-post-card .caipiao-section.caipiao-result-numbers {
    margin: 0 !important;
    padding: 3px 10px !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #e8f5e9 !important;
}
.caipiao-post-card .caipiao-section.caipiao-result-numbers .caipiao-section-header {
    padding: 1px 0 1px 0 !important;
    margin: 0 0 1px 0 !important;
}
.caipiao-post-card .caipiao-section.caipiao-result-numbers .caipiao-section-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* 推荐分析模块 - 紧凑化 极限压缩 */
.caipiao-post-card .caipiao-section.caipiao-reason-box {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #e8f5e9 !important;
}
.caipiao-post-card .caipiao-section.caipiao-reason-box .caipiao-section-header {
    padding: 3px 10px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.caipiao-post-card .caipiao-reason-box .caipiao-section-body.caipiao-reason-body {
    padding: 3px 10px !important;
    margin: 0 !important;
}

/* ==================== 推荐号码模块 - 浅浅绿色背景 铺满 ==================== */
.caipiao-post-card .caipiao-section.caipiao-recommend-numbers {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 3px 10px !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.caipiao-post-card .caipiao-section.caipiao-recommend-numbers .caipiao-section-header {
    padding: 1px 0 1px 0 !important;
    margin: 0 0 1px 0 !important;
}
.caipiao-post-card .caipiao-section.caipiao-recommend-numbers .caipiao-section-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* 通用 section 间距紧凑化 */
.caipiao-post-card .caipiao-content-wrapper .caipiao-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-radius: 0 !important;
}
.caipiao-post-card .caipiao-content-wrapper .caipiao-section + .caipiao-section {
    margin-top: 0 !important;
}
.caipiao-post-card .caipiao-content-wrapper .caipiao-section-header {
    padding: 1px 0 1px 0 !important;
    margin: 0 0 1px 0 !important;
}
.caipiao-post-card .caipiao-content-wrapper .caipiao-section-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* 号码行更紧凑 */
.caipiao-post-card .caipiao-number-row {
    margin-bottom: 1px !important;
    padding: 0 !important;
    gap: 5px !important;
}
.caipiao-post-card .caipiao-number-row:last-child {
    margin-bottom: 0 !important;
}

/* 号码标签和号码间距更紧凑 */
.caipiao-post-card .caipiao-numbers {
    gap: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}

/* 免责声明模块 */
.caipiao-post-card .caipiao-content-wrapper .caipiao-section.caipiao-disclaimer-section {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #f5d9b8 !important;
}
.caipiao-post-card .caipiao-post-disclaimer,
.caipiao-post-card .caipiao-tag-warn {
    padding: 2px 10px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

/* 分析段落紧凑化 */
.caipiao-post-card .caipiao-reason-paragraph {
    margin-bottom: 1px !important;
    line-height: 1.5 !important;
}
.caipiao-post-card .caipiao-reason-paragraph:last-child {
    margin-bottom: 0 !important;
}
.caipiao-post-card .caipiao-reason-subtitle {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
}

/* 号码标签极限紧凑 */
.caipiao-post-card .caipiao-label {
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    gap: 3px !important;
    box-shadow: none !important;
}
.caipiao-post-card .caipiao-label i {
    font-size: 10px !important;
}

/* 号码球容器极限压缩 */
.caipiao-post-card .caipiao-numbers-box {
    padding: 0 !important;
    margin: 0 !important;
}
.caipiao-post-card .caipiao-numbers {
    gap: 4px !important;
    padding-top: 0 !important;
    margin: 0 !important;
}

/* 标题栏图标和文字紧凑 */
.caipiao-post-card .caipiao-header-left {
    gap: 5px !important;
}
.caipiao-post-card .caipiao-section-icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 10px !important;
    flex: 0 0 20px !important;
    border-radius: 5px !important;
}
.caipiao-post-card .caipiao-section-title {
    font-size: 13px !important;
    margin: 0 !important;
}
.caipiao-post-card .caipiao-section-sub {
    font-size: 11px !important;
    gap: 3px !important;
}

/* 覆盖旧的 section-header 默认样式 */
.caipiao-post-card .caipiao-section.caipiao-recommend-numbers .caipiao-section-header,
.caipiao-post-card .caipiao-section.caipiao-result-numbers .caipiao-section-header,
.caipiao-post-card .caipiao-section.caipiao-reason-box .caipiao-section-header {
    background: transparent !important;
    border-bottom: none !important;
}

/* 覆盖旧的默认 section-body padding */
.caipiao-post-card .caipiao-section-body {
    padding: 0 !important;
    background: transparent !important;
}

/* 覆盖旧的默认 author-info padding */
.caipiao-post-card .caipiao-section.caipiao-author-info {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 4px 10px !important;
    gap: 6px !important;
    border-bottom: 1px solid #c8e6c9 !important;
}

/* ==================== 手机端进一步优化 ==================== */
@media (max-width: 640px) {
    .caipiao-post-card {
        padding: 1px 0 0 0 !important;
        margin: 0 0 2px 0 !important;
    }
    .caipiao-post-card .caipiao-card-header.caipiao-sky-header {
        padding: 3px 8px !important;
        margin: 0 0 0 0 !important;
    }
    .caipiao-post-card .caipiao-content-wrapper {
        gap: 0 !important;
    }
    .caipiao-post-card .caipiao-section.caipiao-author-info {
        padding: 3px 8px !important;
        margin: 0 !important;
        border-left: none !important;
    }
    .caipiao-post-card .caipiao-section.caipiao-recommend-numbers {
        padding: 2px 8px !important;
        margin: 0 !important;
        border-left: none !important;
    }
    .caipiao-post-card .caipiao-content-wrapper .caipiao-section {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        margin-bottom: 0 !important;
    }
    .caipiao-post-card .caipiao-content-wrapper .caipiao-section-header {
        padding: 0 !important;
        margin: 0 0 0 0 !important;
    }
    .caipiao-post-card .caipiao-content-wrapper .caipiao-section-body {
        padding: 0 !important;
    }
    .caipiao-post-card .caipiao-reason-box .caipiao-section-body.caipiao-reason-body {
        padding: 2px 8px !important;
    }
    .caipiao-post-card .caipiao-reason-box .caipiao-section-header {
        padding: 2px 8px !important;
    }
    .caipiao-post-card .caipiao-post-disclaimer,
    .caipiao-post-card .caipiao-tag-warn {
        padding: 1px 8px !important;
        font-size: 11px !important;
    }
}

/* 极小屏 */
@media (max-width: 380px) {
    .caipiao-post-card {
        padding: 0 !important;
    }
    .caipiao-post-card .caipiao-section.caipiao-author-info {
        padding: 2px 6px !important;
    }
    .caipiao-post-card .caipiao-section.caipiao-recommend-numbers {
        padding: 2px 6px !important;
    }
    .caipiao-post-card .caipiao-content-wrapper .caipiao-section {
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
}


.caipiao-expert-modal-content [style*="max-height:240px"] {
    max-height: 200px !important;
}

.caipiao-expert-modal-content .caipiao-expert-section-title-icon,
.caipiao-expert-modal-content [style*="width:22px"][style*="height:22px"] {
    width: 20px !important;
    height: 20px !important;
}

.caipiao-expert-modal-content .caipiao-expert-empty-wrap.p20,
.caipiao-expert-modal-content [style*="padding:20px"] {
    padding: 12px !important;
}

.caipiao-expert-modal-content .caipiao-expert-empty-icon.mb8 {
    margin-bottom: 5px !important;
}

.caipiao-expert-modal-content .caipiao-expert-detail-latest-rec[style*="padding-top:10px"] {
    padding-top: 5px !important;
    margin-top: 2px !important;
}

.caipiao-expert-modal-content .caipiao-expert-rec-item[style*="padding:9px 12px"],
.caipiao-expert-modal-content .caipiao-expert-rec-item[style*="padding: 9px 12px"] {
    padding: 6px 8px !important;
    margin: 0 0 5px !important;
}

.caipiao-expert-modal-content .caipiao-expert-rec-list[style*="margin:0 -4px"] {
    margin: 0 !important;
}

.caipiao-expert-modal-content .mr8,
.caipiao-expert-modal-content [class*="mr8"],
.caipiao-expert-modal-content [style*="margin-right:8px"] {
    margin-right: 6px !important;
}

.caipiao-expert-modal-content .mt12,
.caipiao-expert-modal-content [class*="mt12"],
.caipiao-expert-modal-content [style*="margin-top:10px"] {
    margin-top: 6px !important;
}

.caipiao-expert-modal-content .caipiao-expert-rec-pager[style*="margin:10px 4px 0"] {
    margin: 6px 0 0 !important;
    padding: 5px 6px !important;
}

.caipiao-expert-modal-content [style*="gap:5px 9px"] {
    gap: 3px 6px !important;
}

.caipiao-expert-modal-content [style*="min-width:24px"][style*="height:24px"] {
    min-width: 20px !important;
    height: 20px !important;
}

.caipiao-expert-modal-content .caipiao-expert-prize-tag[style*="padding:2px 8px"],
.caipiao-expert-modal-content [style*="padding:2px 8px"] {
    padding: 1px 5px !important;
}

.caipiao-expert-modal-content [style*="padding:2px 8px;background:#f3f4f6"],
.caipiao-expert-modal-content [style*="padding: 2px 8px"][style*="background:#f3f4f6"] {
    padding: 1px 5px !important;
}

/* ========== 订阅开奖弹窗样式 ========== */
.caipiao-subscribe-modal-wrap.active {
    display: flex !important;
}

.caipiao-subscribe-modal-container {
    position: relative;
    background: #fff;
    border-radius: 20px;
    max-width: 480px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.35);
    animation: caipiaoModalIn 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes caipiaoModalIn {
    0% { transform: scale(0.9) translateY(30px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.caipiao-subscribe-modal-header {
    padding: 14px 18px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.caipiao-subscribe-modal-header::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -30px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
}

.caipiao-subscribe-modal-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.caipiao-subscribe-modal-title i {
    margin-right: 10px;
    font-size: 18px;
}

.caipiao-subscribe-close-btn {
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

.caipiao-subscribe-close-btn:hover {
    background: rgba(255,255,255,0.35);
}

.caipiao-subscribe-modal-content {
    padding: 18px;
    max-height: calc(90vh - 60px);
    overflow-y: auto;
}

.caipiao-subscribe-group {
    margin-bottom: 16px;
}

.caipiao-subscribe-group:last-child {
    margin-bottom: 0;
}

.caipiao-subscribe-group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    margin-bottom: 10px;
    border: 1px solid #e2e8f0;
}

.caipiao-subscribe-group-title span {
    font-weight: 700;
    font-size: 14px;
    color: #334155;
    display: flex;
    align-items: center;
}

.caipiao-subscribe-group-title i {
    margin-right: 8px;
}

.caipiao-subscribe-select-all {
    font-size: 12px;
    color: #6366f1;
    cursor: pointer;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 8px;
    transition: all 0.2s;
    background: rgba(99,102,241,0.08);
}

.caipiao-subscribe-select-all:hover {
    background: rgba(99,102,241,0.18);
}

.caipiao-subscribe-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.caipiao-subscribe-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
}

.caipiao-subscribe-item:hover {
    border-color: #a5b4fc;
    background: #f5f3ff;
}

.caipiao-subscribe-item.checked {
    border-color: #6366f1;
    background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);
}

.caipiao-subscribe-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    accent-color: #6366f1;
    cursor: pointer;
    flex-shrink: 0;
}

.caipiao-subscribe-item label {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    margin: 0;
}

.caipiao-subscribe-modal-footer {
    padding: 12px 18px 18px;
    display: flex;
    gap: 10px;
    border-top: 1px solid #f1f5f9;
}

.caipiao-subscribe-cancel-btn,
.caipiao-subscribe-save-btn {
    flex: 1;
    padding: 11px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s;
    border: none;
}

.caipiao-subscribe-cancel-btn {
    background: #f1f5f9;
    color: #64748b;
}

.caipiao-subscribe-cancel-btn:hover {
    background: #e2e8f0;
}

.caipiao-subscribe-save-btn {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(99,102,241,0.35);
}

.caipiao-subscribe-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(99,102,241,0.45);
}

.caipiao-subscribe-save-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

@media (max-width: 480px) {
    .caipiao-subscribe-list {
        grid-template-columns: 1fr;
    }
}

/* ========== 站内信彩种开奖卡片样式 ========== */
.zib_mgs_item.caipiao_msg_item {
    position: relative;
    padding: 14px 16px !important;
    border-bottom: 1px solid #f0f0f0;
}

.zib_mgs_item.caipiao_msg_item:last-child {
    border-bottom: none;
}

.caipiao-msg-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 6px;
}

.caipiao-msg-category {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}

.caipiao-msg-category.ticai {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
}

.caipiao-msg-category.fucai {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.caipiao-msg-category i {
    margin-right: 5px;
    font-size: 11px;
}

.caipiao-msg-date {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 500;
}

.caipiao-msg-lottery-list {
    background: #fafafa;
    border-radius: 12px;
    padding: 6px 10px;
}

.caipiao-msg-lottery-item {
    padding: 8px 6px;
    border-bottom: 1px dashed #e5e7eb;
}

.caipiao-msg-lottery-item:last-child {
    border-bottom: none;
}

.caipiao-msg-lottery-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    flex-wrap: wrap;
    gap: 6px;
}

.caipiao-msg-lottery-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #1f2937;
}

.caipiao-msg-lottery-issue {
    font-size: 11.5px;
    color: #94a3b8;
    background: #fff;
    padding: 2px 8px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.caipiao-msg-lottery-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-bottom: 6px;
}

.caipiao-msg-lottery-bottom {
    display: flex;
    justify-content: flex-end;
}

.caipiao-msg-view-detail {
    font-size: 12px;
    color: #6366f1;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 8px;
    background: #eef2ff;
    cursor: pointer;
    transition: all 0.2s;
}

.caipiao-msg-view-detail:hover {
    background: #e0e7ff;
    color: #4f46e5;
}

.caipiao-msg-outer-wrap {
    background: #fff;
    border-radius: 14px;
    padding: 12px 14px;
    border: 1px solid #f3f4f6;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.caipiao-msg-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.caipiao-msg-lottery-numbers .ball {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.caipiao-msg-lottery-numbers .ball-red {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.caipiao-msg-lottery-numbers .ball-blue {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.caipiao-msg-lottery-numbers .ball-gray {
    background: linear-gradient(135deg, #6b7280, #4b5563);
}

.caipiao-msg-lottery-numbers .ball-green {
    background: linear-gradient(135deg, #10b981, #059669);
}

.caipiao-msg-lottery-numbers .ball-yellow {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.caipiao-msg-lottery-numbers .ball-purple {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}

.caipiao-msg-lottery-numbers .ball-separator {
    color: #d1d5db;
    margin: 0 4px;
    font-weight: 700;
}

:where(.muted-3-color) {
    color: #9ca3af;
}
[class*="caipiao"] .muted-3-color,
[class*="caipiao"] .caipiao-empty .muted-3-color {
    color: #9ca3af;
}

:where(.text-center) {
    text-align: center;
}
[class*="caipiao"] .text-center {
    text-align: center;
}

:where(.c-red) {
    color: #ef4444;
}
[class*="caipiao"] .c-red {
    color: #ef4444;
}

:where(.c-green) {
    color: #10b981;
}
[class*="caipiao"] .c-green {
    color: #10b981;
}

:where(.p20) {
    padding: 20px;
}
[class*="caipiao"] .p20 {
    padding: 20px;
}

:where(.p40) {
    padding: 40px;
}
[class*="caipiao"] .p40 {
    padding: 40px;
}

:where(.mb10) {
    margin-bottom: 10px;
}
[class*="caipiao"] .mb10 {
    margin-bottom: 10px;
}

:where(.mr4) {
    margin-right: 4px;
}
[class*="caipiao"] .mr4 {
    margin-right: 4px;
}

:where(.mr6) {
    margin-right: 6px;
}
[class*="caipiao"] .mr6 {
    margin-right: 6px;
}

:where(.mr10) {
    margin-right: 10px;
}
[class*="caipiao"] .mr10 {
    margin-right: 10px;
}

:where(.ball) {
    position: relative;
}
[class*="caipiao"] .ball {
    position: relative;
}

/* ====== 开奖结果卡片美化 - 新版布局 ====== */
.caipiao-result-card-item-new {
    position: relative;
}

/* 顶部行：开奖日期 + 开奖标签（右上角） */
.caipiao-result-card-item-new .caipiao-result-top-row {
    position: relative;
    z-index: 1;
}

.caipiao-result-card-item-new .caipiao-draw-label {
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(0,0,0,0.06);
}

/* 主体行：图标 + 内容区 */
.caipiao-result-card-item-new .caipiao-result-main-row {
    position: relative;
}

.caipiao-result-card-item-new .caipiao-lottery-icon-wrap {
    position: relative;
    z-index: 1;
}

.caipiao-result-card-item-new .caipiao-lottery-icon-wrap img,
.caipiao-result-card-item-new .caipiao-lottery-icon-wrap svg {
    max-width: 56px;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 内容区容器 */
.caipiao-result-card-item-new .caipiao-lottery-content-wrap {
    position: relative;
    z-index: 1;
}

/* 彩种名称和期号 */
.caipiao-result-card-item-new .caipiao-lottery-header-info {
    line-height: 1.2;
}

/* 统计行：和值/奇偶比/大小比 */
.caipiao-result-card-item-new .caipiao-lottery-stats-row {
    line-height: 1.2;
}

/* 开奖号码和统计一行 */
.caipiao-result-card-item-new .caipiao-result-numbers-and-stats {
    line-height: 1.4;
}

/* 号码球大小调整 - 新版更紧凑 */
.caipiao-result-card-item-new .caipiao-ball-card {
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    line-height: 28px !important;
    font-size: 13px !important;
}

/* 底部统计 */
.caipiao-result-card-item-new .caipiao-result-bottom-stats {
    line-height: 1.4;
}

/* 快乐8特殊处理 */
.caipiao-result-card-item-new.kl8-wrap .caipiao-result-numbers-and-stats {
    flex-direction: column;
    align-items: flex-start !important;
}

.caipiao-result-card-item-new.kl8-wrap .caipiao-result-bottom-stats {
    width: 100%;
    padding-top: 6px;
    border-top: 1px dashed rgba(0,0,0,0.06);
}

/* ==============================================
   电脑端（≥768px）优化：图标与号码/统计一行显示
   ============================================== */
@media (min-width: 768px) {
    /* 结果面板两列grid布局 */
    .caipiao-result-panel-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 12px 0 0 !important;
    }

    .caipiao-result-panel-grid .caipiao-result-card-item-new {
        margin-bottom: 0 !important;
    }

    /* 快乐8特殊处理：占两列 */
    .caipiao-result-panel-grid .caipiao-result-card-item-new.kl8-wrap {
        grid-column: 1 / -1;
    }

    .caipiao-result-card-item-new {
        padding: 10px 16px !important;
    }

    /* 顶部行日期/开奖标签微调 */
    .caipiao-result-card-item-new .caipiao-result-top-row {
        margin-bottom: 4px !important;
    }

    /* 主体行布局优化 */
    .caipiao-result-card-item-new .caipiao-lottery-content-wrap {
        gap: 4px !important;
    }

    /* 彩种信息行：名称 + 期号 + 和值/奇偶/大小 合并一行或紧凑 */
    .caipiao-result-card-item-new .caipiao-lottery-stats-row {
        gap: 4px 8px !important;
    }

    /* 号码+销售额/奖池 与图标在视觉上形成一行 */
    .caipiao-result-card-item-new .caipiao-result-numbers-and-stats {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px 16px !important;
    }

    .caipiao-result-card-item-new:not(.kl8-wrap) .caipiao-result-numbers-and-stats {
        flex-direction: row !important;
    }

    /* 号码球稍微调小 */
    .caipiao-result-card-item-new:not(.kl8-wrap) .caipiao-ball-card {
        min-width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        font-size: 12px !important;
    }
}

/* ==============================================
   大屏端（≥1200px）优化
   ============================================== */
@media (min-width: 1200px) {
    .caipiao-result-panel-grid {
        gap: 14px;
    }
}

/* ==============================================
   平板端（641px-767px）适配
   ============================================== */
@media (min-width: 641px) and (max-width: 767px) {
    /* 平板端单列 */
    .caipiao-result-panel-grid {
        display: block;
        padding: 8px 0 0 !important;
    }

    .caipiao-result-card-item-new {
        padding: 10px 14px !important;
    }
}

/* ==============================================
   手机端（≤640px）优化：和值/奇偶比/大小比不换行
   ============================================== */
@media (max-width: 640px) {
    /* 手机端单列 */
    .caipiao-result-panel-grid {
        display: block;
        padding: 8px 0 0 !important;
    }

    .caipiao-result-card-item-new {
        padding: 10px 12px !important;
        margin-bottom: 8px !important;
    }

    /* 顶部开奖日期和标签缩小 */
    .caipiao-result-card-item-new .caipiao-result-top-row {
        margin-bottom: 6px !important;
        font-size: 11px !important;
    }

    .caipiao-result-card-item-new .caipiao-draw-label {
        font-size: 11px !important;
        padding: 2px 8px !important;
    }

    /* 主体行间距缩小 */
    .caipiao-result-card-item-new .caipiao-result-main-row {
        gap: 10px !important;
        align-items: flex-start !important;
    }

    /* 图标缩小 */
    .caipiao-result-card-item-new .caipiao-lottery-icon-wrap img,
    .caipiao-result-card-item-new .caipiao-lottery-icon-wrap svg {
        max-width: 44px !important;
        max-height: 44px !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-icon-wrap {
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    /* 内容区 */
    .caipiao-result-card-item-new .caipiao-lottery-content-wrap {
        gap: 5px !important;
    }

    /* 彩种名称和期号 */
    .caipiao-result-card-item-new .caipiao-lottery-header-info {
        gap: 6px !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-name {
        font-size: 15px !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-issue {
        font-size: 12px !important;
    }

    /* ===== 关键：手机端和值/奇偶比/大小比强制一行不换行 ===== */
    .caipiao-result-card-item-new .caipiao-lottery-stats-row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 4px 8px !important;
        padding-bottom: 1px !important;
        scrollbar-width: none !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-stats-row::-webkit-scrollbar {
        display: none !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-stats-row > span {
        flex-shrink: 0 !important;
        font-size: 11px !important;
    }

    /* 号码与统计垂直排列 */
    .caipiao-result-card-item-new .caipiao-result-numbers-and-stats {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    /* 号码球大小 */
    .caipiao-result-card-item-new .caipiao-ball-card {
        min-width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        font-size: 12px !important;
    }

    /* 底部统计 */
    .caipiao-result-card-item-new .caipiao-result-bottom-stats {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 14px !important;
        font-size: 11px !important;
        padding-top: 6px !important;
        border-top: 1px dashed rgba(0,0,0,0.05) !important;
    }

    /* 快乐8手机端 */
    .caipiao-result-card-item-new.kl8-wrap .caipiao-result-bottom-stats {
        border-top: none !important;
        padding-top: 0 !important;
    }
}

/* ==============================================
   小屏手机（≤420px）额外优化
   ============================================== */
@media (max-width: 420px) {
    .caipiao-result-card-item-new .caipiao-lottery-name {
        font-size: 14px !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-issue {
        font-size: 11px !important;
    }

    .caipiao-result-card-item-new .caipiao-ball-card {
        min-width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
        font-size: 11px !important;
    }

    .caipiao-result-card-item-new .caipiao-lottery-stats-row > span {
        font-size: 10.5px !important;
    }

    .caipiao-result-card-item-new .caipiao-result-bottom-stats {
        font-size: 10.5px !important;
    }
}

/* ==============================================
   select下拉框文字显示半截修复（仅改select不影响input）
   ============================================== */
.caipiao-type-select,
.caipiao-permission-select,
.caipiao-view-permission-select,
.caipiao-results-type-select,
.caipiao .select2-container--default .select2-selection--single,
#caipiao-shortcode-form select,
.caipiao-shortcode-wrap select,
.caipiao-container select,
select.form-control {
    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    vertical-align: middle !important;
}
.caipiao-view-permission-select {
    padding-right: 38px !important;
}

/* ==============================================
   首页简码顶部边距移除
   ============================================== */
.caipiao-shortcode-container { margin-top: 0 !important; }
.caipiao-main-wrap { margin-top: 0 !important; }

/* ==============================================
   VIP开通按钮样式
   ============================================== */
.caipiao-trend-vip-btn-wrap {
    display: inline-flex;
    align-items: center;
}
.caipiao-trend-vip-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}
.trend-tools-btns .caipiao-trend-vip-btn-wrap {
    margin-right: 2px;
}
.tl-trend-toolbar .tl-vip-btn-wrap {
    margin-right: auto;
    margin-left: 2px;
}
.tl-trend-toolbar button.refresh {
    margin-left: 0 !important;
}