      body { font-family: "PingFang SC", sans-serif; color: #333; }
        
        /* 头部样式 */
        .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: 78%; font-size: 14px; }
        .search-icon { color: #f87c1d; cursor: pointer; font-size: 1.2rem; }

        /* 响应式网格布局 */
        .post-grid { 
            display: grid; 
            gap: 40px 30px; 
            margin-top: 40px; 
        }
        @media (min-width: 992px) { .post-grid { grid-template-columns: repeat(3, 1fr); } }
        @media (min-width: 768px) and (max-width: 991px) { .post-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 767px) { .post-grid { grid-template-columns: 1fr; } }

        /* 文章块样式 */
        .post-item { border-top: 1px solid #333; padding-top: 25px; }
        .post-date { color: #aaa; font-size: 13px; margin-bottom: 12px; display: flex; align-items: center; }
        .post-date::before { content: ""; width: 25px; height: 1px; background: #aaa; margin-right: 10px; }
        .post-title { font-size: 18px; font-weight: 700; margin-bottom: 15px; color: #000; }
        .post-summary { color: #666; font-size: 14px; line-height: 1.7; }
        
      
    .banner-section {
        height: 450px;
        width: 100%;
        /* 使用径向渐变模拟图片中的曲线流体效果 */
        background-image: url('/theme/img/1747533600441760.jpg');
        background-size: cover;
        position: relative;
    }