ul {
    padding-left: 0rem;
}
  .table-header-bg {
        background: linear-gradient(135deg, #95CAFF 0%, #2563eb 100%) !important;
    }

    .custom-card {
        border-top: 4px solid #ced4da;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        transition: transform 0.2s ease;
    }

    .custom-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    }

    .lottery-badge {
        font-size: 0.75rem;
        padding: 0.35rem 0.7rem;
        font-weight: 600;
    }

    .badge-zu {
        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    }

    .badge-ti {
        background: linear-gradient(135deg, #059669 0%, #047857 100%);
    }

    .badge-fu {
        background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    }

    .score-highlight {
        color: #1e40af;
        font-weight: bold;
    }

    .flex-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .sidebar-link-inline {
        display: inline-block;
        padding: 6px 12px;
        background-color: #f8f9fa;
        color: #333;
        text-decoration: none;
        border-radius: 6px;
        font-size: 13px;
        transition: all 0.3s ease;
        font-weight: 500;
    }

    .sidebar-link-inline:hover {
        background-color: #eff6ff;
        color: #1e40af;
    }

    .sidebar-link-inline.active {
        background-color: #3788ff;
        color: white;
    }

    .history-link {
        transition: all 0.2s ease;
    }

    .history-link:hover {
        border-color: #1e40af !important;
        background-color: #eff6ff;
        color: #1e40af;
        transform: translateX(4px);
    }

    .stat-card {
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        border-left: 4px solid #1e40af;
    }

    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-accent-bg: rgba(30, 64, 175, 0.03);
    }

    .table-hover tbody tr:hover {
        background-color: rgba(30, 64, 175, 0.06);
    }

    .action-link {
        text-decoration: none;
        padding: 4px 12px;
        border-radius: 4px;
        font-size: 0.85rem;
        transition: all 0.2s ease;
    }

    .action-link:hover {
        opacity: 0.8;
    }

    .border-bottom {
        border-bottom: 2px solid !important;
    }

    .text-danger.border-bottom {
        border-color: #dc2626 !important;
    }

    .text-success.border-bottom {
        border-color: #059669 !important;
    }

    .text-primary.border-bottom {
        border-color: #dee2e6 !important;
    }

    .text-purple {
        color: #7c3aed !important;
    }

    .text-orange {
        color: #ea580c !important;
    }

    .text-cyan {
        color: #0891b2 !important;
    }

    .text-indigo {
        color: #4f46e5 !important;
    }

    .text-pink {
        color: #db2777 !important;
    }

    .text-amber {
        color: #d97706 !important;
    }

    .text-green {
        color: #059669 !important;
    }

    .text-gray-500 {
        color: #6b7280 !important;
    }

    .text-gray-600 {
        color: #4b5563 !important;
    }

    .text-gray-700 {
        color: #374151 !important;
    }

    .bg-gray-200 {
        background-color: #e5e7eb !important;
    }

    .text-blue {
        color: #2563eb !important;
    }

    .text-xs {
        font-size: 0.75rem !important;
    }

    .calendar-link:hover {
        color: #1e40af !important;
    }

    .list-unstyled li {
        transition: all 0.2s ease;
        padding: 4px 0;
    }

    .list-unstyled li:hover {
        transform: translateX(4px);
    }

    .ball {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-weight: bold;
        font-size: 14px;
        margin: 2px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .ball-red {
        background: linear-gradient(135deg, #ed6e6e 0%, #df4040 100%);
        color: white;
    }

    .ball-blue {
        background: linear-gradient(135deg, #3680f7 0%, #497ce9 100%);
        color: white;
    }

    .ball-purple {
        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
        color: white;
    }

    .ball-orange {
        background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
        color: white;
    }

    .ball-gray {
        background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
        color: white;
    }

    .ball-sm {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-weight: bold;
        font-size: 11px;
        margin: 1px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .ball-red-sm {
        background: linear-gradient(135deg, #ed6e6e 0%, #df4040 100%);
        color: white;
    }


    .ball-cyan {
        background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
        color: white;
    }

    .ball-amber {
        background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
        color: white;
    }

    .fc-icon {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }

    .bg-primary {
        background-color: rgb(63 127 222) !important;
    }


    /* 全国开奖/地方开奖按钮样式 */
    .btn-outline-primary.active {
        background-color: #e0f2fe !important;
        border-color: #93c5fd !important;
        color: #1e40af !important;
    }

    .btn-outline-primary {
        border-color: #93c5fd;
        color: #1e40af;
    }

    .btn-outline-primary:hover {
        background-color: #f0f9ff !important;
        border-color: #60a5fa !important;
        color: #1e40af !important;
    }

    .btn-outline-primary:active {
        background-color: #fafafa !important;
        border-color: #bfdbfe !important;
        color: #1e40af !important;
    }

    .fw-semibold {
        font-weight: 500 !important;
    }

    .breadcrumb {
        background-color: #f8fafc;
        padding: 12px 16px;
        border-radius: 8px;
        margin-bottom: 0;
    }

    .breadcrumb-item a:hover {
        text-decoration: underline !important;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: #93c5fd;
    }
	
	.text-danger {
    --bs-text-opacity: 1;
    color: rgb(201 71 84) !important;
}
  .lot-icon {
          width: 60px;
          height: 60px;
          vertical-align: middle;
      }
	  
	  
	.container{
  width: 1320px !important;
  max-width: 1320px !important;
}