html {
    font-size: 80px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    display: block;
    zoom: 1
}

.wrapper {
    width: 100%;
    margin: 0 auto
}

.wrapper .inner {
    width: 16rem;
    margin: 0 auto
}

/**主体公共**/
.post .tt {
    display: flex;
    position: relative;
    justify-content: flex-start;
    margin-bottom: 0.31rem;
}

.post .more_btn {
    position: absolute;
    right: 0;
    top: 0.1rem;
    background: url(images/more_bg.svg)no-repeat right;
    height: 0.45rem;
    display: flex;
    background-size: 0.66rem;
    align-items: center;
}

.post .more_btn .shares {
    margin-right: 0.4rem
}

.post .more_btn img {
    width: 0.14rem;
    margin-left: 0.05rem
}

.post .more_btn .more_text {
    vertical-align: middle;
    font-size: var(--smailSize);
    color: #1A478D;
    line-height: 0.21rem;
    margin-bottom: 0.08rem;
}

.post .more a.more-link {
    color: #1A478D;
}

.post .tt .tit span {
    display: block;
    position: relative;
    z-index: 1;
    font-family: "思远黑体";
    font-weight: 450;
}

.post .tt .tit span img {
    width: 1.84rem
}

.post .tt .tit {
    /* width:1.59rem; */
    text-align: center;
    position: relative
}

.post .tt .title {
    float: left;
    font-size: 24px;
    /* font-weight: 550; */
    color: #000;
    margin-left: 10px;
}

.post .tt .title::first-letter {
    color: #c00b2a;
}

.post .tt .tt_en {
    font-size: var(--smailSize);
    font-weight: normal
}

.post .news .news_title {
    font-size: var(--titleSize);
    line-height: 1.35;
    color: #4b4b4b;
}

.post .news .news_text {
    font-size: var(--smailSize);
    line-height: 1.75;
    color: #707070;
}

.post .news .news_title a {
    color: #4b4b4b
}

.post .news .news_text a {
    color: #707070
}

.post .news .news_date {
    font-weight: bold;
    font-size: var(--smailSize);
    line-height: 1.32;
    color: #707070
}

.post .news .news_meta {
    color: #fff;
    display: inline-block
}

.post .news .news_meta span {
    display: block;
    text-align: center
}

.post .news .news_meta .news_year {
    font-size: 0.16rem
}

.post .news .news_meta .news_days {
    font-size: 0.23rem;
    font-weight: bold;
    margin: 0.04rem 0
}

.post .news .news_meta .news_month {
    /* font-size:0.15rem; */
}

.post .news .news_l .news_meta {
    width: 0.96rem;
    height: 0.64rem;
    background: var(--mainColor);
    padding-left: 0.14rem;
    box-sizing: border-box;
    position: absolute;
    bottom: 0.26rem;
    left: -0.14rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.05rem
}

.post .news .news_l {
    position: relative
}

.post .news .news_l .news_meta:after {
    position: absolute;
    content: "";
    display: block;
    display: none;
    height: 0;
    width: 0;
    border-top: 0.09rem solid #C9BA90;
    border-left: 0.14rem solid transparent;
    border-right: 0px solid transparent;
    left: 0;
    top: 100%
}

.post .news:hover .news_imgs a,
.post .news:hover .news_imgs img {
    transform: scale(1.05)
}

.post .news .news_imgs img {
    transition: 0.7s
}

/**main2**/
.main2 .inner {
    padding: 0.82rem 0 0.9rem
}

.main2 {
    background-size: cover;
    position: relative
}

.main2 .inner {
    padding: 0rem 0 0.9rem;
}

.post-21 .tt .tit span {
    display: inline-block;
}

.post-21 .tt {
    margin-bottom: 1rem;
}

.post-21 .tt .tit .title {
    margin-right: 0.506rem
}

.post-21 .tt .tit .subtitle {
    font-size: var(--titleSize);
    margin-right: 0.252rem;
    color: #252525;
    vertical-align: bottom;
    line-height: 0.24rem;
    transition: 0.7s;
}

