body {
            font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
        }
        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .match-card {
            border-left: 4px solid #e53e3e;
        }
        .flink {
            border: 1px solid #e5e7eb;
            border-radius: 6px;
            padding: 10px 15px;
            display: inline-block;
            margin: 5px;
            transition: all 0.2s;
        }
        .flink:hover {
            background-color: #f3f4f6;
            border-color: #3b82f6;
            color: #3b82f6;
        }
        .analysis-card {
            background: linear-gradient(to right bottom, #ffffff, #f8fafc);
        }
        .nav-link.active {
            color: #3b82f6;
            font-weight: 600;
            border-bottom: 2px solid #3b82f6;
        }
        footer a:hover {
            color: #93c5fd;
            text-decoration: underline;
        }
        .live-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }
        .content-section {
            line-height: 1.8;
        }
        .content-section h3 {
            margin-top: 1.5em;
            margin-bottom: 0.8em;
            color: #1e40af;
        }
        .content-section p {
            margin-bottom: 1em;
            text-align: justify;
        }