@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        body { font-family: 'Noto Sans SC', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); }
        .hover-lift:hover { transform: translateY(-8px); transition: transform 0.3s ease; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
        .nav-scroll { backdrop-filter: blur(10px); background-color: rgba(255,255,255,0.95); }
        .section-padding { padding-top: 6rem; padding-bottom: 6rem; }
        .flink { display: inline-block; padding: 10px 20px; margin: 5px; background: #f8f9fa; border-radius: 6px; color: #333; border: 1px solid #dee2e6; transition: all 0.3s; }
        .flink:hover { background: #1e3c72; color: white; text-decoration: none; border-color: #1e3c72; }
        .article-content p { margin-bottom: 1.5rem; line-height: 1.8; }
        .sticky-nav { position: sticky; top: 0; z-index: 1030; }
        @media (max-width: 768px) {
            .section-padding { padding-top: 4rem; padding-bottom: 4rem; }
            .display-4 { font-size: 2.5rem; }
        }