.post-21 .tt .tit .subtitle:before {
    height: 0.04rem;
    background: #ab2121;
    content: '';
    position: absolute;
    left: 0;
    opacity: 0;
    transition: 0.7s;
    right: 0;
    bottom: -0.385rem;
}

.post-21 .tt .tit .subtitle.selected:before {
    opacity: 1
}

.post-21 .tt .tit .subtitle.selected {
    font-size: 0.24rem;
}

/* boxm 自身作为 3列2行 flex-wrap 网格容器（原 flex+space-between 已被改造覆盖）
   苏迪CMS渲染时 <div frag="窗口内容"> 容器会被剥离，
   6 个 .news 卡片直接挂载到 .boxm 下，故网格布局直接应用到 .boxm 自身。 */
.post-21 .boxm {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: 0.2rem;
    column-gap: 0.46rem;
    margin: 0;
}

/* 每条卡片：浅灰背景 + 小圆角 + 柔和阴影 + flex 横向（日期区+标题区） + 1/3 宽
   注：min-width:0 必须保留——flex item 默认 min-width:auto 会按"内容最小宽度"
   被撑大（长标题 nowrap 时尤甚），导致 3 列布局被撑成 2 列；加 0 后严格按
   flex-basis 计算宽度，标题由内层 a 的 nowrap+ellipsis 裁剪。 */
.post-21 .boxm > .news {
    background: #f9f9f9;
    border-radius: 0.06rem;
    box-shadow: 0 0.02rem 0.14rem rgb(0 0 0 / 5%);
    transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.3s ease;
    display: flex;
    align-items: center;
    height: auto;
    padding: 0.24rem 0.32rem;
    flex: 0 0 calc((100% - 0.92rem) / 3);
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
}

.post-21 .boxm > .news:hover {
    background: #f5f5f5;
    box-shadow: 0 0.05rem 0.22rem rgb(0 0 0 / 10%);
    transform: translateY(-2px);
}

/* 日期区：右侧细红色竖分隔线 + 横向布局中固定宽度 */
.post-21 .boxm > .news .news_meta {
    color: #a01111;
    width: 1.1rem;
    margin-right: 0.26rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.26rem;
    border-right: 1px solid rgba(160, 17, 17, 0.35);
    flex-shrink: 0;
    box-sizing: content-box;
}

.post-21 .boxm > .news .news_meta .meta_top {
    display: flex;
    justify-content: space-between;
    font-family: 'SourceHanSerifCN-SemiBold';
    margin-bottom: 0.05rem;
}

.post-21 .boxm > .news .news_meta .news_week {
    font-size: var(--smailSizex);
    font-family: 'SourceHanSerifCN';
}

.post-21 .boxm > .news .news_meta .meta_bottom {
    display: flex;
    justify-content: space-between;
    font-size: 0.32rem;
    position: relative;
    font-family: 'SourceHanSerifCN-Bold';
}

