@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; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
        .hero-bg { background: url('https://images.unsplash.com/photo-1560272564-c83b66b1ad12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat; }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
        .flink { display: inline-block; padding: 10px 20px; margin: 5px; background: #4a5568; color: white; border-radius: 5px; transition: background 0.3s; }
        .flink:hover { background: #2d3748; }
        .nav-active { border-bottom: 3px solid #e53e3e; }
        .schema-hidden { display: none; }
        .article-content { line-height: 1.8; text-align: justify; }
        @media (max-width: 768px) {
            .mobile-stack { flex-direction: column; }
            .hero-bg { background-position: 60% center; }
        }