/* .html_home */
/* 依赖 main.css */

.row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.col { padding: 0 10px; }

  .banner .swiper-pagination {
            bottom: 30px;
            box-sizing: border-box;
        }
 .banner .swiper-pagination-bullet{
            width: 30px;
            height: 4px;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.4);
            opacity: 1;
            transition: 0.3s;
            margin: 0 5px !important;
        }

        .banner .swiper-pagination-bullet-active {
            background:  #981b1e !important;
            width: 50px; /* 激活变长 */
        }
   /* 背景图片容器 (用于缩放动画) */
        .slide-image {
            width: 100%;
            height: 100%;
            background-position: center;
            background-size: cover;
            transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 平滑缩放过渡 */
            transform: scale(1);
        }

        /* 激活状态下的图片缩放效果 (肯·伯恩斯效应) */
        .swiper-slide-active .slide-image {
            transform: scale(1.1); /* 激活时放大到 1.1 倍 */
        }
/* 栏目 Header */
.section-header { display: flex; align-items: center; border-bottom: 2px solid var(--primary-red); margin-bottom: 15px; padding-bottom: 8px; position: relative; }
.section-title { font-size: 22px; font-weight: 700; color: var(--text-dark); display: flex; align-items: center; gap: 8px; }
.section-title i { color: var(--primary-red); }
.section-en { font-size: 12px;  margin-left: 8px; font-weight: 400; margin-top: 4px; color:#A30808;}
.more-btn { margin-left: auto; font-size: 12px; color:#A30808;}

/* 主内容区 */
.main-content { padding: 30px 0; background: #fff; }
.news-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; margin-bottom: 30px; }
.general-news-box { display: flex; gap: 20px; }
.news-slider { width: 45%; position: relative; }
.news-slider img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.news-caption { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(152, 27, 30, .9); color: #fff; padding: 8px; font-size: 13px; text-align: center; }

/* 首页新闻列表 */
.news-list { flex: 1; }
.news-list ul li { display: flex; align-items: center; padding: 8px 0  8px 10px; border-bottom: 1px dashed #eee; font-size: 18px; }
.news-list ul li::before { content: "•"; color: var(--primary-red); margin-right: 8px; font-size: 18px; line-height: 1; }
.news-list .title { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.news-list .date { color: #999; font-size: 12px; margin-left: 10px; }

/* 通知列表 */
.notice-list li { display: flex; align-items: flex-start; margin-bottom: 15px; }
.date-badge { background: url('../images/rili.png');background-size:cover; color: #fff; width: 58px; height: 58px; text-align: center; border-radius: 4px; flex-shrink: 0; margin-right: 12px; display: flex; flex-direction: column; justify-content: center; }
.date-badge .day { font-size: 20px; font-weight: 700; line-height: 1; }
.date-badge .year { font-size: 10px; }
.notice-content { font-size: 17px; line-height: 1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; }
.notice-content:hover { color: var(--primary-red); cursor: pointer; }

/* 三列 Grid */
.triple-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; background: #f9f9f9; padding: 20px; border-radius: 5px; }
.simple-list li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dotted #ccc; font-size: 17px; }
.simple-list li a {overflow: hidden; text-overflow: ellipsis;display:-webkit-box;width:95%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.simple-list li::before { content: "♦"; color: var(--primary-red); margin-right: 8px; font-size: 10px; }
.simple-list span.t { flex: 1; overflow: hidden;  text-overflow: ellipsis; width:90%}
.party-select { margin-top: 10px; }
.party-select select { width: 100%; padding: 8px; border: 1px solid #ddd; color: #666; }

@media (max-width: 768px) {
    .news-grid { grid-template-columns: 1fr; gap: 20px;display:block !important; }
    .general-news-box { flex-direction: column; gap: 15px; }
    .news-slider { width: 100%; }
    .news-slider img { height: 200px; }
    .triple-grid { grid-template-columns: 1fr; gap: 20px; padding: 15px; }
    .mid-banner { height: 60px !important; margin: 15px 0 30px;background-size: cover !important;background-position: center !important; }
    .main-content { padding: 20px 0; }
}