/* 标题区：占满剩余宽度 */
.post-21 .boxm > .news .news_wz {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* 标题链接 a 包裹器：覆盖默认 a 颜色/下划线，直接承载标题样式
   注：boxm3/4 标题在 a > span.news_title 中；boxm1/2 由 JS 把空 link 替换为
   CMS 生成的同级 a（textContent 直接是标题）。统一用 .news_title_link 应用样式。 */
.post-21 .boxm > .news .news_title_link {
    display: block;
    text-decoration: none;
    font-family: "SourceHanSansCN";
    line-height: 1.55;
    color: #4b4b4b;
    font-size: var(--titleSize);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-21 .boxm > .news .news_title_link:hover {
    color: #a01111;
}

/* span 嵌套的情况（boxm3/4），让 span 继承 a 的样式 */
.post-21 .boxm > .news .news_title_link > .news_title {
    color: inherit;
    font: inherit;
    display: block;
}

/* 隐藏 CMS 自动添加的 simpleNews "显示更多" 图标（已被自定义 .boxm_more 替代）*/
.post-21 .boxm > .more {
    display: none;
}

/* ==================== 椤堕儴鎼滅储灞曞紑鍔ㄧ敾 ==================== */

/* 瀹瑰櫒锛歠lex 妯帓锛屽彸瀵归綈 */
.header1 .d1 .nav_r-wrap{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    float:right;
    height:35px;
    position:relative;
    direction:rtl; /* 鍙嶅悜鎺掑垪锛岃瑙変笂鎼滅储鍦ㄦ渶鍙?*/
    width:auto;
}
.header1 .d1 .nav_r-wrap > *{
    direction:ltr; /* 瀛愬厓绱犳仮澶嶆甯告柟鍚?*/
}

/* 鍚屾椂闅愯棌鏃х殑 .search 鎼滅储妗嗭紙濡傛灉瀛樺湪锛?*/
.header1 .search,
.header1 .d1 .search{display:none !important;}

/* 瀵艰埅閾炬帴 */
.header1 .d1 .nav_r-wrap .nav_r{
    float:none !important;
    margin-right:0;
    margin-left:12px;
    display:flex !important;
    align-items:center;
    transition:margin-left .4s cubic-bezier(.4,0,.2,1);
    white-space:nowrap;
    order:2; /* RTL涓嬪鑸湪宸?*/
    width:auto !important;
}
.header1 .d1 .nav_r-wrap .nav_r a{
    margin-left:0;
    color:#fff !important;
    font-size:14px !important;
    text-decoration:none !important;
    padding:0 4px;
    line-height:35px !important;
    float:none !important;
    background:none !important;
}
.header1 .d1 .nav_r-wrap .nav_r a:hover{
    opacity:.85;
}
.header1 .d1 .nav_r-wrap .nav-sep{
    color:rgba(255,255,255,0.5);
    margin:0 2px;
    font-size:12px;
    display:inline;
}

/* 鎼滅储灞曞紑鍖哄煙 */
.header1 .d1 .search-expand{
    position:relative;
    height:35px;
    display:flex !important;
    align-items:center;
    order:1; /* RTL涓嬫悳绱㈠湪鏈€鍙?*/
    flex-shrink:0;
    float:none !important;
    margin:0;
    padding:0;
    width:auto;
}
.header1 .d1 .search-expand-inner{
    overflow:hidden;
    width:26px;
    transition:width .4s cubic-bezier(.4,0,.2,1), background .3s;
    height:35px;
    display:flex !important;
    align-items:center;
    background:transparent;
    border-radius:18px;
    position:relative;
    float:none !important;
}
.header1 .d1 .search-expand form{
    display:flex !important;
    align-items:center;
    height:35px;
    width:220px;
    float:none !important;
}

/* 鎼滅储杈撳叆妗?*/
.search-expand-input{
    width:0;
    padding:0;
    border:none !important;
    background:transparent;
    color:#fff !important;
    font-size:14px !important;
    height:28px;
    border-radius:14px 0 0 14px;
    outline:none;
    transition:width .4s cubic-bezier(.4,0,.2,1), padding .4s cubic-bezier(.4,0,.2,1), background .3s;
    box-sizing:border-box;
    display:block !important;
    vertical-align:middle;
}
.search-expand-input::placeholder{
    color:rgba(255,255,255,0.5);
}

/* 鎼滅储鎸夐挳锛堟斁澶ч暅鍥炬爣锛?*/
.search-expand-btn{
    width:26px;
    height:26px;
    border:none !important;
    background:transparent !important;
    cursor:pointer;
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    padding:0;
    border-radius:50%;
    transition:background .3s;
    vertical-align:middle;
}
.search-expand-btn img{
    width:18px;
    height:18px;
    filter:brightness(0) invert(1);
}
.search-expand-btn:hover{
    background:rgba(255,255,255,0.1);
}

/* ===== hover 灞曞紑 ===== */
.header1 .d1 .search-expand:hover .search-expand-inner,
.header1 .d1 .search-expand-inner:focus-within{
    width:220px !important;
    background:rgba(255,255,255,0.08);
    border-radius:18px;
}
.header1 .d1 .search-expand:hover .search-expand-input,
.header1 .d1 .search-expand-inner:focus-within .search-expand-input{
    width:180px !important;
    padding:0 10px !important;
    background:transparent !important;
}

/* hover 鏃跺鑸摼鎺ュ乏绉昏吘绌洪棿 */
.header1 .d1 .search-expand:hover ~ .nav_r,
.header1 .d1 .search-expand-inner:focus-within ~ .nav_r{
    margin-left:-180px;
}

/* ==================== 椤堕儴鎼滅储灞曞紑鍔ㄧ敾 END ==================== */


/* ==================== header2 婊氬姩鍚庣櫧鑹插鑸爮鎼滅储灞曞紑鍔ㄧ敾 ==================== */

/* 鎼滅储灞曞紑鍖哄煙 - 鐧借壊鑳屾櫙閫傞厤 */
/* header2 底色纯白 */
.header2{
    background: #ffffff;
}

.header2-search-expand{
    float:right;
    position:relative;
    height:44px;
    display:flex;
    align-items:center;
    margin-top:13px;
    margin-right:10px;
}
.header2-search-expand .search-expand-inner{
    overflow:hidden;
    width:26px;
    transition:width .4s cubic-bezier(.4,0,.2,1), background .3s;
    height:34px;
    display:flex;
    align-items:center;
    background:transparent;
    border-radius:18px;
    position:relative;
}
.header2-search-expand form{
    display:flex;
    align-items:center;
    height:34px;
    width:220px;
}

/* 鎼滅储杈撳叆妗?- 鐧借壊鑳屾櫙娣辫壊鏂囧瓧 */
.header2-search-expand .search-expand-input{
    width:0;
    padding:0;
    border:none !important;
    background:transparent;
    color:#333 !important;
    font-size:14px !important;
    height:28px;
    border-radius:14px 0 0 14px;
    outline:none;
    transition:width .4s cubic-bezier(.4,0,.2,1), padding .4s cubic-bezier(.4,0,.2,1), background .3s;
    box-sizing:border-box;
    display:block !important;
    vertical-align:middle;
}
.header2-search-expand .search-expand-input::placeholder{
    color:rgba(0,0,0,0.35);
}

/* 鎼滅储鎸夐挳 - 娣辫壊鍥炬爣 */
.header2-search-expand .search-expand-btn{
    width:26px;
    height:26px;
    border:none !important;
    background:transparent !important;
    cursor:pointer;
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    padding:0;
    border-radius:50%;
    transition:background .3s;
    vertical-align:middle;
}
.header2-search-expand .search-expand-btn img{
    width:18px;
    height:18px;
    filter:none; /* 鐧借壊鑳屾櫙涓嶉渶瑕佸弽杞?*/
}
.header2-search-expand .search-expand-btn:hover{
    background:rgba(0,0,0,0.06);
}

/* hover 灞曞紑 */
.header2-search-expand:hover .search-expand-inner,
.header2-search-expand .search-expand-inner:focus-within{
    width:220px !important;
    background:rgba(0,0,0,0.06);
    border-radius:18px;
}
.header2-search-expand:hover .search-expand-input,
.header2-search-expand .search-expand-inner:focus-within .search-expand-input{
    width:180px !important;
    padding:0 10px !important;
    background:transparent !important;
}

/* ==================== header2 鎼滅储灞曞紑鍔ㄧ敾 END ==================== */

/* header2 鎼滅储灞曞紑鏃跺鑸摼鎺ュ搴﹁嚜閫傚簲锛堟敹缂╄吘绌洪棿锛?*/
.header2 .d3{
    transition: width .4s cubic-bezier(.4,0,.2,1);
}
.header2-search-expand:hover ~ .d3,
.header2 .search-expand-inner:focus-within ~ .d3{
    width: 750px !important;
}

/* 鏍囬鍖?*/
.news-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 0.2rem;
    margin-bottom:0.3rem;
}
.news-header-left{
    display:flex;
    align-items:center;
}
.news-header .title_p{
    width:0.54rem;
    height:0.54rem;
    flex-shrink:0;
    margin-right:0.12rem;
}
.news-header .title_p img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.news-header .title_word{
    font-size:0.3rem;
    font-weight:600;
    color:#222;
    line-height:1;
}
.news-more{
    font-size:0.16rem;
    color:#999;
    text-decoration:none;
    transition:color .2s;
}
.news-more:hover{
    color:#c00b2a;
}

/* 鍐呭鍖猴細宸﹁疆鎾?鍙冲垪琛?*/
.news-body{
    display:flex;
    gap:0.28rem;
    padding:0 0.2rem;
}

/* 宸︿晶杞挱 */
.news-carousel{
    width:50%;
    flex-shrink:0;
    position:relative;
}
.news-carousel .swiper-container{
    width:100%;
    height:0;
    padding-bottom:62.5%; /* 16:10 */
    overflow:hidden;
}
.news-carousel .swiper-wrapper{
    position:absolute;
    top:0;left:0;right:0;bottom:0;
}
.news-carousel .swiper-slide{
    position:relative;
    overflow:hidden;
}
.news-carousel .swiper-slide-a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.news-carousel .swiper-image{
    width:100%;
    height:100%;
    position:absolute;
    top:0;left:0;
}
.news-carousel .swiper-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* 杞挱搴曢儴鍗婇€忔槑閬僵+鏍囬 */
.news-carousel .swiper-text{
    position:absolute;
    bottom:0;left:0;right:0;
    background:linear-gradient(transparent,rgba(0,0,0,0.7));
    padding:0.6rem 0.2rem 0.16rem;
    margin:0;
    height:auto;
    font-size:inherit;
    color:#fff;
    background-color:transparent;
    text-align:left;
    line-height:1.5;
    width:auto;
}
.news-carousel .swiper-text p{
    margin:0;
    font-size:0.18rem;
    line-height:1.5;
    color:#fff;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Swiper 鏂规牸鍒嗛〉鍣?*/
.news-carousel .swiper-pagination{
    bottom:0.08rem;
    right:0.12rem;
    left:auto;
    width:auto;
    text-align:right;
}
.news-carousel .swiper-pagination-bullet{
    width:0.1rem;
    height:0.1rem;
    background:#fff;
    opacity:0.8;
    border-radius:0;
    margin:0 0.03rem;
}
.news-carousel .swiper-pagination-bullet-active{
    background:#f5d870;
    opacity:1;
}

/* 闅愯棌鏃х殑宸﹀彸绠ご - 杞挱涓嶆樉绀虹澶?*/
.news-carousel .swiper-button-next,
.news-carousel .swiper-button-prev{
    display:none;
}

/* 鍙充晶鍒楄〃 */
.news-list-wrap{
    flex:1;
    display:flex !important;
    flex-direction:column !important;
    min-width:0;
}

/* ===== 瑕嗙洊 CMS simplenews.css 鏍囧噯杈撳嚭鏍峰紡 ===== */
/* 褰揅MS鏇挎崲浜嗙獥鍙ｅ唴瀹癸紝杈撳嚭鐨勬槸 .wp_article_list 缁撴瀯锛岄渶瑕佸己鍒惰鐩?*/
.news-list-wrap .wp_article_list{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
}
.news-list-wrap .wp_article_list .list_item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:auto !important;
    height:auto !important;
    line-height:1.6 !important;
    border:none !important;
    padding:0.06rem 0 !important;
}
.news-list-wrap .wp_article_list .list_item span{
    float:none !important;
    margin-left:0 !important;
    display:inline !important;
    vertical-align:baseline !important;
}
.news-list-wrap .wp_article_list .list_item .pr_fields,
.news-list-wrap .wp_article_list .list_item .Article_Index,
.news-list-wrap .wp_article_list .list_item .Article_Title{
    float:none !important;
}
.news-list-wrap .wp_article_list .list_item .Article_Title{
    flex:1 !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:0.16rem !important;
    color:#333 !important;
}
.news-list-wrap .wp_article_list .list_item .ex_fields{
    float:none !important;
    flex-shrink:0 !important;
}
.news-list-wrap .wp_article_list .list_item .Article_PublishDate{
    color:#c20c0c !important;
    font-size:0.14rem !important;
    font-family:'Poppins-Regular','Poppins-Bold',Arial,sans-serif !important;
}

/* CMS鏍囧噯 .img_none 杈撳嚭涔熷仛瑕嗙洊 */
.news-list-wrap .img_none{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0.06rem 0 !important;
}
.news-list-wrap .img_none img{
    display:none !important;
}
.news-list-wrap .img_none a:first-child{
    display:none !important;
}
.news-list-wrap .img_none .main03_list,
.news-list-wrap .img_none .main06_list,
.news-list-wrap .img_none .main02_list{
    flex:1 !important;
    min-width:0 !important;
}
.news-list-wrap .img_none .main03_list a,
.news-list-wrap .img_none .main06_list a,
.news-list-wrap .img_none .main02_list a{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:0.16rem !important;
    color:#333 !important;
}
.news-list-wrap .img_none .main01_time{
    color:#c20c0c !important;
    font-size:0.14rem !important;
    flex-shrink:0 !important;
    font-family:'Poppins-Regular','Poppins-Bold',Arial,sans-serif !important;
}

/* CMS鏍囧噯 table 杈撳嚭瑕嗙洊 */
.news-list-wrap .wp_article_list_table{
    width:100% !important;
}
.news-list-wrap .wp_article_list_table .list_item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border:none !important;
}

