@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
        body { font-family: 'Noto Sans SC', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
        .flink { color: #2563eb; text-decoration: none; font-weight: 500; padding: 8px 12px; border-radius: 6px; transition: all 0.3s ease; border: 1px solid #e5e7eb; }
        .flink:hover { background-color: #eff6ff; color: #1d4ed8; border-color: #3b82f6; }
        .live-blink { animation: blink 1.5s infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        @media (max-width: 768px) { .section-padding { padding-top: 3rem; padding-bottom: 3rem; } }