﻿/* 内容区 */
        .content-container {
            margin: 10px auto 40px;
            width: 100%;
            padding: 0 10%; /* 保持与顶部导航栏一致的左右边距 */
            box-sizing: border-box; /* 添加这一行确保padding包含在宽度内 */
        }

        .content-wrapper {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            display: flex;
        }

        .left-sidebar {
            width: 220px;
            margin-right: 20px;
        }

        .main-content {
            flex: 1;
            background-color: white;
            padding: 15px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        /* 顶部图片区域 */
        .top-image-section {
            position: relative;
            height: 260px; /* 容器高度 */
            margin-bottom: 20px;
            display: flex;
            flex-direction: column; /* 垂直排列 */
            align-items: center; /* 水平居中 */
            background-color: #d0d0d0; /* 背景色 */
        }

        /* 顶部图片样式 */
        .content-top-image {
            width: 100%; /* 宽度为容器的98% */
            height: 260px; /* 高度为容器的80% */
            object-fit: cover; /* 保持比例，裁剪适应 */
            margin-top: 0; /* 固定在顶部 */
            border-radius: 5px 5px 0 0; /* 上左、上右、下右、下左 圆角弧度 */
            box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选：轻微阴影 */
        }

        /* 标题容器 */
        .page-title-container {
            position: absolute;
            top: 205px;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .page-title {
            font-size: 30px;
            font-weight: bold;
            color: white;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.5);   
            margin-right:20px;       
        }

        .breadcrumb {
            color: white;
            font-size: 16px;
        }