/* 鍒嗗壊绾匡紙澶囩敤锛屽凡琚玣irst-child::after鏇夸唬锛?*/

/* 鏅€氭柊闂绘潯鐩?*/
.news-item{
    padding:0.06rem 0;
}
.news-item-link{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-decoration:none;
    gap:0.12rem;
    width:100%;
}
.news-item-title{
    font-size:0.16rem;
    font-weight:400;
    color:#333;
    line-height:1.6;
    flex:1 !important;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:color .2s;
}
.news-item-link:hover .news-item-title{
    color:#c20c0c;
}
.news-item-date{
    font-size:0.14rem;
    color:#c20c0c;
    flex-shrink:0 !important;
    font-family:'Poppins-Regular','Poppins-Bold',Arial,sans-serif;
    letter-spacing:0.02em;
    text-align:right;
}
/* 鎽樿锛氶粯璁ら殣钘忥紙鏅€氭潯鐩笉鏄剧ず锛?*/
.news-item-summary{
    display:none;
}

/* ===== 澶存潯鏂伴椈锛氱涓€鏉?.news-item ===== */
.news-list-wrap .news-item:first-child{
    padding-bottom:0.12rem;
}
.news-list-wrap .news-item:first-child .news-item-link{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
}
.news-list-wrap .news-item:first-child .news-item-title{
    font-size:0.22rem;
    font-weight:bold;
    color:#c20c0c;
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:0.1rem;
}
.news-list-wrap .news-item:first-child .news-item-title:hover{
    text-decoration:underline;
}
/* 澶存潯鎽樿鏄剧ず */
.news-list-wrap .news-item:first-child .news-item-summary{
    font-size:0.14rem;
    color:#666;
    line-height:1.6;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:0.08rem;
}
/* 澶存潯鎽樿涓虹┖鏃堕殣钘?*/
.news-list-wrap .news-item:first-child .news-item-summary:empty{
    display:none;
    margin-bottom:0;
}
/* 澶存潯鏃ユ湡闅愯棌 */
.news-list-wrap .news-item:first-child .news-item-date{
    display:none;
}
/* 澶存潯涓庢櫘閫氬垪琛ㄤ箣闂寸殑鍒嗗壊绾?*/
.news-list-wrap .news-item:first-child::after{
    content:'';
    display:block;
    height:1px;
    background:#e5e5e5;
    margin-top:0.12rem;
}

