@charset "utf-8";

.oldModel * {
    font-size: 28px !important;
    line-height: 1.8 !important;
}

.oldModel {
    -webkit-text-size-adjust: 100%;
}

/* 禁用动画过渡 */
.oldModel *,
.oldModel *::before,
.oldModel *::after {
    animation: none !important;
    transition: none !important;
}


/* ==========================================================================
   2. 顶部链接栏 .top-links-bar（上下切换）
   ========================================================================== */
.oldModel .top-links-bar {
    padding: 10px 0 !important;
}

.oldModel .top-links-bar .container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px;
}


/* ==========================================================================
   3. Logo + 搜索 .header-main（不切换行，仅放大字体 + 搜索框增高）
   ========================================================================== */
.oldModel .header-main {
    padding: 30px 0 !important;
}

.oldModel .logo-area h1 {
    font-size: 38px !important;
}

.oldModel .logo-area p {
    font-size: 22px !important;
}

/* 适老/无障碍按钮 */
.oldModel .oldmod div {
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 20px !important;
}

/* 搜索框增高 */
.oldModel .search-box {
    height: 56px !important;
}

.oldModel .search-box .text {
    width: 300px !important;
    height: 56px !important;
    text-indent: 1em !important;
}

.oldModel .search-box .search-btn {
    line-height: 56px !important;
    padding: 0 15px !important;
}


/* ==========================================================================
   4. 主导航 .nav-items（不换行，仅放大字体 + 增高）
   ========================================================================== */
.oldModel .nav-items {
    height: 70px !important;
}

.oldModel .nav-items li img {
    display: none;
}

.oldModel .nav-items a {
    line-height: 70px !important;
}


/* ==========================================================================
   5. 红色头条横幅 .red-banner（不切换行，保持原布局，仅放大字体）
   ========================================================================== */
.oldModel .red-banner .container {
    padding: 15px 0 !important;
}

.oldModel .text h2 {
    font-size: 34px !important;
    margin-bottom: 10px !important;
}


/* ==========================================================================
   6. 轮播 + 新闻列表 .news-hero（上下切换：轮播和列表纵向排列）
   ========================================================================== */
.oldModel .news-grid {
    flex-direction: column !important;
    gap: 30px;
}

.oldModel .news-img-container {
    width: 100% !important;
    height: 670px !important;
}

.oldModel .slide-caption {
    padding: 15px 20px !important;
}

.oldModel .carousel-btn {
    font-size: 28px !important;
    padding: 5px 14px !important;
}

.oldModel .dot {
    width: 14px !important;
    height: 14px !important;
}

.oldModel .news-list-wrapper {
    width: 100% !important;
}

.oldModel .news-category span {
    padding: 10px 0 !important;
}

.oldModel .news-list li {
    padding: 12px 0 !important;
}

.oldModel .news-list span {
    min-width: 140px !important;
}


/* ==========================================================================
   7. 推广横幅 .promo-strip（不切换行，保持原横向布局，仅放大字体）
   ========================================================================== */
.oldModel .promo-item {
    height: 100px !important;
}


/* ==========================================================================
   8. 政务公开 .gov-open（上下切换：三栏纵向排列）
   ========================================================================== */
.oldModel .section-title {
    height: 60px !important;
    line-height: 60px !important;
    text-indent: 65px !important;
    margin-bottom: 20px !important;
}

.oldModel .section-title span {
    width: 60px !important;
    height: 60px !important;
}

.oldModel .section-title span img {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    left: 10px !important;
}

/* 三栏改纵向 */
.oldModel .gov-open .cont-box {
    flex-direction: column !important;
    gap: 25px;
}

.oldModel .col-left,
.oldModel .col-middle {
    width: 100% !important;
}

.oldModel .col-right {
    width: 100% !important;
}

.oldModel .col-left h3,
.oldModel .col-middle h3 {
    height: 50px !important;
    line-height: 50px !important;
}

.oldModel .file-list li {
    padding: 12px 0 !important;
}

.oldModel .file-list span {
    min-width: 140px !important;
}

/* 快捷入口图标：撑满网格单元格，适配大字体不溢出 */
.oldModel .quick-icon-grid a {
    width: 100% !important;
    display: block !important;
    height: auto !important;
    min-height: 130px;
    padding: 15px 0 !important;
}

.oldModel .quick-icon-grid i {
    margin-top: 15px !important;
}

.oldModel .quick-icon-grid i img {
    width: 44px !important;
    height: 44px !important;
}

.oldModel .quick-icon-grid span {
    margin-top: 10px;
}


/* ==========================================================================
   9. 政务服务 .gov-services（上下切换）
   ========================================================================== */
.oldModel .gov-services .cont-box {
    flex-direction: column !important;
    gap: 25px;
}

.oldModel .service-item {
    padding: 20px 0 !important;
}

.oldModel .service-item i img {
    width: 48px !important;
    height: 48px !important;
}

.oldModel .service-item span {
    margin-top: 10px;
}

.oldModel .platform-link img {
    width: 100% !important;
    height: auto !important;
}


