body { font-family: 'Noto Sans SC', sans-serif; color: #333; }
        .hero-gradient { background: linear-gradient(135deg, rgba(29,53,87,0.9) 0%, rgba(168,218,220,0.8) 100%); }
        .card-hover { transition: all 0.3s ease; }
        .card-hover:hover { transform: translateY(-10px); box-shadow: 0 15px 30px 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-color: #e63946; transition: width 0.3s ease; }
        .nav-link-hover:hover::after { width: 100%; }
        .flink { border-left: 3px solid #a8dadc; padding-left: 10px; transition: all 0.3s ease; }
        .flink:hover { border-left-color: #e63946; background-color: #f1faee; padding-left: 15px; }
        .img-scale { transition: transform 0.5s ease; overflow: hidden; }
        .img-scale img { transition: transform 0.5s ease; }
        .img-scale:hover img { transform: scale(1.05); }
        .play-btn { background-color: rgba(230, 57, 70, 0.8); transition: all 0.3s ease; }
        .play-btn:hover { background-color: rgba(230, 57, 70, 1); transform: scale(1.1); }
        .section-title { position: relative; display: inline-block; }
        .section-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #e63946, #a8dadc); }