/* 绉诲姩绔搷搴斿紡 */
@media screen and (max-width:999px){
    .news-body{
        flex-direction:column;
        gap:0.2rem;
    }
    .news-carousel{
        width:100%;
    }
    .news-carousel .swiper-container{
        padding-bottom:56.25%; /* 16:9 for mobile */
    }
}
@media screen and (max-width:767px){
    .news-header .title_word{
        font-size:0.26rem;
    }
    .news-list-wrap .news-item:first-child .news-item-title{
        font-size:0.18rem;
    }
    .news-item-title{
        font-size:0.14rem;
    }
}

/* ==================== 瀛﹂櫌鏂伴椈 END ==================== */


/* ==================== more-button frag="按钮" refactor ==================== */
/* 学院新闻 "更多" 按钮：原先在 .news-header 内（frag="面板12" 内、frag="窗口12" 外），
   现已移入 .news-carousel 内 (frag="窗口12" 内)，由 .news_more_inside 绝对定位贴回原视觉位置。
   CMS 识别窗口内 frag="按钮" 后会自动把 <span frag="按钮内容"> 包成 <a href="栏目URL"> */
.main02 {
    position: relative;
}

/* 学院新闻"更多"按钮：原先在 .news-header 内，现已移入 .news-carousel (frag="窗口12") 内。
   .news-carousel 是 position:relative（被 swiper-wrapper/text/pagination 依赖，不可改），width:50%，
   故按钮用 right:-100% 把视觉位置推到 .news-carousel 之外、对齐整板块（.news-body 内容区）右边缘；
   用 top:-0.65rem 抵消 .news-header margin-bottom(0.3rem)+自身高度(0.35rem)=0.65rem 的间距，回到标题栏水平线上。
   color/hover 按用户要求：默认灰 #8f8f8f，hover 红 #c92f49。 */
