@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
        * { font-family: 'Noto Sans SC', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, #0f3460 0%, #1a1a2e 50%, #16213e 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
        .nav-link-hover { position: relative; }
        .nav-link-hover::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: #3B82F6; transition: width 0.3s ease; }
        .nav-link-hover:hover::after { width: 100%; }
        .flink { display: inline-block; padding: 10px 20px; margin: 8px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; transition: all 0.3s ease; color: #475569; }
        .flink:hover { background: #3B82F6; color: white; border-color: #3B82F6; text-decoration: none; transform: scale(1.05); }
        .live-badge { animation: pulse 2s infinite; }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
        .stat-bar { height: 10px; border-radius: 5px; background: #e2e8f0; overflow: hidden; }
        .stat-fill { height: 100%; border-radius: 5px; background: linear-gradient(90deg, #10B981, #3B82F6); }
        .schema-org { display: none; }
