body.jczq-body { background: #eef3fb; }
.jczq-page { max-width: 1280px; margin: 0 auto; padding: 16px 16px 110px; }
.jczq-head { background: #fff; border-radius: 8px; padding: 16px 20px; margin-bottom: 12px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.jczq-title-wrap { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.jczq-title-wrap h1 { margin: 0; font-size: 20px; color: #1e293b; }
.jczq-updated { color: #64748b; font-size: 12px; }
.jczq-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 13px; color: #475569; }
.jczq-filters label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.jczq-refresh-btn, .jczq-back { border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 4px; padding: 6px 12px; font-size: 13px; cursor: pointer; text-decoration: none; }
.jczq-refresh-btn:hover, .jczq-back:hover { border-color: #2563eb; color: #2563eb; }

.jczq-table-wrap { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.jczq-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.jczq-table thead th { background: linear-gradient(#f8fbff, #edf4ff); color: #334155; font-weight: 600; padding: 10px 8px; border-bottom: 1px solid #dbeafe; text-align: center; }
.jczq-table tbody td { border-bottom: 1px solid #eef2f7; vertical-align: middle; text-align: center; padding: 8px 6px; }
.jczq-date-row td { background: #f1f5f9; color: #475569; font-weight: 600; text-align: left; padding: 8px 12px; }
.jczq-loading { text-align: center; color: #94a3b8; padding: 40px 12px !important; }

.jczq-event-cell { text-align: left !important; min-width: 110px; }
.jczq-match-no { font-weight: 700; color: #0f172a; }
.jczq-league { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 3px; color: #fff; font-size: 12px; }
.jczq-deadline { color: #64748b; font-size: 12px; margin-top: 4px; }

.jczq-team-cell { min-width: 92px; }
.jczq-team-name { font-size: 12px; color: #334155; margin-bottom: 4px; min-height: 16px; }
.jczq-odd-btn { display: block; width: 100%; border: 1px solid #dbeafe; background: #fff; border-radius: 4px; padding: 6px 4px; cursor: pointer; line-height: 1.2; }
.jczq-odd-btn:hover { border-color: #2563eb; background: #eff6ff; }
.jczq-odd-btn.is-selected { background: #2563eb; border-color: #2563eb; color: #fff; }
.jczq-odd-btn.is-selected .jczq-support { color: #dbeafe; }
.jczq-odd-btn.is-disabled { background: #f8fafc; color: #cbd5e1; cursor: not-allowed; }
.jczq-odd-val { font-size: 15px; font-weight: 700; color: #0f172a; }
.jczq-odd-btn.is-selected .jczq-odd-val { color: #fff; }
.jczq-support { display: block; font-size: 11px; color: #94a3b8; margin-top: 2px; }
.jczq-handicap { font-size: 12px; color: #ef4444; margin-bottom: 4px; }
.jczq-single-tag { display: inline-block; background: #3b82f6; color: #fff; font-size: 10px; padding: 0 4px; border-radius: 2px; margin-bottom: 4px; }
.jczq-more-btn { border: none; background: none; color: #2563eb; cursor: pointer; font-size: 12px; }
.jczq-detail-row td { background: #fafcff; padding: 12px !important; text-align: left !important; }
.jczq-detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.jczq-detail-block h4 { margin: 0 0 8px; font-size: 13px; color: #334155; }
.jczq-detail-odds { display: flex; flex-wrap: wrap; gap: 6px; }
.jczq-detail-odds button { border: 1px solid #dbeafe; background: #fff; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; }
.jczq-score { color: #ef4444; font-weight: 700; }

.jczq-slip {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 100;
    background: #fff; border-top: 1px solid #dbeafe; box-shadow: 0 -4px 16px rgba(15,23,42,.08);
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 12px 20px; font-size: 13px;
}
.jczq-slip-left, .jczq-slip-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.jczq-slip-center { flex: 1; color: #64748b; text-align: center; }
.jczq-link-btn { border: none; background: none; color: #2563eb; cursor: pointer; }
.jczq-times-btn { width: 28px; height: 28px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; cursor: pointer; }
#jczq_times { width: 56px; text-align: center; border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px; }
.jczq-submit-btn { background: #2563eb; color: #fff; border: none; border-radius: 6px; padding: 10px 20px; font-size: 14px; cursor: pointer; }
.jczq-submit-btn:hover { background: #1d4ed8; }

.jczq-modal { position: fixed; inset: 0; background: rgba(15,23,42,.45); display: flex; align-items: center; justify-content: center; z-index: 200; }
.jczq-modal-box { background: #fff; border-radius: 10px; padding: 20px; width: 520px; max-width: 92vw; max-height: 70vh; overflow: auto; }
.jczq-modal-close { margin-top: 12px; border: 1px solid #cbd5e1; background: #fff; border-radius: 4px; padding: 6px 14px; cursor: pointer; }
.jczq-sel-item { padding: 8px 0; border-bottom: 1px solid #eef2f7; font-size: 13px; }

@media (max-width: 1100px) {
    .jczq-table-wrap { overflow-x: auto; }
    .jczq-table { min-width: 980px; }
    .sfc-table { min-width: 720px; }
    .jczq-slip { flex-direction: column; align-items: stretch; }
    .jczq-slip-center { order: -1; }
}

/* 胜负彩 - lazq 同款布局 */
.sfc-page .jczq-head { padding: 12px 16px; margin-bottom: 10px; }
.sfc-table-wrap {
    border: 1px solid #c8daf5;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}
.sfc-table-toolbar {
    padding: 8px 10px;
    background: #f7faff;
    border-bottom: 1px solid #d6e4f7;
}
.sfc-qishu-select {
    min-width: 120px;
    height: 30px;
    border: 1px solid #b9cdf0;
    border-radius: 2px;
    padding: 0 8px;
    font-size: 13px;
    color: #333;
    background: #fff;
}

.sfc-table { table-layout: fixed; min-width: 900px; }
.sfc-table thead th {
    background: #eef4fc;
    color: #333;
    font-weight: 600;
    padding: 8px 4px;
    border: 1px solid #d6e4f7;
    font-size: 13px;
}
.sfc-head-group th {
    background: #f7faff;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    padding: 4px;
}
.sfc-table tbody td {
    padding: 8px 6px;
    border: 1px solid #dce8f8;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    color: #333;
}
.sfc-date-row td {
    text-align: left !important;
    background: #f3f7fd !important;
    padding: 8px 12px !important;
    border-color: #d6e4f7 !important;
    font-size: 13px;
}
.sfc-date-icon { margin-right: 6px; }
.sfc-date-text { color: #333; margin-right: 16px; }
.sfc-deadline { color: #e60012; font-weight: 600; }

.sfc-row-even td { background: #fff; }
.sfc-row-odd td { background: #f8fbff; }
.sfc-row:hover td { background: #eef5ff; }

.sfc-col-no { width: 42px; }
.sfc-col-league { width: 72px; }
.sfc-col-time { width: 96px; color: #666; white-space: nowrap; }
.sfc-col-home, .sfc-col-away { width: 110px; }
.sfc-col-odd { width: 64px; }
.sfc-col-more { width: 72px; }

.sfc-league {
    display: inline-block;
    min-width: 52px;
    padding: 3px 6px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}
.sfc-team-link {
    color: #0066cc;
    cursor: default;
    font-size: 13px;
    line-height: 1.3;
    word-break: break-all;
}
.sfc-odd-cell {
    display: inline-block;
    min-width: 48px;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.2;
}
.sfc-odd-cell:hover:not(.is-disabled):not(.is-selected) {
    border-color: #7eb0ea;
    background: #eef5ff;
}
.sfc-odd-cell.is-selected {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}
.sfc-odd-cell.is-disabled {
    color: #cbd5e1;
    cursor: not-allowed;
}
.sfc-analysis a {
    color: #b0b8c4;
    text-decoration: none;
    margin: 0 2px;
    font-size: 12px;
}
.sfc-analysis a:hover { color: #0066cc; }

#sfc_times { width: 56px; text-align: center; border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px; }

@media (max-width: 768px) {
    .sfc-table { min-width: 860px; }
    .sfc-col-home, .sfc-col-away { width: 90px; }
}