.news_more_inside {
    position: absolute;
    top: -0.65rem;
    right: -100%;
    height: 0.35rem;
    line-height: 0.35rem;
    font-size: 0.18rem;
    color: #8f8f8f;
    font-weight: 500;
    text-decoration: none;
    z-index: 10;
    cursor: pointer;
    transition: color .2s;
    white-space: nowrap;
}

/* a 与 span 继承 .news_more_inside 的颜色/字号，避免被 CMS 注入的 a 默认样式覆盖 */
.news_more_inside a,
.news_more_inside span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}

.news_more_inside:hover,
.news_more_inside:hover a,
.news_more_inside:hover span {
    color: #c92f49;
}

/* 学院动态 "更多" 按钮：原先在 .more_btn 容器内（窗口外、portletmode="windowMore"），
   现已移入各 .boxm (frag="窗口21/22/24/25") 内部首部（.boxm_more）。
   由 .post-21{position:relative} + .boxm_more 绝对定位贴回到原 .post .more_btn 的视觉位置。
   随 boxm 的 display:flex/none 联动显隐（被 Tab 切换 JS 带动）。 */
.post-21 {
    position: relative;
}

.post1 .boxm_more {
    position: absolute;
    right: 0;
    top: 0.1rem;
    background: url(images/more_bg.svg) no-repeat right;
    background-size: 0.66rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    font-size: var(--smailSize);
    color: #8f8f8f;
    line-height: 0.21rem;
    margin-bottom: 0.08rem;
    padding-right: 0.24rem;
    box-sizing: border-box;
    z-index: 5;
    cursor: pointer;
    transition: color .2s;
}

