body {
    background-color: #F0F3FA;
    padding-top:125px;
}

.container {
    width:  var(--width-main);
    margin: auto;
}

.section-title{
    font-size: 36px;
    font-weight: bold;
    margin: 50px 0 20px;
    text-align: center;
}

.sub-title{
    font-size: 16px;
    color: #666;
}

/* ================= Tabs ================= */
.tabs{
    display:flex;
    gap:80px;
    padding-bottom:10px;
    width: 80%;
    margin:auto;
    padding-top:40px;
}

.tab-item{
    font-size:24px;
    padding-bottom:10px;
    cursor:pointer;
    position:relative;
    color:#666;
}

.tab-item.active{
    font-size:30px;
    font-weight:bold;
    color:#1a3a8d;
}

.tab-item.active::after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:0;
    width:100%;
    height:3px;
    background:#1a3a8d;
    border-radius:2px;
}

/* Tab 内容切换动画 */
.tab-panel{
    display:none;
    margin-top: 40px;
    opacity:0;
    transition:opacity .3s;
}

.tab-panel.active{
    display:block;
    opacity:1;
}
.top-cards { display:flex; gap:30px; margin-bottom:40px; }
.card { background:#fff; padding:20px; width:33%; box-sizing:border-box; }
.card:hover{
    cursor: pointer;
}
.card.highlight, .card:hover {
    background:#173E8F; color:#fff;
    .date,.title,.desc { color:#FFFFFF; }
}
.date { font-size:14px; color:#173E8F; margin-bottom:10px; }
.title {color:#173E8F; font-size:16px; font-weight:600; line-height:24px; margin-bottom:16px; }
.card-img { }
.desc { 
    font-size:14px; 
    color:#173E8F; 
    line-height:22px; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card.highlight .desc { color:#F0F3FA; }


.list-area { display:flex; flex-direction:column; gap:30px; }
.list-item { 
    background:#fff; 
    padding:30px; 
    display: flex;
    align-items: flex-start;
}
.item-left {
    margin-bottom:8px;
    width: 120px;
    flex-shrink: 0;
}
.item-left .list-date{
    color:#173E8F;
    font-size:14px;
}

.list-title {
    color: #161616;
    font-size:18px; 
    font-weight:bold;
    margin-bottom:10px;
    width: 100%;
    flex: 1;
    &:hover{
        cursor: pointer;
        text-decoration: underline;
        color: #1a3a8d;
    }
}
.list-content {
    font-weight: 400;
    font-size: 16px;
    color: #7C7C7C;
    text-align: left;
    line-height: 28px;
    flex: 1;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.list-content:hover{
    /*text-decoration: underline;*/
    color: #1a3a8d;
}


/*-------------begin 文章内容--------------*/
.wrapper {
    max-width: var(--width-main); margin:0 auto; padding:20px;
    .icon{
        height: 18px;
        width: 18px;
    }

}
/* 顶部导航 */
.breadcrumb {
    display: flex;
    align-items: center; /* 垂直居中 */
    gap: 8px; /* 元素之间的间距，可根据需求调整 */
    font-size: 14px; /* 可选，统一字体大小 */
    background-color: #F8F8F8;
    padding:2px 20px;
    color: #173E8F;
    height: 68px;
   
}

.breadcrumb .icon {
    width: 12px; /* 根据实际图标尺寸调整 */
    height: 12px;
    vertical-align: middle; /* 确保图标和文字对齐 */
}

.breadcrumb span {
    color: #939393;
    cursor: pointer; /* 鼠标悬浮显示手型，提升交互体验 */
}

h1 {
    margin-top: 40px;
    font-weight: 400;
    font-size: 56px;
    color: #000000;
    text-align: center;
    font-style: normal;
    line-height: 60px;
    text-transform: none;
}
.meta { font-size: 20px;color: #6D6D6D;display:flex; gap:40px; padding-bottom: 20px;margin-bottom:20px;  border-bottom: 1px solid #545454}
.meta span { color: #000000;font-weight: bold}
.content { line-height:26px; font-size:16px; margin-bottom:30px; }
.content>img { width:100%; margin:20px 0; }
.img-row { display:flex; gap:20px; margin:20px 0; }
.img-row img { width:50%;}

/* 小屏幕 */
@media (max-width:768px) {
    h1 { font-size:22px; }
    .meta { flex-direction:column; gap:5px; }
    .img-row { flex-direction:column; }
    .img-row img { width:100%; }
}
/*-------------end / 文章内容--------------*/

/*========== begin 政策解读 ========= */
.policy-item{
    margin-bottom: 40px;
    display: flex;
    flex-direction: column; /* 垂直排列 */
    gap: 12px; /* 图片与文字的间距 */
    /* 可选：限制宽度，避免内容过宽 */
    max-width: 1160px;
    padding:20px;
    background: white;
    img{
        margin: 0 auto;
        width: 80%; /* 图片自适应容器宽度 */
        height: auto; /* 保持图片比例 */
        object-fit: cover; /* 防止图片变形 */
    }
    .policy-content{
        /* 可选：文字内边距，优化排版 */
        padding: 20px;
        text-align: center;
        .policy-title {
            color: #161616;
            font-size: 18px;
            font-weight: bold;
            margin: 0 0 8px 0; /* 标题与描述的间距 */
        }
        .policy-desc {
            font-weight: 500;
            font-size: 16px;
            color: #173E8F;
            line-height: 28px;
            text-align: center;
            font-style: normal;
            text-decoration-line: underline;
            text-transform: none;
            margin: 0;
            word-break: break-all; /* 超长链接自动换行 */
            cursor: pointer;
        }
    }
}
/*========== end 政策解读 ========= */