  body { line-height: 1.8; color: #333; }
        .hero-title { font-weight: bold; border-left: 5px solid #0d6efd; padding-left: 15px; }
        .meta-info { color: #888; font-size: 0.9rem; }
        .faq-box { background: #fdfdfd; border-left: 4px solid #dee2e6; padding: 15px; margin-bottom: 20px; }
        .work-card img { height: 180px; object-fit: cover; }
        .sidebar-section { margin-bottom: 30px; }
        
            .banner-section {
        height: 450px;
        width: 100%;
        /* 使用径向渐变模拟图片中的曲线流体效果 */
        background-image: url('/theme/img/1747533600441760.jpg');
        background-size: cover;
        position: relative;
    }
    
       .nav-link { font-size: 14px; padding: 0 15px; color: #333; }
       
           .search-container { 
            border: 1px solid #ddd; 
            padding: 5px 15px; 
            display: flex; 
            align-items: center; 
            width: 200px;
        }
        .search-input { border: none; outline: none; width: 77%; font-size: 14px; }
        .search-icon { color: #f87c1d; cursor: pointer; font-size: 1.2rem; }