body {
            font-family: 'Noto Sans SC', sans-serif;
            background-color: #f9fafb;
        }
        
        /* 翡翠绿渐变文字 */
        .gradient-text {
            background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        /* 大窗卡片特效 */
        .hero-card {
            background: white;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid #e5e7eb;
        }
        
        .hero-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(5, 150, 105, 0.25);
            border-color: #10b981;
        }
        
        .hero-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(16, 185, 129, 0.1), transparent);
            transition: left 0.7s;
        }
        
        .hero-card:hover::before {
            left: 100%;
        }
        
        /* 琥珀金强调 */
        .accent-amber {
            background: linear-gradient(135deg, #f59e0b, #d97706);
        }
        
        /* 列表交互 */
        .match-row {
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        
        .match-row:hover {
            background: linear-gradient(90deg, #ecfdf5, transparent);
            border-left-color: #10b981;
            transform: translateX(4px);
        }
        
        /* 推介标签脉动 */
        .recommend-tag {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4);
            animation: pulse-red 2s infinite;
        }
        
        @keyframes pulse-red {
            0%, 100% { box-shadow: 0 4px 14px rgba(239, 68, 68, 0.4); }
            50% { box-shadow: 0 4px 20px rgba(239, 68, 68, 0.6); }
        }
        
        /* 盘口标签 */
        .odds-tag {
            background: linear-gradient(135deg, #10b981, #059669);
            color: white;
        }
        
        /* 联赛标签配色 */
        .league-tag {
            background: linear-gradient(135deg, #059669, #047857);
        }
        
        .league-tag-gray {
            background: linear-gradient(135deg, #4b5563, #374151);
        }
        
        .league-tag-blue {
            background: linear-gradient(135deg, #3b82f6, #2563eb);
        }
        
        .league-tag-purple {
            background: linear-gradient(135deg, #8b5cf6, #7c3aed);
        }
        
        /* 历史记录标签 */
        .history-win {
            background: linear-gradient(135deg, #f59e0b, #d97706);
        }
        
        .history-loss {
            background: linear-gradient(135deg, #6b7280, #4b5563);
        }
        
        .history-pending {
            background: linear-gradient(135deg, #10b981, #059669);
        }
        
        /* 实时指示器 */
        .live-dot {
            animation: blink 2s infinite;
        }
        
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.4; }
        }
        
        /* 胜率圆环 */
        .win-circle {
            position: relative;
            width: 60px;
            height: 60px;
        }
        
        .win-circle svg {
            transform: rotate(-90deg);
        }
        
        .win-circle circle {
            fill: none;
            stroke-width: 6;
        }
        
        .win-circle .bg {
            stroke: #e5e7eb;
        }
        
        .win-circle .progress {
            stroke: url(#emeraldGradient);
            stroke-linecap: round;
            transition: stroke-dashoffset 1s ease;
        }
        
        /* 滚动条隐藏 */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        
        /* 入场动画 */
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-slide-up {
            animation: slideUp 0.6s ease-out forwards;
        }
        
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
    body,td,th {
	font-family: "Noto Sans SC", sans-serif;
}