/* ==========================================================================
   10. 三栏主体 .three-col-main（上下切换：三栏改单列）
   ========================================================================== */
.oldModel .three-col-main .container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
}

.oldModel .col {
    width: 100% !important;
}

.oldModel .tab-btn {
    padding: 14px 0 !important;
}

.oldModel .interaction-col .tab-panel li,
.oldModel .kepu-cards li {
    line-height: 50px !important;
    padding: 10px 0 !important;
}

.oldModel .interaction-col .tab-panel li .timer,
.oldModel .kepu-cards li .timer {
    min-width: 140px !important;
}

.oldModel a.morobtn {
    padding: 8px 20px !important;
    margin-top: 15px !important;
}


/* ==========================================================================
   11. 专题专栏 .special-section（上下切换：四列改两列）
   ========================================================================== */
.oldModel .special-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-top: 25px !important;
}


/* ==========================================================================
   12. 底部 .site-footer（上下切换，不改配色，相关链接保留）
   ========================================================================== */

/* 相关链接下拉框纵向排列 */
.oldModel .footer-links {
    flex-direction: column !important;
    gap: 15px !important;
}

.oldModel .footer-links select {
    padding: 10px 14px !important;
}

/* 底部信息区纵向排列 */
.oldModel .site-footer .info-box {
    flex-direction: column !important;
    gap: 20px;
}

.oldModel .site-footer {
    padding: 20px 0 !important;
}

.oldModel .footer-info p {
    margin-bottom: 6px !important;
}

.oldModel .footer-logos {
    margin-top: 20px !important;
}


/* ==========================================================================
   13. 频道列表页 .channel-*
   ========================================================================== */
.oldModel .channel-wrap {
    flex-direction: column !important;
    gap: 25px;
}

.oldModel .channel-list {
    width: 100% !important;
    line-height: 60px !important;
}

.oldModel .channel-list p {
    line-height: 60px !important;
}

.oldModel .channel-list a {
    line-height: 60px !important;
    padding: 0 20px !important;
}

.oldModel .channel-contents {
    width: 100% !important;
    padding-right: 0 !important;
}

.oldModel .channel-title span {
    padding: 0 8px !important;
}

.oldModel .content-list li {
    line-height: 50px !important;
    padding-left: 20px !important;
}

.oldModel .content-list li span {
    min-width: 140px !important;
}

.oldModel .page-nav a {
    padding: 8px 14px !important;
    margin: 0 3px !important;
}


/* ==========================================================================
   14. 文章详情页 .maintext / .mainp
   ========================================================================== */
.oldModel .maintext h4 {
    font-size: 34px !important;
    width: 100% !important;
    line-height: 1.5 !important;
}

.oldModel .maintext .times {
    padding: 12px !important;
}

.oldModel .mainp p {
    line-height: 2 !important;
    text-indent: 2em;
    margin-bottom: 18px !important;
}


/* ==========================================================================
   15. 表单焦点高亮（无障碍增强，不改配色）
   ========================================================================== */
.oldModel a:focus,
.oldModel button:focus,
.oldModel input:focus,
.oldModel select:focus,
.oldModel [tabindex]:focus {
    outline: 3px solid #ff6600 !important;
    outline-offset: 2px !important;
}


/* ==========================================================================
   16. 媒体查询 —— 响应式字号适配
   ========================================================================== */

/* —— 大屏（≥ 1200px）：维持 28px —— */
@media screen and (min-width: 1200px) {
    .oldModel * {
        font-size: 28px !important;
    }
}

/* —— 平板（768px ~ 1199px）—— */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .oldModel * {
        font-size: 26px !important;
    }

    .oldModel .logo-area h1 {
        font-size: 34px !important;
    }

    .oldModel .news-img-container {
        height: 380px !important;
    }
}

/* —— 移动端（≤ 767px）—— */
@media screen and (max-width: 767px) {
    .oldModel * {
        font-size: 22px !important;
        line-height: 1.7 !important;
    }

    .oldModel .logo-area h1 {
        font-size: 26px !important;
    }

    .oldModel .nav-items {
        height: 56px !important;
    }

    .oldModel .nav-items a {
        line-height: 56px !important;
    }

    .oldModel .nav-items li img {
        width: 22px !important;
        margin-right: 4px !important;
    }

    .oldModel .news-img-container {
        height: 260px !important;
    }

    .oldModel .text h2 {
        font-size: 24px !important;
    }

    .oldModel .search-box .text {
        width: 180px !important;
    }

    /* 移动端专题改单列 */
    .oldModel .special-grid {
        grid-template-columns: 1fr !important;
    }

    .oldModel .mainp p {
        text-indent: 0;
    }
}

/* —— 超小屏（≤ 480px）—— */
@media screen and (max-width: 480px) {
    .oldModel * {
        font-size: 20px !important;
    }

    .oldModel .logo-area h1 {
        font-size: 22px !important;
    }
}


/* ==========================================================================
   17. 用户系统偏好检测
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .oldModel *,
    .oldModel *::before,
    .oldModel *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}


/* ==========================================================================
   文件结束
   ==========================================================================
 */