
.news-content-box {
    display: flex;
    margin: 0 360rem;
    margin-top: -68rem;
    margin-bottom: 85rem;
}

.news-content-box .quick-box {
    width: 230rem;
    background-color: #FFFFFF;
    margin-right: 25rem;
    align-self: flex-start; /* 取消flex默认的stretch拉伸，让侧边栏高度按内容自适应 */
    padding-bottom: 10rem; /* 底部稍微留白，提升视觉观感 */
}

.news-content-box .quick-box .quick-header {
    width: 100%;
    height: 50rem;
    background: #0263B2;
    display: flex;
    align-items: center;
    padding-left: 30rem;
    font-size: 24rem;
    font-family: Source Han Serif SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 48rem;
    box-sizing: border-box;
    margin-bottom: 35rem;
}

.news-content-box .quick-box .quick-header .quick-icon {
    width: 26rem;
    height: 26rem;
    margin-right: 10rem;
}

.news-content-box .quick-box .quick-item {
    font-size: 18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 48rem;
    padding-left: 30rem;
    box-sizing: border-box;
    cursor: pointer;
}

.news-content-box .quick-box .quick-item.select-quick {
    color: #FFFFFF;
    background-color: #0263B2;
}

.news-content-box .news-list-box {
    flex: 1;
    background-color: #FFFFFF;
    padding: 20rem;
}


.news-content-box .news-list-box .content-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.news-content-box .news-list-box .content-title h3 {
    font-size: 28rem;
}

.news-content-box .news-list-box .content-title p {
    font-size: 16rem;
    color: #888889;
    margin-top: 8rem;
}


.news-content-box .news-list-box .content-box{
    margin-top: 30rem;
}

.news-content-box .news-list-box .logo-content-box {
    margin-top: 10rem;
    padding: 10rem 15rem;
}

.news-content-box .news-list-box .logo-section {
    margin-bottom: 50rem;
}

/* Ant Design 风格标题：简洁且有强调，完美还原UI图布局 */
.news-content-box .news-list-box .logo-section-title {
    font-size: 20rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #1A3B86;
    line-height: 30rem;
    margin-bottom: 30rem;
    border-bottom: 1px solid #EAECEF;
    padding-bottom: 15rem;
    position: relative;
    letter-spacing: 1px;
}

.news-content-box .news-list-box .logo-section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 82rem; /* 完全贴合标题的底部粗线，参考图片效果 */
    height: 3px;
    background-color: #1A3B86;
}

/* Ant Design 栅格布局 */
.news-content-box .news-list-box .logo-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30rem 26rem; /* 行距和列距适中，提升呼吸感 */
}

/* Apple Design 平滑交互卡片 */
.news-content-box .news-list-box .logo-card {
    width: 172rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.news-content-box .news-list-box .logo-card-cover-box {
    width: 172rem;
    height: 172rem;
    background: #F7F9FB; /* 完全还原图片中的浅灰磨砂质感卡片底色 */
    border-radius: 6rem; /* 外部卡片为圆角正方形 */
    border: 1px solid rgba(0, 0, 0, 0.02);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.news-content-box .news-list-box .logo-card-cover {
    width: 120rem; /* 固定宽高保证比例 */
    height: 120rem;
    object-fit: cover; /* 使用cover确保非正方图片居中裁剪充满圆 */
    border-radius: 50%; /* 内部封面强制为正圆形 */
    background-color: #FFFFFF; /* 为透明图片提供一个白色的圆形底色衬托 */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.news-content-box .news-list-box .logo-card-title {
    margin-top: 18rem;
    font-size: 16rem;
    line-height: 24rem;
    text-align: center;
    color: #333333;
    font-weight: 500;
    font-family: inherit;
    transition: color 0.3s ease;
    width: 100%;
}

/* Hover状态：图片微放大并加阴影，还原红色亮色文本 */
.news-content-box .news-list-box .logo-card:hover .logo-card-cover-box,
.news-content-box .news-list-box .logo-card.active .logo-card-cover-box {
    background: #FFFFFF;
    box-shadow: 0 8rem 24rem rgba(26, 59, 134, 0.06); 
    transform: translateY(-4px); 
}

.news-content-box .news-list-box .logo-card:hover .logo-card-cover,
.news-content-box .news-list-box .logo-card.active .logo-card-cover {
    transform: scale(1.05); 
}

.news-content-box .news-list-box .logo-card:hover .logo-card-title,
.news-content-box .news-list-box .logo-card.active .logo-card-title {
    color: #C1181A; /* 还原图中高亮红 */
}
