body {
    background-color: #f5f5f5;
}
/* ✅ 通用版心容器 */
.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}


    .side-nav {
        position: fixed;
        top: 120px; /* 让它在导航栏下方 */
        left: 0px;
        display: flex;
        flex-direction: column;
        gap: 10px;

        padding: 10px;
        z-index: 1000;
        /* border-left: #000 1px solid; */
    }
    .side-nav a {
        text-decoration: none;
        color: #333;
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 4px;
        transition: all 0.3s ease;
    }
    .side-nav a:hover {
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }
    .side-nav a.active {
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }
.side-nav a::before {
  content: "•"; /* 小圆点 */
  color: #555;  /* 圆点颜色 */
  font-size: 14px; /* 圆点大小 */
  margin-right: 3px; /* 圆点和文字间距 */
  display: inline-block;
  transform: translateY(-1px); /* 垂直微调 */
}




.case-detail-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.case-detail-card {
    display: flex;
    gap: 20px;
    background: #f5f5f5;
    /* border: 1px solid #eee;
    border-radius: 8px; */
    overflow: hidden;

}
.case-detail-card img {
    width: 600px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    
}
.case-detail-text#left{
    padding: 20px 20px 20px 0px;

}
.case-detail-text#right{
    padding: 20px 0px 20px 20px;

}
.case-detail-text h3 {
    margin: 0 0 10px;
    font-size: 25px;
}

.case-detail-text p {
  line-height: 2;
}