/* CMS 渲染后会包裹 <a href="..."> 在 .boxm_more 内部，确保 a/span 继承颜色、参与 flex 居中、不破坏布局 */
.post1 .boxm_more a,
.post1 .boxm_more span {
    color: inherit;
    text-decoration: none;
    font: inherit;
    display: flex;
    align-items: center;
}

.post1 .boxm_more:hover,
.post1 .boxm_more:hover a,
.post1 .boxm_more:hover span {
    color: #c92f49;
}

/* 移动端响应式补充：
   移动端 .news-body 改为纵向布局，.news-carousel 占 100% 宽度，
   故 right:-100% 会让按钮跑出视口——这里 override 为 right:0.16rem 让按钮贴 carousel 右上角。
   top:-0.5rem≈-40px 大致对应移动端 .news-header 区域偏移。 */
@media screen and (max-width: 767px) {
    .news_more_inside {
        font-size: 0.14rem;
        top: -0.5rem;
        right: 0.16rem;
        height: 0.3rem;
        line-height: 0.3rem;
    }
    .post1 .boxm_more {
        font-size: 0.14rem;
        height: 0.4rem;
        background-size: 0.5rem;
    }
}

/* 已合并到上方 .post-21 .boxm 网格布局规则。
   苏迪CMS渲染时 <div frag="窗口内容"> 外层容器被剥离，原 .news_grid.listcon 选择器不再匹配。
   保留以下注释作为改造记录。 */

/* 卡片内 .news_box 及子元素样式由现有 .listcon .news 系列自动继承 */