/* ================= 文章列表页 Banner ================= */
        .blog-hero {
            position: relative;
            padding: 80px 0 70px; /* 上下内边距，保证高度充足 */
            background: linear-gradient(90deg, rgba(240, 242, 245, 0.95) 0%, rgba(240, 242, 245, 0.8) 100%);
            background-size: cover;
            color: #000;
        }

        /* 顶部小标签文字 */
        .blog-hero .badge-tag {
            display: inline-block;
            font-size: 0.95rem;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 15px;
            color: #000;
            opacity: 0.9;
        }

        /* 主标题（栏目名称） */
        .blog-hero h1 {
            color: #000;
            font-size: 1.5rem; /* 大字号，显得大气 */
            font-weight: 800;
            line-height: 1.15;
            margin-bottom: 25px;
        }

        /* 红色短线 */
        .blog-hero .hero-red-line {
            width: 70px;
            height: 4px;
            background-color: var(--accent-red, #cc0000);
            margin-bottom: 30px;
        }

        /* 描述文字（可选，被您注释掉了，先写好样式备用） */
        .blog-hero p {
            color: rgba(0, 0, 0, 0.85);
            font-size: 1.3rem;
            max-width: 700px;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        /* 面包屑导航 */
        .blog-hero .breadcrumb {
            margin-bottom: 0;
            font-size: 2rem;
        }
        .blog-hero .breadcrumb-item a {
            color: #000;
            text-decoration: none;
            transition: opacity 0.3s;
        }
        .blog-hero .breadcrumb-item a:hover {
            opacity: 0.7;
        }
        .blog-hero .breadcrumb-item.active {
            color: rgba(0, 0, 0, 0.7); /* 当前页颜色稍浅 */
        }
        /* 调整分隔符 > 的颜色 */
        .blog-hero .breadcrumb-item + .breadcrumb-item::before {
            color: rgba(0, 0, 0, 0.6);
            content: ">";
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .blog-hero { padding: 80px 0 60px; }
            .blog-hero h1 { font-size: 2.8rem; }
        }
    
    




/* ================= 新增：列表页文章卡片与分页样式 ================= */
             /* ================= 列表页文章卡片与分页样式 ================= */
        .list-section {
            background-color: #f8f9fa;
            padding: 80px 0;
        }

        .list-card {
            background-color: #fff;
            border: 1px solid #eaeaea;
            border-radius: 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.02);
            transition: all 0.3s ease;
            height: 100%;
        }
        .list-card:hover {
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transform: translateY(-3px);
            border-color: #d0d0d0;
        }
        .list-card .card-body {
            padding: 35px;
            display: flex; /* 使用 Flex 布局实现左右排列 */
            justify-content: space-between;
            align-items: flex-start;
            gap: 25px; /* 文字和图片之间的间距 */
        }

        /* 左侧文字内容区 */
        .list-content {
            flex: 1; /* 占满剩余空间 */
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .list-date {
            font-size: 1.05rem;
            color: #666;
            margin-bottom: 15px;
            font-family: 'Inter', sans-serif;
        }
        .list-title {
            color: var(--primary-navy);
            font-size: 1.5rem; /* 稍微调整标题字号，适配缩略图 */
            font-weight: 700;
            line-height: 1.5;
            margin-bottom: 25px;
            flex-grow: 1; /* 让文字区域撑开，把按钮挤到底部 */
        }
        .btn-list {
            border: 1px solid var(--primary-navy);
            color: var(--primary-navy);
            background-color: transparent;
            border-radius: 0;
            padding: 8px 22px;
            font-size: 1rem;
            font-weight: 500;
            align-self: flex-start; /* 按钮靠左 */
            transition: all 0.3s;
        }
        .btn-list:hover {
            background-color: var(--primary-navy);
            color: #fff;
        }

        /* 右侧缩略图区域 */
        .list-thumbnail {
            
            flex-shrink: 0; /* 防止图片被文字挤压变形 */
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }
        .list-thumbnail img {
           
            height: auto;
            aspect-ratio: 4 / 3; /* 保持 4:3 比例，可自行调整为 1:1 等 */
            object-fit: cover; /* 保证图片裁剪不变形 */
            display: block;
            transition: transform 0.4s ease;
        }
        /* 鼠标经过卡片时，图片轻微放大，增加交互感 */
        .list-card:hover .list-thumbnail img {
            transform: scale(1.05);
        }

        /* 响应式调整：小屏幕上图片变小或隐藏 */
        @media (max-width: 576px) {
            .list-card .card-body {
                flex-direction: column-reverse; /* 图片在上，文字在下 (或者改为 column 让文字在上) */
                gap: 15px;
            }
            .list-thumbnail {
                width: 100%; /* 小屏幕图片撑满宽度 */
            }
            .list-title {
                font-size: 1.3rem;
            }
        }





        /* 分页控件（下拉框、输入框）样式 */
        /* ================= 分页组件（按截图定制） ================= */
        .pagination-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px; /* 各区块之间的间距 */
            margin-top: 50px;
            flex-wrap: wrap; /* 小屏幕自动换行 */
        }

        /* 共 232 条 */
        .page-total {
            font-size: 1rem;
            color: #333;
        }

        /* 分页按钮列表 */
        .pagination-custom {
            margin-bottom: 0;
            gap: 4px; /* 按钮之间的微小间隙 */
        }
        
        .pagination-custom .page-link {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            padding: 0;
            color: #333;
            background-color: #fff;
            border: 1px solid #ddd; /* 浅灰色边框 */
            border-radius: 0 !important; /* 强制直角方框 */
            font-size: 1rem;
            transition: all 0.2s;
        }

        .pagination-custom .page-link:hover {
            background-color: #f8f9fa;
            color: var(--primary-navy);
        }

        /* 选中状态（深蓝底色，白色文字） */
        .pagination-custom .page-item.active .page-link {
            background-color: var(--primary-navy);
            border-color: var(--primary-navy);
            color: #fff;
        }

        /* 禁用状态（上一页、下一页箭头） */
        .pagination-custom .page-item.disabled .page-link {
            color: #ccc;
            background-color: #fff;
            border-color: #eee;
            cursor: not-allowed;
        }

        /* 省略号（...） */
        .pagination-custom .page-item.disabled .ellipsis {
            border: none; /* 去掉省略号的边框 */
            width: auto;
            padding: 0 5px;
            background: transparent;
        }

        /* 每页显示条数下拉框 */
        .page-size-select {
            width: auto;
            height: 40px;
            border: 1px solid #ddd;
            border-radius: 0;
            padding: 0 30px 0 15px;
            font-size: 1rem;
            color: #333;
            background-color: #fff;
            cursor: pointer;
            outline: none;
        }

        /* 跳至输入框 */
        .page-jump {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 1rem;
            color: #333;
        }

        .page-jump-input {
            width: 55px;
            height: 40px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 0;
            font-size: 1rem;
            outline: none;
        }
        .page-jump-input:focus {
            border-color: var(--primary-navy);
        }
        /* ================= 列表页样式结束 ================= */



                /* ================= 新闻详情页中间区域 ================= */
        .page-main {
            padding: 80px 0 100px;
            background-color: #fff;
        }

        /* 左侧边栏 */
        .sidebar-card {
            background-color: #f8f9fa; /* 浅灰底色，与截图一致 */
            padding: 30px 20px;
        }
        .sidebar-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--primary-navy);
            margin-bottom: 20px;
            padding-bottom: 15px;
            position: relative;
        }
        /* 侧边栏标题下方的蓝色短线 */
        .sidebar-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background-color: var(--primary-navy);
        }

        .sidebar-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .sidebar-menu li {
            border-bottom: 1px solid #e0e0e0; /* 菜单项底部分隔线 */
        }
        .sidebar-menu li:last-child {
            border-bottom: none;
        }
        .sidebar-menu a {
            display: block;
            padding: 15px 0;
            color: #555555;
            text-decoration: none;
            font-weight: 500;
            font-size: 1rem;
            transition: all 0.3s;
        }
        .sidebar-menu a:hover {
            color: var(--primary-navy);
            padding-left: 5px;
        }
        /* 当前选中的菜单项（例如本页所属分类） */
        .sidebar-menu a.active {
            color: var(--primary-navy);
            font-weight: 700;
        }

        /* 右侧主内容区 */
        .main-image {
            width: 100%;
            height: auto;
            border-radius: 4px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            margin-bottom: 40px;
        }

        .content-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--primary-navy);
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 15px;
            line-height: 1.4;
        }
        /* 内容标题下方的蓝色短线 */
        .content-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: var(--primary-navy);
        }

        /* 新闻元数据（日期等） */
        .news-meta {
            font-size: 1rem;
            color: #888;
            margin-bottom: 25px;
            font-family: 'Inter', sans-serif;
        }

        .content-text {
            color: var(--text-muted);
            font-size: 1.05rem;
            line-height: 2;
            margin-bottom: 25px;
            text-align: justify;
        }

        .sub-heading {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--text-dark);
            margin-top: 40px;
            margin-bottom: 20px;
        }

        /* 带箭头的列表 */
        .custom-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }
        .custom-list li {
            margin-bottom: 15px;
            display: flex;
            align-items: flex-start;
            color: var(--text-muted);
            font-size: 1.05rem;
        }
        .custom-list i {
            color: var(--secondary-blue); 
            font-size: 1.1rem;
            margin-right: 12px;
            margin-top: 5px; /* 与文字视觉垂直居中 */
            font-weight: bold;
            transition: transform 0.3s;
        }
        .custom-list li:hover i {
            transform: translateX(3px); 
        }
        .custom-list li:hover {
            color: var(--primary-navy);
        }

        /* 响应式调整 */
        @media (max-width: 991px) {
            .sidebar-card { margin-bottom: 40px; }
            .content-title { font-size: 1.8rem; }
        }



                /* ================= 文章详情页顶部 - 联系信息卡片 ================= */
        .contact-info-section {
            padding: 60px 0 40px; /* 上下留白 */
            background-color: #fff;
        }

        .contact-box {
            background-color: #f0f4f8; /* 浅蓝灰背景，完全参考截图 */
            padding: 35px 30px;
            height: 100%;
            display: flex;
            flex-direction: column;
            position: relative;
            border-radius: 2px; /* 轻微倒角或直角 */
        }

        /* 截图第二个卡片有一个红色顶部边框，这里做成一个可选的类 */
        .contact-box.has-red-top {
            border-top: 4px solid var(--accent-red, #cc0000);
        }

        /* 图标样式 */
        .contact-icon {
            font-size: 2.2rem;
            color: var(--primary-navy, #002d7a);
            margin-bottom: 20px;
            display: block;
        }

        /* 卡片标题（如 PHONE） */
        .contact-title {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--primary-navy, #002d7a);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }

        /* 辅助文字（如 General Enquiries） */
        .contact-subtext {
            font-size: 0.95rem;
            color: #666;
            margin-bottom: 10px;
            flex-grow: 1; /* 把下方的内容挤到底部或者撑开 */
        }

        /* 具体数值（如电话号码、邮箱） */
        .contact-value {
            font-weight: 700;
            font-size: 1.05rem;
            color: var(--primary-navy, #002d7a);
            text-decoration: none;
            transition: color 0.3s;
        }
        .contact-value:hover {
            color: var(--secondary-blue, #3b61a4); /* 悬停时变浅 */
        }

        /* 地址和办公时间普通排版 */
        .contact-text {
            font-size: 0.95rem;
            color: #555;
            line-height: 1.6;
        }

        /* 响应式调整 */
        @media (max-width: 991px) {
            .contact-info-section { padding: 40px 0 20px; }
            .contact-box { padding: 25px 20px; }
        }



        .page-main-lawyer {
        padding: 80px 0 100px;
        background-color: #fff;
        font-family: 'Inter', 'Noto Sans SC', sans-serif;
        color: #1a1a1a;
        font-size: 1.05rem;
        line-height: 1.8;
    }

    /* 标题通用样式 */
    .page-main-lawyer h2, .page-main-lawyer h3, .page-main-lawyer h4 {
        font-weight: 700;
        color: var(--primary-navy, #002d7a);
        line-height: 1.3;
    }

    /* --- 左侧：律师照片与基本联系信息 --- */
    .page-main-lawyer .lawyer-photo {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.06);
    }
    .page-main-lawyer .lawyer-photo img {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4; /* 保持3:4肖像比例 */
        object-fit: cover;
        display: block;
    }

    .page-main-lawyer .lawyer-info {
        margin-top: 30px;
    }
    .page-main-lawyer .lawyer-name {
        font-size: 2rem;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 5px;
    }
    .page-main-lawyer .lawyer-role {
        font-size: 1.1rem;
        color: #666;
        margin-bottom: 20px;
    }

    .page-main-lawyer .lawyer-contact {
        display: flex;
        flex-direction: column;
        align-items: left;
        gap: 12px;
    }
    .page-main-lawyer .lawyer-contact a {
        color: var(--secondary-blue, #3b61a4);
        text-decoration: none;
        font-weight: 500;
        font-size: 1.05rem;
        display: inline-flex;
        align-items: left;
        gap: 8px;
        transition: color 0.3s;
    }
    .page-main-lawyer .lawyer-contact a:hover {
        color: var(--primary-navy, #002d7a);
    }
    .page-main-lawyer .lawyer-contact i {
        font-size: 1.1rem;
    }

    /* --- 中间：自我介绍 --- */
    .page-main-lawyer .bio-title {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--primary-navy, #002d7a);
        margin-bottom: 25px;
        position: relative;
        padding-bottom: 15px;
    }
    .page-main-lawyer .bio-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 3px;
        background-color: var(--primary-navy, #002d7a);
    }

    .page-main-lawyer .bio-text {
        color: #555555;
        font-size: 1.05rem;
        line-height: 2;
        margin-bottom: 25px;
        text-align: justify;
    }

    /* --- 右侧：侧边栏 --- */
    .page-main-lawyer .sidebar-card {
        background-color: #f8f9fa;
        padding: 30px 20px;
    }
    .page-main-lawyer .sidebar-title {
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--primary-navy, #002d7a);
        margin-bottom: 20px;
        padding-bottom: 15px;
        position: relative;
    }
    .page-main-lawyer .sidebar-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 3px;
        background-color: var(--primary-navy, #002d7a);
    }

    .page-main-lawyer .sidebar-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .page-main-lawyer .sidebar-menu li {
        border-bottom: 1px solid #e0e0e0;
    }
    .page-main-lawyer .sidebar-menu li:last-child {
        border-bottom: none;
    }
    .page-main-lawyer .sidebar-menu a {
        display: block;
        padding: 15px 0;
        color: #555555;
        text-decoration: none;
        font-weight: 500;
        font-size: 1rem;
        transition: all 0.3s;
    }
    .page-main-lawyer .sidebar-menu a:hover {
        color: var(--primary-navy, #002d7a);
        padding-left: 5px;
    }

    /* --- 底部按钮 --- */
    .page-main-lawyer .btn-back-team {
        background-color: var(--primary-navy, #002d7a);
        color: #fff;
        padding: 14px 40px;
        font-size: 1.05rem;
        font-weight: 600;
        border: 2px solid var(--primary-navy, #002d7a);
        border-radius: 0;
        text-decoration: none;
        display: inline-block;
        transition: all 0.3s;
    }
    .page-main-lawyer .btn-back-team:hover {
        background-color: transparent;
        color: var(--primary-navy, #002d7a);
    }

    /* 响应式 */
    @media (max-width: 991px) {
        .page-main-lawyer { padding: 50px 0 60px; }
        .page-main-lawyer .sidebar-card { margin-top: 40px; }
        .page-main-lawyer .lawyer-photo { max-width: 400px; margin: 0 auto; }
        .page-main-lawyer .lawyer-info { text-align: center; }
        .page-main-lawyer .lawyer-contact { align-items: center; }
    }







     /* 独立作用域：防止与其他页面样式冲突 */
    .news-detail-wrapper {
        background-color: #fff;
        padding: 40px 0 80px;
        font-family: 'Inter', 'Noto Sans SC', sans-serif;
        color: #333;
    }

    /* --- 顶部工具栏 (Listen + A+/A-) --- */
  /* --- 顶部工具栏 (Listen + 日期/来源 + A+/A-) --- */
    .news-utility-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 15px;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 40px;
        flex-wrap: wrap; /* 允许小屏幕换行 */
        gap: 15px;
    }
    
    /* 中间元信息：发布时间与来源 */
    .news-meta-info {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 0.95rem;
        color: #666;
    }
    .news-meta-info i {
        color: #999; /* 图标颜色稍浅 */
        margin-right: 4px;
    }
    .news-meta-info .divider {
        color: #ddd;
    }

    /* 小屏幕适配 */
    @media (max-width: 768px) {
        .news-meta-info {
            order: 3; /* 在小屏幕上把日期排到最后 */
            width: 100%;
            justify-content: flex-start;
            margin-top: 10px;
        }
    }
    .listen-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background-color: #f1f3f5;
        border: 1px solid #d1d5db;
        padding: 8px 16px;
        border-radius: 4px;
        font-size: 1rem;
        font-weight: 600;
        color: #333;
        cursor: pointer;
        transition: background 0.3s;
    }
    .listen-btn:hover {
        background-color: #e2e6ea;
    }
    .listen-btn i {
        color: var(--primary-navy, #002d7a);
    }
    .font-scaler {
        display: flex;
        gap: 15px;
        align-items: center;
        font-size: 1.1rem;
        color: #333;
    }
    .font-scaler span {
        cursor: pointer;
        font-weight: 600;
    }
    .font-scaler span:hover {
        color: var(--primary-navy, #002d7a);
    }

    /* --- 左侧文字内容区 --- */
    .news-detail-title {
        font-size: 2.5rem;
        font-weight: 800;
        color: var(--primary-navy, #002d7a);
        margin-bottom: 25px;
        line-height: 1.2;
    }
    .news-detail-text {
        font-size: 1.1rem;
        line-height: 1.8;
        color: #444;
        margin-bottom: 25px;
    }
    .news-detail-list {
        padding-left: 20px;
        margin-bottom: 25px;
    }
    .news-detail-list li {
        font-size: 1.1rem;
        line-height: 1.9;
        color: #444;
        margin-bottom: 8px;
        list-style-type: disc;
    }

 .news-detail-list li a{
    color: #333;
     font-size: 1.1rem;
      line-height: 2;
 }

    .news-detail-text a {
        color: #333;
        text-decoration: underline;
        text-underline-offset: 4px; /* 下划线稍微向下 */
        text-decoration-color: #ccc;
        transition: color 0.3s;
    }
    .news-detail-text a:hover {
        color: var(--primary-navy, #002d7a);
        text-decoration-color: var(--primary-navy, #002d7a);
    }
    
    /* 红色按钮 */
    .btn-book-call {
        background-color: #c8232c; /* 采用截图中的深红色，与您的主题红匹配 */
        color: #fff;
        padding: 14px 35px;
        font-size: 1.05rem;
        font-weight: 600;
        border: none;
        border-radius: 4px;
        text-decoration: none;
        display: inline-block;
        transition: all 0.3s;
        margin-bottom: 30px;
    }
    .btn-book-call:hover {
        background-color: #a31d24;
        color: #fff;
        transform: translateY(-2px);
    }

    /* 底部联系方式 */
    .contact-footer-text {
        font-size: 1rem;
        color: #555;
        margin-top: 30px;
    }
    .contact-footer-text span {
        font-weight: 700;
        color: #333;
    }

    /* --- 右侧图片区 --- */
    .news-detail-image {
        width: 100%;
        height: auto;
        border-radius: 4px; /* 轻微圆角 */
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        object-fit: cover;
    }

    /* --- 底部回到顶部 --- */
    .back-to-top-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 60px;
        padding-top: 20px;
        border-top: 1px solid #f0f0f0;
    }
    .back-to-top {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--primary-navy, #002d7a);
        font-size: 1rem;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.3s;
    }
    .back-to-top:hover {
        color: var(--accent-red, #cc0000);
    }

    /* 响应式调整 */
    @media (max-width: 991px) {
        .news-detail-title { font-size: 2rem; }
        .news-detail-image { margin-top: 40px; }
    }