body { font-family: 'Microsoft YaHei', sans-serif; background: #fefefe; color: #333; }
        .navbar { background: rgba(255,255,255,0.95); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .navbar-brand { font-weight: 700; color: #d63384; font-size: 1.5rem; }
        .nav-link { color: #555; font-weight: 500; }
        .nav-link:hover { color: #d63384; }
        .hero-section { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80'); background-size: cover; background-position: center; color: white; padding: 150px 0; text-align: center; }
        .section-title { border-left: 5px solid #d63384; padding-left: 15px; margin-bottom: 30px; font-weight: 700; }
        .card { border: none; border-radius: 15px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
        .card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
        .card-img-top { height: 250px; object-fit: cover; }
        .btn-primary { background: #d63384; border: none; padding: 10px 25px; border-radius: 30px; }
        .btn-primary:hover { background: #b02a6e; }
        .friendlink a.flink { display: inline-block; margin: 8px; padding: 10px 20px; background: #f8f9fa; border-radius: 8px; text-decoration: none; color: #555; transition: all 0.3s; }
        .friendlink a.flink:hover { background: #d63384; color: white; transform: scale(1.05); }
        footer { background: #222; color: #ccc; }
        .form-control:focus { border-color: #d63384; box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.25); }
        .embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
        .embed-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        @media (max-width: 768px) { .hero-section { padding: 100px 0; } .section-title { font-size: 1.5rem; } }