/**
 * 浮梁县人民政府网站 - 移动端适配样式（简化版）
 * Mobile Responsive Styles for Fuliang Government Website
 */

/* ============================================
   1. 移动端基础样式 (≤768px)
   ============================================ */

@media screen and (max-width: 768px) {
    /* CSS变量定义 */
    :root {
        --mobile-header-height: 370px;
        --mobile-logo-max-width: 320px;
        --mobile-logo-max-height: 80px;
        --mobile-nav-font-size: 13px;
        --mobile-search-height: 38px;
        --mobile-swiper-height: 500px;
        --mobile-padding: 15px;
        --mobile-font-size: 16px;
        --mobile-title-font: 18px;
        --mobile-content-font: 15px;
        --mobile-footer-icon-height: 40px;
        --mobile-footer-font: 11px;
    }

    /* 全局设置 */
    html {
        font-size: 16px;
        -webkit-tap-highlight-color: transparent;
    }

    body {
        font-size: var(--mobile-font-size);
        overflow-x: hidden;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
    }

    /* 滚动条 */
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 2px;
    }

    ::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05);
    }

    /* ============================================
       头部导航
       ============================================ */

    #ariaTipText {
        display: none;
    }

    #header header {
        position: relative;
    }

    .headerbg {
        height: var(--mobile-header-height) !important;
    }

    .headerbg .swiper-slide img {
        width: 100%;
        height: var(--mobile-header-height);
        object-fit: cover;
        max-height: var(--mobile-header-height);
    }
    header .container{
        padding-top: 1rem;
    }
    header .container .flex{
        height: 5rem;
        margin-top: 1.5rem;
        flex-direction: column;
    }
    header .container .flex .logo img{
        position: sticky;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: var(--mobile-padding) !important;
        padding-right: var(--mobile-padding) !important;
        box-sizing: border-box !important;
    }

    .links .left {
        display: none !important;
    }

    /* Logo */
    .logo {
        width: 100% !important;
        margin-left: 0 !important;
        text-align: center !important;
    }

    .logo img {
        width: auto;
        height: auto;
        max-width: var(--mobile-logo-max-width);
        max-height: var(--mobile-logo-max-height);
    }

    /* 导航菜单 */
    header .container .links .right{
        width: 100%;
        flex-wrap: wrap;
    }
    header .container .links span{
        font-size: 16px;
        margin-right: 0px;
    }
    header .menu {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin-top: 75px !important;
    }

    header .menu ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding-right: 0 !important;
        margin: auto;
    }

    header .menu ul li {
        width: 30%;
        height: 40px !important;
        margin: 10px 5px !important;
    }

    header .menu ul li a p {
        font-size: 24px !important;
        line-height: 40px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    header .menu ul li.has-child ul {
        display: none !important;
    }

    /* 搜索框 */
    .search {
        width: 100% !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    .search .box {
        width: 90% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .search .ls_input1 {
        width: 100% !important;
        height: var(--mobile-search-height) !important;
        font-size: var(--mobile-nav-font-size) !important;
        padding: 5px 10px !important;
    }

    .search .ls_input2 {
        width: 30% !important;
        height: var(--mobile-search-height) !important;
        font-size: var(--mobile-nav-font-size) !important;
    }
    header .container .search .box form{
        align-items: center;
    }
    header .container .search button img{
        display: none;
    }
    /* ============================================
        头部导航2
       ============================================ */
    #header2 header .menu{
        margin-top: 150px !important;
    }
    #header2 header::after{
        top: 25% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
    #header2 header .container{
        height: 100%;
        position: relative;
        padding: 0;
    }
    #header2 header .container .search{
        position: absolute;
        display: block;
        width: 65% !important;
        bottom: -25%;
        left: 13%;
        height: auto;
    }
    #header2 header .container .search button{
        width: 20% !important;
        justify-content: center;
    }
    #header2 header .container .search input{
        height: 44px !important;
    }
    #header2 header .menu ul li{
        padding:0 !important;
        width: 180px;
    }

    /* ============================================
       主要内容区域
       ============================================ */

    main {
        width: 100% !important;
        padding: 0 !important;
    }

    main .container {
        width: 100% !important;
        padding: 0 !important;
    }

    /* 轮播图 */
    .box1 {
        width: 100% !important;
        padding: var(--mobile-padding) !important;
    }

    .box1 .tt {
        /* display: none !important; */
        height: 80px !important;
        /* background-size: contain !important; */
        margin-bottom: 10px;
        padding: 7px 0 10px 80px !important;
    }
    main .box1 .tt a p{
        font-size: 2.8vw !important;
    }

    .box1 .content {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    main .box1 .content .csrl{
        width: 7vw !important;
        left: 0px !important;
        z-index: 2 !important;
    }

    .box1 .swiper {
        width: 100% !important;
        height: var(--mobile-swiper-height) !important;
    }

    .box1 .swiper-slide img {
        width: 100% !important;
        height: var(--mobile-swiper-height) !important;
    }

    .box1 .swiper .title {
        font-size: 12px !important;
        height: 50px !important;
        padding: 5px !important;
    }
    main .box1 .content .swiper-pagination{
        height: 15px;
        margin-left: 0;
        transform: translateX(-10%);
    }

    main .box1 .content .news .info div{
        width: 31%;
        height: 40px;
    }
    main .box1 .content .news .info div p{
        height: 40px;
        line-height: 40px;
    }

    /* 新闻列表 */
    .news {
        width: 100% !important;
        margin-top: 15px !important;
    }

    /* .news .kind ul {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    } */

    .news .kind ul li {
        width: 120px !important;
        flex-shrink: 0 !important;
        margin-right: 5px !important;
    }

    /* .news .kind ul li a {
        font-size: 12px !important;
        padding: 5px 10px !important;
    } */

    /* .news .kind .more {
        font-size: 12px !important;
        padding: 5px !important;
    } */

    .news .lists ul li {
        /* padding: 8px 0 !important; */
        height: 45px !important;
        border-bottom: 1px solid #eee !important;
        margin-bottom: 15px !important;
    }

    main .box1 .content .news .lists li::before{
        top: 50% !important;
    }

    .news .lists ul li a {
        display: flex !important;
        height: 100% !important;
        /* flex-direction: column !important; */
        align-items: baseline;
    }

    .news .lists ul li a p.title {
        font-size: var(--mobile-font-size) !important;
        line-height: 1.4 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    .news .lists ul li a span.time {
        font-size: 16px !important;
        color: #999 !important;
        margin-top: 3px !important;
    }

    main .zwgk .top{
        width: 100% !important;
        /* background-size: 100% 100% !important; */
        background-position-x: -40px !important;
        height: 80px !important;
    }
    
    main .zwgk .top a{
        height: 80px !important;
    }

    main .zwgk .top span{
        font-size: 35px !important;
        top: 0 !important;
        line-height: 80px !important;
    }

    main .zwgk .content .left,main .zwgk .content .right{
        width: 100% !important;
    }

    main .zwgk .content .left .menu li{
        height:auto;
    }

    main .zwgk .content::after{
        display: none !important;
    }
    main .zwgk .content .left .zfxxgk .top{
        background: transparent;
    }

    main .zwgk .content .left .lists .menu{
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    main .zwgk .content .left .lists .menu::-webkit-scrollbar {
        display: none;
    }

    main .zwgk .content .left .list li a .title{
        width: 80%;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    main .zwgk .content .left .zfxxgk .top em{
        width: 33% !important;
    }
    main .zwgk .content .left .zfxxgk .menu a{
        width: 32%;
        height: 50px;
        margin-top: 15px;
    }
    main .zwgk .content .left .zfxxgk .menu a>div{
        width: 100% !important;
        height: auto !important;
        padding: 5px !important;
        background-size: cover !important;
    }
    main .zwgk .content .left .zfxxgk .menu a>div img{
        width: 20% !important;
        height: auto !important;
    }
    main .zwgk .content .left .zfxxgk .menu a>div em{
        display: none !important;
        width: 30%;
        height: 1px;
        margin-bottom: -5px;
    }
    main .zwgk .content .left .zfxxgk .menu a>div p{
        font-size: 16px !important;
        line-height: 40px !important;
    }
    main .zwgk .content .right .ld{
        height: 230px;
        padding: 15px 101px 0;
    }
    main .zwgk .content .right .ld a{
        width: 200px;
        max-width: 50% !important;
    }
    main .zwgk .content .right .ld img{
        width: 100px;
    }
    main .zwgk .content .right .menu{
        width: 100%;
        height: 100px;
        display: grid;
        grid-auto-flow: column;
        gap: 10px;
    }
    main .zwgk .content .right .menu img{
        width: 100%;
        height: auto;
    }
    main .zwgk .content .right .zcwjcx{
        width: 100%;
    }
    main .zwgk .content .right .zcwjcx .search{
        height: auto;
    }
    main .zwgk .content .right .zcwjcx .search .search-box{
        display: flex;
        align-items: center;
    }
    main .zwgk .content .right .zcwjcx .search input{
        margin-bottom: 0;
        width: 70% !important;
    }
    main .zwgk .content .right .zcwjcx .search button{
        line-height: 15px;
    }
    main .zwfw .top{
        background-size: cover;
    }
    main .zwfw .left{
        width: 74%;
    }
    main .zwfw .right{
        width: 24%;
    }
    main .zwfw .left .title{
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }
    main .zwfw .left .title img{
        width: 4vw;
    }
    main .zwfw .left .title p{
        font-size: 3vw;
        line-height: 40px;
    }
    main .zwfw .left .title p.theme{
        font-size: 2vw;
        line-height: 40px;
    }
    main .zwfw .left ul li{
        width: 12%;
        padding: 15px;
    }
    main .zwfw .left ul li img{
        width: 4vw;
    }
    main .zwfw .left ul li p{
        font-size: 1vw;
        line-height: 10px;
        margin-top: 5px;
    }
    main .zwfw .left ul{
        margin-bottom: 20px;
    }
    main .zwfw .right li{
        width: 100%;
        height: 25%;
        padding: 15px;
        margin-bottom: 5px;
    }
    main .zwfw .right li img{
        width: 20%;
        margin-right: 10px;
    }
    main .zwfw .right li span{
        font-size: 2vw;
    }
    main .zwfw .gzt{
        width: 100%;
        height: 80px;
    }
    main .zwfw .gzt a{
        width: 48%;
    }
    main .zwfw .gzt a img{
        width: 100%;
        height: auto;
    }
    main .zwfw .menu{
        height: auto !important;
    }
    main .hdjl .menu li{
        width: 18%;
        height: 50px;
    }
    main .hdjl .menu li p{
        font-size: 2vw !important;
    }
    main .hdjl .menu li img {
        width: 25%;
    }
    main .hdjl .lists{
        flex-direction: column;
    }
    main .hdjl .lists .dczjyfk .top img{
        display: none;
    }
    main .hdjl .lists .dczjyfk,main .hdjl .lists .zxft{
        width: 100%;
    }
    main .hdjl .lists .dczjyfk .list ul li .title{
        width: 50%;
    }
    main .hdjl .lists .dczjyfk .list ul#suggestlist li .title{
        width: 63%;
    }
    main .hdjl .lists .dczjyfk .list>div p:nth-child(1){
        margin-right: 50%;
    }
    main .hdjl .lists .dczjyfk .top p a, main .hdjl .lists .zxft .top p a{
        font-size: 18px;
    }
    main .hdjl .lists .dczjyfk .top p.on a{
        font-size: 20px;
    }
    main .hdjl .lists .dczjyfk .list ul li .title,
    main .hdjl .lists .dczjyfk .list ul li span,
    main .hdjl .lists .zxft .list ul li span,
    main .hdjl .lists .zxft .list ul li .title{
        font-size: 16px;
    }
    main .hdjl .lists .dczjyfk .list ul li strong{
        font-size: 14px;
    }
    main .hdjl .lists .dczjyfk .list>div p, main .hdjl .lists .zxft .list>div p{
        font-size: 18px;
    }
    main .hdjl .lists .dczjyfk .list>div p:nth-child(2){
        margin-right: 40px;
    }
    main .zjfl .container .pic .left, main .zjfl .container .pic .right{
        width: 49%;
    }
    main .zjfl .container .pic img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    main .zjfl .container .pic>.img{
        display: none;
    }
    main .zjfl .container .menu ul{
        flex-wrap: wrap;
        gap: 5px;
    }
    main .zjfl .container .menu li{
        width: 24%;
        height: 120px;
    }
    main .zjfl .container .menu li:nth-child(5){
        padding-top: 8%;
    }
    main .zjfl .container .menu ul li img{
        width: 45% !important;
    }
    main .zjfl .container .menu ul li:nth-child(3) img{
        width: 63% !important;
    }
    main .zjfl .container .menu ul li:nth-child(4) img{
        width: 40% !important;
    }
    main .zjfl .container .menu ul li:nth-child(8) img{
        width: 25% !important;
    }
    main .zjfl .container .menu p{
        font-size: 2vw;
        line-height: normal;
    }
    main .ztzl{
        margin-top: 0;
        margin-bottom: 20px;
    }
    main .ztzl .banner .mySwiper2 .swiper-button-prev, main .ztzl .banner .mySwiper2 .swiper-button-next{
        height: 40%;
    }
    main .ztzl .banner .mySwiper2 .swiper-button-next{
        right:  0;
    }
    main .ztzl .banner .mySwiper2 .swiper-slide img{
        width: 160px !important;
        height: auto !important;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 3vw;
    }
    /* ============================================
       网格布局
       ============================================ */

    .grid,
    .row,
    .flex-row {
        display: flex !important;
        flex-direction: column !important;
    }

    .grid > div,
    .row > div,
    .flex-row > div {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    /* ============================================
       政务资讯
       ============================================ */

    #header2
    /* ============================================
       领导信息
       ============================================ */

    .wip_ldbg {
        width: 100% !important;
        max-width: 100% !important;
        padding: var(--mobile-padding) !important;
    }

    .wip_ldbg .wip_local table {
        font-size: 12px !important;
    }

    .wip_ldtitle {
        font-size: var(--mobile-title-font) !important;
        margin: 15px auto 10px !important;
        padding-left: 10px !important;
    }

    .wip_ldconbg {
        background-size: contain !important;
    }

    .wip_ldcon {
        padding-bottom: 15px !important;
    }

    .wip_ldconzw {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding-left: 0 !important;
        font-size: 16px !important;
        line-height: normal !important;
    }

    .fushengzhang {
        line-height: normal !important;
    }

    .wip_ldconry {
        float: none !important;
        width: 100% !important;
        padding-top: 10px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .wip_ldconryli {
        width: 30% !important;
        min-width: 80px !important;
        height: auto !important;
        margin: 5px !important;
    }

    .wip_ldzp {
        height: auto !important;
        padding: 3px !important;
    }

    .wip_ldzp img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 !important;
        object-fit: cover !important;
    }

    .wip_ldconryli a {
        font-size: 12px !important;
    }

    /* 机构设置 */
    .wip_ldconbg2 {
        background-size: contain !important;
        padding: 20px 10px !important;
    }

    .wip_ldconbg2li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        line-height: 50px !important;
    }

    .wip_ldconbg2li:first-child {
        margin-left: 0 !important;
    }

    .wip_ldconbg2li a {
        font-size: var(--mobile-nav-font-size) !important;
    }

    /* ============================================
       政务服务
       ============================================ */

    .sfw_content,
    .zwfw_box {
        padding: var(--mobile-padding) !important;
    }

    .sfw_nav,
    .zwfw_nav {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 10px !important;
    }

    .sfw_nav a,
    .zwfw_nav a {
        flex-shrink: 0 !important;
        margin-right: 10px !important;
        padding: 8px 15px !important;
        font-size: var(--mobile-nav-font-size) !important;
    }

    .sfw_list,
    .zwfw_list {
        width: 100% !important;
    }

    .sfw_item,
    .zwfw_item {
        width: 100% !important;
        margin: 10px 0 !important;
        padding: 10px !important;
    }

    /* ============================================
       列表页面
       ============================================ */

    .list-page,
    .article-list {
        padding: var(--mobile-padding) !important;
    }

    .list-page ul,
    .article-list ul {
        padding: 0 !important;
    }

    .list-page ul li,
    .article-list ul li {
        padding: 10px 5px !important;
        border-bottom: 1px solid #eee !important;
    }

    .list-page ul li a,
    .article-list ul li a {
        font-size: var(--mobile-font-size) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .list-page ul li a span,
    .article-list ul li a span {
        font-size: 12px !important;
        color: #999 !important;
    }

    /* 分页 */
    .pagination,
    .page {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        padding: 15px 0 !important;
    }

    .pagination a,
    .page a,
    .pagination span,
    .page span {
        padding: 5px 10px !important;
        margin: 2px !important;
        font-size: 12px !important;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
    }

    /* ============================================
       详情页面
       ============================================ */

    .article-detail,
    .show-page {
        padding: var(--mobile-padding) !important;
    }

    .article-title,
    .show-title {
        font-size: var(--mobile-title-font) !important;
        line-height: 1.5 !important;
        padding-bottom: 10px !important;
    }

    .article-meta,
    .show-meta {
        font-size: 12px !important;
        color: #999 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    .article-content,
    .show-content {
        font-size: var(--mobile-content-font) !important;
        line-height: 1.8 !important;
        padding: 15px 0 !important;
    }

    .article-content p,
    .show-content p {
        margin-bottom: 10px !important;
        text-indent: 2em !important;
    }

    .article-content img,
    .show-content img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px auto !important;
    }

    /* 附件下载 */
    .attachment {
        padding: 10px !important;
        margin-top: 15px !important;
        background: #f5f5f5 !important;
    }

    .attachment a {
        font-size: var(--mobile-nav-font-size) !important;
        word-break: break-all !important;
    }

    /* ============================================
       互动交流
       ============================================ */

    .zmhd_box,
    .interaction {
        padding: var(--mobile-padding) !important;
    }

    .zmhd_list {
        width: 100% !important;
    }

    .zmhd_item {
        padding: 10px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #eee !important;
    }

    .zmhd_item a {
        font-size: var(--mobile-font-size) !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    /* ============================================
    底部
       ============================================ */

    footer{
        height: auto;
    }
    #footer,
    footer {
        /* padding: 20px 15px !important; */
        margin-top: 0 !important;
    }

    #footer .container,
    footer .container {
        width: 100% !important;
        padding: 0 !important;
    }
    footer .links{
        display: none;
    }
    footer .links ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    footer .links li {
        margin: 5px 10px !important;
        text-align: center !important;
    }

    footer .links a {
        font-size: 12px !important;
        color: white !important;
        white-space: nowrap !important;
    }

    footer .info {
        margin: 20px 0 !important;
        text-align: center !important;
    }

    footer .info > div {
        width: 70% !important;
        margin-bottom: 10px !important;
    }

    footer .info span {
        margin: 0 5px !important;
    }

    footer .info span a {
        font-size: 12px !important;
        color: white !important;
    }

    footer .info p {
        font-size: var(--mobile-footer-font) !important;
        color: white !important;
        line-height: 1.8 !important;
        margin: 5px 0 !important;
        text-align: center !important;
        flex-wrap: wrap;
    }

    footer .info a.banquan {
        font-size: var(--mobile-footer-font) !important;
        color: white !important;
    }

    footer .pic {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 15px !important;
    }

    footer .pic a {
        display: inline-block !important;
        margin: 0 !important;
    }

    footer .pic img {
        width: auto !important;
        height: var(--mobile-footer-icon-height) !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    footer-links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    footer-links a {
        font-size: 12px !important;
        margin: 3px 5px !important;
    }

    /* ============================================
       辅助类
       ============================================ */

    .bt-clear {
        height: 0 !important;
        clear: both !important;
    }

    .hide-mobile {
        display: none !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    table {
        width: 100% !important;
        font-size: 12px !important;
        overflow-x: auto !important;
        display: block !important;
    }

    td, th {
        padding: 5px !important;
        word-break: break-word !important;
    }

    /* ============================================
       表单优化
       ============================================ */

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    textarea,
    select {
        width: 100% !important;
        padding: 10px !important;
        font-size: var(--mobile-font-size) !important;
        border-radius: 5px !important;
        border: 1px solid #ddd !important;
        box-sizing: border-box !important;
    }

    input[type="submit"],
    input[type="button"],
    button {
        padding: 12px 20px !important;
        font-size: var(--mobile-font-size) !important;
        border-radius: 5px !important;
        min-height: 44px !important;
    }

    textarea {
        min-height: 100px !important;
        resize: vertical !important;
    }

    /* ============================================
       图片懒加载
       ============================================ */

    img.loading {
        opacity: 0.6;
        filter: blur(5px);
    }

    img.loaded {
        opacity: 1;
        filter: blur(0);
        transition: opacity 0.3s ease, filter 0.3s ease;
    }
}

/* ============================================
   2. 小屏幕优化 (<480px) - 只调整尺寸变量
   ============================================ */
@media screen and (max-width: 570px) {
    #header2 header{
        padding-bottom: 200px;
    }
    #header2 header .menu{
        margin-top: 100px !important;
    }
    #header2 header .menu ul li{
        width: 130px;
        height: 30px !important;
    }
    #header2 header .menu ul li a p{
        font-size: 18px !important;
    }
    .main .zwyw .fl .swiper-pagination{
        margin-left: 30% !important;
    }
    #header2 header .container .search button{
        padding: 12px 0px !important
    }
}
@media screen and (max-width: 480px) {
    :root {
        --mobile-header-height: 400px;
        --mobile-logo-max-width: 260px;
        --mobile-logo-max-height: 70px;
        --mobile-nav-font-size: 11px;
        --mobile-search-height: 42px;
        --mobile-swiper-height: 260px;
        --mobile-padding: 8px;
        --mobile-font-size: 13px;
        --mobile-title-font: 16px;
        --mobile-content-font: 14px;
        --mobile-footer-icon-height: 40px;
        --mobile-footer-font: 11px;
    }

    html {
        font-size: 14px;
    }

    /* 导航菜单特殊调整 */
    #header header{
        padding-bottom: 210px;
    }
    header .container .links span{
        font-size: 14px !important;
        margin-right: 0px !important;
    }
    header .menu ul li{
        margin: 5px 5px !important;
        padding: 0;
    }
    header .menu ul li a p {
        font-size: 16px !important;
        /* padding: 4px 6px !important; */
    }
    .box1 .tt{
        height: 45px !important;
        padding: 7px 0 10px 40px !important;
    }

    /* 新闻列表特殊调整 */
    main .box1 .content .swiper-pagination{
        transform: translateX(-20%);
    }
    .news .kind ul li a,main .box1 .content .news .kind .more {
        font-size: 16px !important;
        /* padding: 4px 8px !important; */
    }
    .news .kind ul li{
        width: 90px !important;
    }
    main .box1 .content .news .kind ul{
        margin-bottom: 0px;
    }

    /* .news .lists ul li a p.title {
        font-size: 13px !important;
    }

    .news .lists ul li a span.time {
        font-size: 10px !important;
    } */
    main .box1 .content .news .info{
        margin-top: 20px;
    }
    main .box1 .content .news .info div p{
        font-size: 16px;
    }
    .box1 .swiper,
    .box1 .swiper-slide img{
        height: var(--mobile-swiper-height) !important;
    }
    main .zwgk .top{
        height: 60px !important;
    }
    main .zwgk .top span{
        font-size: 24px !important;
        line-height: 50px !important;
    }
    main .zwgk .content .left .zfxxgk .menu a>div p{
        font-size: 12px !important;
    }
    main .zwgk .content .left .menu li a,
    main .zwgk .content .left .list li a .time{
        font-size: 16px;
    }
    
    main .zwgk .content .right .ld{
        padding: 15px 60px 0;
    }
    main .zwgk .content .right .menu{
        padding: 0 10px;
    }
    main .zwfw .menu{
        flex-direction: column;
    }
    main .zwfw .left,main .zwfw .right{
        width: 100%;
    }
    main .zwgk .content .left .zfxxgk .top em {
        width: 20% !important;
    }
    main .zwgk .content .left .zfxxgk .top p{
        font-size: 16px;
    }
    main .zwfw .right ul{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    main .zwfw .right li{
        width: 24% !important;
        margin-bottom: 0px;
    }
    main .zwgk .content .right .zcwjcx .title p{
        font-size: 24px;
    }
    main .zwgk .content .right .zcwjcx .search{
        padding: 33px 20px 25px;
    }
    main .zwgk .content .right .zcwjcx .search button{
        width: 30%;
    }
    main .zwfw .left ul{
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    main .zwfw .left ul li{
        min-width: 80px;
        margin-top: 5px;
    }
    main .zwfw{
        padding-bottom: 0px;
    }
    main .hdjl{
        margin-top: 0px;
    }
    main .hdjl .lists{
        margin-top: 20px;
    }
    main .hdjl .lists .dczjyfk .top p a, main .hdjl .lists .zxft .top p a{
        font-size: 14px !important;
    }
    main .hdjl .lists .dczjyfk .top p.on a{
        font-size: 16px !important;
    }
    main .hdjl .lists .dczjyfk .list>div p, main .hdjl .lists .zxft .list>div p{
        font-size: 16px !important;
    }
    main .hdjl .lists .dczjyfk .list>div p:nth-child(1){
        margin-right: 33%;
    }
    main .hdjl .lists .dczjyfk .list>div p:nth-child(2) {
        margin-right: 20px;
    }
    main .hdjl .lists .dczjyfk .list ul li strong{
        display: none;
    }
    main .hdjl .lists .dczjyfk .list ul li .title,
    main .hdjl .lists .dczjyfk .list ul li span,
    main .hdjl .lists .zxft .list ul li span,
    main .hdjl .lists .zxft .list ul li .title{
        font-size: 14px !important;
    }
    main .hdjl .lists .dczjyfk .list>div, main .hdjl .lists .zxft .list>div{
        padding-left: 5px;
    }
    main .hdjl .lists .dczjyfk .list ul li::before, main .hdjl .lists .zxft .list ul li::before{
        display: none;
    }
    main .hdjl .lists .dczjyfk .list ul li, main .hdjl .lists .zxft .list ul li{
        padding: 0 5px;
    }
    main .hdjl .lists .dczjyfk .list ul li span, main .hdjl .lists .zxft .list ul li span{
        margin-right: 12px;
    }
    main .hdjl .lists .zxft .list ul{
        padding-top: 0px;
    }
    main .hdjl .lists>div .list{
        margin-top: 5px;
    }
    main .ztzl .banner .mySwiper2 .swiper-button-prev, main .ztzl .banner .mySwiper2 .swiper-button-next{
        top: 40%;
    }

    /* 领导信息特殊调整 */
    .wip_ldtitle {
        font-size: 16px !important;
        margin: 12px auto 8px !important;
    }

    .wip_ldconzw {
        font-size: 14px !important;
    }

    .wip_ldconryli {
        width: 31% !important;
        min-width: 70px !important;
        margin: 4px !important;
    }

    .wip_ldzp {
        padding: 2px !important;
    }

    .wip_ldconryli a {
        font-size: 11px !important;
    }

    .wip_ldconbg2 {
        padding: 15px 8px !important;
    }

    .wip_ldconbg2li {
        line-height: 45px !important;
    }

    .wip_ldconbg2li a {
        font-size: 12px !important;
    }

    /* 分页特殊调整 */
    .pagination a,
    .page a,
    .pagination span,
    .page span {
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    /* 表格特殊调整 */
    table {
        font-size: 11px !important;
    }

    td, th {
        padding: 3px !important;
    }
}

/* ============================================
   3. 超小屏幕优化 (<360px) - 进一步调整尺寸
   ============================================ */

@media screen and (max-width: 360px) {
    :root {
        --mobile-header-height: 300px;
        --mobile-logo-max-width: 200px;
        --mobile-logo-max-height: 60px;
        --mobile-nav-font-size: 10px;
        /* --mobile-swiper-height: 140px; */
        --mobile-padding: 6px;
        --mobile-font-size: 12px;
        --mobile-title-font: 15px;
        --mobile-content-font: 13px;
        --mobile-footer-icon-height: 35px;
        --mobile-footer-font: 10px;
    }

    html {
        font-size: 13px;
    }
    header .container .links span{
        font-size: 12px !important;
        margin-right: 0px !important;
    }
    main .box1 .content .mySwiper .swiper-slide .title p{
        font-size: 14px !important;
    }
    main .box1 .content .news .info div img{
        width: 20px;
        height: 20px;
        margin-right: 0px;
    }
    main .box1 .content .news .kind ul{
        align-items: center;
    }
    main .box1 .content .news .kind ul li{
        height: 30px;
        width: 70px !important;
    }
    main .box1 .content .news .kind ul li a{
        font-size: 14px !important;
        line-height: 30px;
    }
    .news .kind ul li a, main .box1 .content .news .kind .more{
        font-size: 14px !important;
    }
    .news .lists ul li{
        margin-bottom: 0px !important;
    }
    main .zwgk .top a {
        height: 50px !important;
    }
    main .zwgk .content .left .menu li a{
        font-size: 14px;
    }
    main .zwgk .content .left .list{
        margin-top: 20px;
        min-height: 200px;
    }
    main .zwgk .content .left .list li a .title{
        width: 75%;
    }
    main .zwgk .content .left .list li a .title,
    main .zwgk .content .left .list li a .time{
        font-size: 14px !important;
    }
    main .zwgk .content .left .list li a{
        margin-bottom: 20px;
    }
    main .zwgk .content .left .lists .menu{
        margin-bottom: 0;
    }
    main .zwgk .top{
        height: 50px !important;
    }
    /* main .zwgk .content .left .zfxxgk .top em {
        width: 15%;
    } */
    main .zwgk .content .left .zfxxgk .menu{
        margin-top: 0;
    }
    main .zwgk .content .right .ld {
        padding: 15px 15px 0;
    }
    main .zwgk .content .right .menu{
        height: 50px;
    }
    main .zwfw .top{
        padding: 50px 0px;
    }
    main .zwfw .right li{
        padding: 0 15px;
    }
    main .hdjl .menu li{
        height: 30px;
    }
    main .zjfl{
        padding: 15px 0;
    }
    main .zjfl .container .menu li{
        width: 23%;
        height: 80px;
        padding: 10px 0;
    }
    main .ztzl .banner .mySwiper2 .swiper-button-prev, main .ztzl .banner .mySwiper2 .swiper-button-next{
        top: 20px;
    }
    .mySwiper2 .swiper-slide{
        /* margin-right: 20px !important; */
    }

    /* 导航菜单特殊调整 */
    .menu ul li a p {
        font-size: 10px !important;
        padding: 3px 0px !important;
    }

    /* 领导信息特殊调整 */
    .wip_ldconryli {
        width: 32% !important;
        min-width: 60px !important;
    }

    .wip_ldconryli a {
        font-size: 10px !important;
    }

    /* 新闻列表特殊调整 */
    .news .lists ul li a p.title,
    .news .lists ul li a span.time {
        font-size: 12px !important;
    }
}

/* ============================================
   4. 平板设备适配 (769px - 1024px)
   ============================================ */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .container {
        width: 96% !important;
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .logo {
        width: 35% !important;
    }

    .menu ul li a p {
        font-size: 24px !important;
    }

    .search {
        width: 35% !important;
    }

    .box1 .swiper {
        width: 60% !important;
    }

    .news {
        width: 38% !important;
    }

    .wip_ldconryli {
        width: 23% !important;
        min-width: 100px !important;
    }

    .wip_ldconbg2li {
        width: 45% !important;
    }

    .hide-tablet {
        display: none !important;
    }
}

/* ============================================
   5. 横屏模式优化
   ============================================ */

@media screen and (max-width: 768px) and (orientation: landscape) {
    :root {
        --mobile-header-height: 370px;
        --mobile-swiper-height: 500px;
    }

    .headerbg .swiper-slide img {
        max-height: 370px;
    }

    header .container {
        padding-top: 1rem;
    }

    header .container .flex {
        height: 5rem;
        margin-top: 1.5rem;
        flex-direction: column;
    }

    header .container .flex .logo img {
        position: sticky !important;
    }

    .wip_ldconryli {
        width: 18% !important;
        min-width: 80px !important;
    }

    .wip_ldconbg2li {
        width: 48% !important;
    }

    .menu {
        /* height: 5rem !important; */
        /* margin-top: 5rem !important; */
        top: 0 !important;
    }
}

/* ============================================
   6. 触摸设备优化
   ============================================ */

/* @media (hover: none) and (pointer: coarse) {
    a,
    button,
    .clickable {
        min-height: 44px;
        min-width: 44px;
    }

    .swiper,
    .scroll-x {
        -webkit-overflow-scrolling: touch;
    }
} */

/* ============================================
   7. 安全区域适配 (刘海屏)
   ============================================ */

@supports (padding: env(safe-area-inset-top)) {
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* ============================================
   8. 暗色模式适配
   ============================================ */

@media screen and (max-width: 768px) and (prefers-color-scheme: dark) {
    body {
        background-color: #1a1a1a;
        color: #e0e0e0;
    }

    a {
        color: #4a9eff;
    }

    .news .lists ul li {
        border-bottom-color: #333 !important;
    }

    .wip_ldzp {
        border-color: #333 !important;
    }

    .search .ls_input1 {
        background-color: #2a2a2a;
        border-color: #333;
        color: #e0e0e0;
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
    }

    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
    }
}

/* ============================================
   9. 减少动画模式
   ============================================ */

@media screen and (max-width: 768px) and (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .swiper-slide {
        transition: none !important;
    }
}

/* ============================================
   10. 高分辨率屏幕优化
   ============================================ */

@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 768px) and (min-resolution: 192dpi) {
    .logo img,
    .wip_ldzp img,
    .swiper-slide img {
        image-rendering: -webkit-optimize-contrast;
    }

    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

/* ============================================
    政务资讯页面 (zfzx) 移动端适配
    这些样式只针对 .main 容器下的特定类名，
    不会影响首页(.box1等)和其他页面
   ============================================ */

@media screen and (max-width: 768px) {
    /* --- 基础容器 --- */
    .main {
        padding: 10px 0 !important;
    }
    .main .container {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* --- 政务要闻区域 .zwyw --- */
    .main .zwyw {
        flex-direction: column !important;
        margin-bottom: 30px !important;
    }
    .main .zwyw .fl {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .main .zwyw .fl .mySwiper {
        height: auto !important;
        border-width: 5px !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide {
        height: auto !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide img {
        height: 420px !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide .title {
        height: auto !important;
        padding: 10px 15px !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide .title p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .main .zwyw .fl .swiper-pagination {
        bottom: 30px !important;
        margin-left: 40% !important;
        text-align: center !important;
    }
    .main .zwyw .fr {
        width: 100% !important;
    }

    /* --- 区块标题 .section-title --- */
    .main .section-title {
        font-size: 22px !important;
        line-height: 32px !important;
        margin-bottom: 10px !important;
    }
    .main .section-title::before {
        width: 60px !important;
        height: 26px !important;
        margin-right: 6px !important;
    }
    .main .section-title span::after {
        width: 200px !important;
        height: 20px !important;
        margin-left: 6px !important;
    }
    .main .section-title a {
        font-size: 22px !important;
        top: 6px !important;
    }
    .main .xzdt .section-title::before,
    .main .bmdt .section-title::before,
    .main .spxw .section-title::before {
        width: 60px !important;
        height: 26px !important;
        margin-right: 6px !important;
    }
    .main .xzdt .section-title span::after,
    .main .bmdt .section-title span::after,
    .main .spxw .section-title span::after {
        width: 240px !important;
        height: 20px !important;
    }
    .main .spxw .section-title span::after {
        width: 180px !important;
    }
    .main .tzgg .section-title span::after {
        width: 200px !important;
    }

    /* --- 新闻列表 .news-list --- */
    .main .news-list li {
        padding: 8px 0 !important;
    }
    .main .news-list li .title {
        width: 70% !important;
        font-size: 15px !important;
        line-height: 22px !important;
    }
    .main .news-list li .time {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    /* --- 通知公告 .tzgg --- */
    .main .tzgg {
        margin-bottom: 25px !important;
    }
    .main .tzgg .content {
        flex-direction: column !important;
        margin-top: 20px !important;
    }
    .main .tzgg .content .item {
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
    .main .tzgg .content .item p {
        font-size: 15px !important;
        line-height: 24px !important;
        padding-bottom: 10px !important;
    }
    .main .tzgg .content .item .time {
        font-size: 13px !important;
        margin-top: 10px !important;
    }

    /* --- 底部内容 .bottom-content --- */
    .main .bottom-content {
        flex-direction: column !important;
    }
    .main .bottom-content .fl {
        width: 100% !important;
    }
    .main .bottom-content .spxw {
        width: 100% !important;
        margin-top: 25px !important;
    }

    /* --- 部门动态 .bmdt --- */
    .main .bmdt {
        margin-bottom: 30px !important;
    }

    /* --- 视频新闻 .spxw --- */
    .main .spxw .video-pic {
        margin-bottom: 10px !important;
    }
    .main .spxw .video-pic img {
        height: 200px !important;
    }
    .main .spxw .video-pic iframe {
        height: 220px !important;
    }

    /* --- 轮播图通用 --- */
    .main .swiper-slide img {
        height: 220px !important;
    }
    .main .swiper-slide .title {
        padding: 10px !important;
        font-size: 14px !important;
    }
}

/* ============================================
   zfzx 小屏幕优化 (<480px)
   ============================================ */

@media screen and (max-width: 480px) {
    #header2 header{
        height: 2rem;
        padding-bottom: 185px;
    }
    #header2 header::after {
        top: 35% !important;
        width: 250px;
        background-size: contain;
    }
    #header2 header .container .search{
        bottom: -50%;
    }
    #header2 header .menu{
        margin-top: 110px !important;
    }
    #header2 header .menu ul li {
        width: 100px;
    }
    .main .zwyw .fl .swiper-pagination {
        bottom: 15px !important;
        margin-left: 25% !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide img {
        height: 180px !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide .title p {
        font-size: 13px !important;
    }
    .main .section-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .main .section-title::before {
        width: 45px !important;
        height: 20px !important;
    }
    .main .section-title span::after {
        width: 140px !important;
        height: 16px !important;
    }
    .main .xzdt .section-title::before,
    .main .bmdt .section-title::before,
    .main .spxw .section-title::before {
        width: 45px !important;
        height: 20px !important;
    }
    .main .xzdt .section-title span::after,
    .main .bmdt .section-title span::after,
    .main .spxw .section-title span::after {
        width: 160px !important;
        height: 16px !important;
    }
    .main .spxw .section-title span::after {
        width: 120px !important;
    }
    .main .tzgg .section-title span::after {
        width: 140px !important;
    }
    .main .tzgg .content .item p {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .main .tzgg .content .item .time {
        font-size: 12px !important;
    }
    .main .spxw .video-pic img {
        height: 160px !important;
    }
    .main .spxw .video-pic iframe {
        height: 180px !important;
    }
    .main .section-title a {
        font-size: 16px !important;
    }
}

/* ============================================
   zfzx 超小屏幕优化 (<360px)
   ============================================ */

@media screen and (max-width: 360px) {
    #header2 header .menu ul li a p{
        font-size: 16px !important;
        line-height: 25px !important;
    }
    .main .zwyw .fl .mySwiper .swiper-slide img {
        height: 150px !important;
    }
    .main .section-title {
        font-size: 16px !important;
    }
    .main .section-title span::after {
        width: 100px !important;
    }
    .main .news-list li .title {
        font-size: 13px !important;
    }
    .main .news-list li .time {
        font-size: 11px !important;
    }
    .main .tzgg .content .item p {
        font-size: 13px !important;
        line-height: 20px !important;
    }
    .main .spxw .video-pic iframe {
        height: 150px !important;
    }
}


/* ============================================
   政民互动页面 (zmhd) 移动端适配
   选择器以 .main 下的特定类名开头，
   确保不影响首页和其他页面
   ============================================ */

@media screen and (max-width: 768px) {
    /* --- 基础容器 --- */
    .main .container {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* --- 入口按钮 .entry-boxes --- */
    .main .entry-boxes {
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin-bottom: 10px !important;
    }
    .main .entry-box {
        background-size: 100% 100% !important;
        width: 19% !important;
        padding: 10px !important;
        /* margin-bottom: 10px !important; */
        /* box-sizing: border-box !important; */
    }
    .main .entry-box .icon {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 10px !important;
    }
    .main .entry-box .icon img {
        width: 24px !important;
        height: 24px !important;
    }
    .main .entry-box .title {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    /* --- 统计条 .stats-box --- */
    .main .stats-box {
        flex-wrap: wrap !important;
        padding: 15px 0 !important;
        margin-bottom: 25px !important;
        background-size: cover !important;
    }
    .main .stats-item {
        width: 25% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    .main .stats-item:nth-child(3),
    .main .stats-item:nth-child(4) {
        border-bottom: none !important;
    }
    .main .stats-item .number {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    .main .stats-item .label {
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 5px !important;
    }

    /* --- 图表容器 .charts-container --- */
    .main .charts-container {
        flex-direction: column !important;
        margin-bottom: 20px !important;
    }
    .main .charts-left {
        width: 100% !important;
        gap: 15px !important;
    }
    .main .charts-top {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .main .charts-top .chart-box:first-child,
    .main .charts-top .chart-box:last-child {
        width: 100% !important;
        height: 220px !important;
        box-sizing: border-box !important;
    }
    .main .chart-box {
        padding: 10px 15px !important;
    }
    .main .chart-box .title {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .main .chart-box.opinion-box {
        padding: 10px 0 !important;
    }

    /* --- 热词查询 .chart-box.rc --- */
    .main .chart-box.rc {
        width: 100% !important;
        height: auto !important;
        min-height: 300px !important;
        padding: 20px 0 !important;
        margin-top: 15px !important;
        background-size: 100% 100% !important;
    }
    .main .chart-box.rc .title {
        font-size: 22px !important;
        line-height: 32px !important;
        padding-bottom: 8px !important;
    }
    .main .chart-box.rc #rc {
        height: 300px;
        min-height: 250px !important;
        min-width: auto !important;
        width: 100% !important;
        position: relative !important;
    }
    .main .chart-box.rc #rc a {
        font-size: 14px !important;
    }

    /* --- 区块标题 .section-title --- */
    .main .section-title {
        font-size: 22px !important;
        line-height: 32px !important;
        padding-bottom: 8px !important;
    }

    /* --- 投诉举报行 .complaint-row --- */
    .main .complaint-row {
        flex-direction: column !important;
        margin-bottom: 20px !important;
    }
    .main .complaint-left {
        width: 100% !important;
        /* margin-bottom: 20px !important; */
    }
    .main .complaint-right {
        width: 100% !important;
    }
    
    /* --- Tabs --- */
    .main .tabs {
        padding-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .main .tabs li {
        font-size: 16px !important;
        line-height: 24px !important;
        padding-left: 12px !important;
        margin-right: 15px !important;
    }
    .main .tabs li.active {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    /* --- 列表 .list-box --- */
    .main .list-box {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }
    .main .list-box .title {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    .main .list-box ul li {
        padding: 8px 0 !important;
        flex-wrap: wrap !important;
    }
    .main .list-box ul li:nth-child(1)::after {
        display: none !important;
    }
    .main .list-box ul li a {
        display: block;
        font-size: 14px !important;
        line-height: 20px !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 4px !important;
    }
    .main .list-box ul li a .title {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .main .list-box ul li .time,
    .main .list-box ul li a .time {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .main .list-box ul li .tag {
        font-size: 11px !important;
        padding: 3px 8px !important;
        margin-right: 6px !important;
    }
    .main .list-box ul li .tag.new p:nth-child(1) {
        padding: 3px 10px !important;
    }
    .main .list-box ul li .tag.new p:nth-child(1) img {
        width: 40px !important;
    }
    .main .list-box ul li .tag.new p:nth-child(2) {
        padding: 2px 12px !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    /* --- 投诉举报列表特殊结构 --- */
    /* .main .complaint-left .list > div {
        display: none !important;
    } */
    .complaint-row .dczjyfk .top{
        padding-top: 5px;
    }
    .complaint-row .dczjyfk .list>div{
        padding-left: 0;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(1){
        margin-right: 56%;
    }
    /* .main .complaint-left .list ul li a {
        flex-direction: column !important;
        align-items: flex-start !important;
    } */
    .main .complaint-left .list ul li a .title {
        width: 61% !important;
        margin-bottom: 4px !important;
    }
    /* .main .complaint-left .list ul li a .intime,
    .main .complaint-left .list ul li a .antime {
        font-size: 12px !important;
        color: #999 !important;
    } */

    /* --- 回应关切列表 --- */
    .main .complaint-right ul{
        padding-top: 0px !important;
    }
    .complaint-right .list li{
        padding-right: 20px;
    }
    .complaint-right .list li a {
        width: 65% !important;
        /* font-size: 14px !important; */
    }
    .complaint-right .list li span {
        /* font-size: 12px !important; */
    }

    /* --- 在线访谈 .online-interview --- */
    .main .online-interview {
        margin-bottom: 20px !important;
    }
    .main .interview-list {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .main .interview-item {
        width: 100% !important;
    }
    .main .interview-item .img-box {
        /* max-height: 180px !important; */
    }
    .main .interview-item .img-box img {
        /* height: 180px !important; */
    }
    .main .interview-item .info {
        padding: 15px !important;
    }
    .main .interview-item .info .subject,
    .main .interview-item .info .time,
    .main .interview-item .info .guest {
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 8px !important;
    }
    .main .interview-item .info p {
        font-size: 14px !important;
    }

    /* --- 热词标签 .hotwords --- */
    .main .hotwords {
        gap: 6px !important;
    }
    .main .hotwords a {
        padding: 5px 10px !important;
        font-size: 12px !important;
    }
    .complaint-row .dczjyfk .list:nth-child(4)>div{
        display: flex;
        justify-content: space-between;
    }
    .complaint-row .dczjyfk .list:nth-child(4)>div p:nth-child(1){
        margin-right: 0 !important;
    }
    .complaint-row .dczjyfk .list:nth-child(4)>div p:nth-child(2),
    .complaint-row .dczjyfk .list:nth-child(4) ul li span{
        margin-right: 15px;
    }
}

@media screen and (max-width: 560px) {
    .main .entry-box .title{
        font-size: 14px !important;
        line-height: 15px !important;
    }
    .complaint-row .dczjyfk .top p.on{
        font-size: 24px;
    }
    .complaint-row .dczjyfk .top p{
        font-size: 20px;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(1) {
        margin-right: 42%;
    }
    .complaint-row .dczjyfk .top span{
        display: none;
    }
    .main .complaint-left .list ul li a .title{
        width: 50% !important;
        font-size: 16px;
    }
    .complaint-row .dczjyfk .list ul li span{
        font-size: 16px;
        margin-right: 45px;
    }

}

/* ============================================
   zmhd 小屏幕优化 (<480px)
   ============================================ */

@media screen and (max-width: 480px) {
    .main .container{
        padding: 0 5px !important;
    }
    .main .entry-box {
        width: 19% !important;
        padding: 10px 0px !important;
    }
    .main .entry-box .icon {
        width: 32px !important;
        height: 32px !important;
    }
    .main .entry-box .icon img {
        width: 20px !important;
        height: 20px !important;
    }
    .main .entry-box .title {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .main .stats-box{
        padding: 0 !important;
    }
    .main .stats-item .number {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .main .stats-item .label {
        font-size: 13px !important;
    }
    .main .charts-top .chart-box:first-child,
    .main .charts-top .chart-box:last-child {
        height: 180px !important;
    }
    .main .chart-box.rc {
        min-height: 260px !important;
    }
    .main .chart-box.rc .title {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .main .section-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .main .tabs li {
        font-size: 14px !important;
        margin-right: 10px !important;
    }
    .main .tabs li.active {
        font-size: 16px !important;
    }
    .main .list-box ul li:nth-child(1) .tag.new{
        padding:0 !important;
    }
    .main .news-list li .title {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .main .news-list li .time {
        font-size: 12px !important;
    }
    .complaint-row .dczjyfk .top p.on{
        font-size: 18px !important;
    }
    .complaint-row .dczjyfk .top p{
        font-size: 16px !important;
        margin-right: 20px;
    }
    .complaint-row .dczjyfk .list>div p,
    .complaint-right .list li span{
        font-size: 16px;
    }
    .main .list-box ul li a {
        width: 80% !important;
        font-size: 13px !important;
    }
    .main .list-box ul li a .title {
        font-size: 14px !important;
        border-left:none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .main .interview-item .img-box {
        max-height: 150px !important;
    }
    .main .interview-item .img-box img {
        height: 150px !important;
    }
    .main .interview-item .info {
        padding: 12px !important;
    }
    .main .interview-item .info .subject,
    .main .interview-item .info .time,
    .main .interview-item .info .guest {
        font-size: 13px !important;
        line-height: 22px !important;
    }
    .main .complaint-left .list ul li a .title,
    .complaint-row .dczjyfk .list ul li span,
    .complaint-right .list li a,
    .complaint-right .list li span {
        font-size: 14px !important;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(1){
        margin-right: 45%;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(2){
        margin-right: 30px;
    }
    .main .complaint-left .list ul li a .title{
        width: 60% !important;
        margin-right: 0;
    }
    .complaint-row .dczjyfk .list ul li span{
        font-size: 16px;
        margin-right: 15px;
    }
    .complaint-right .list li{
        padding: 10px 0px 0px 15px;
        padding-right: 0px;
    }
}

/* ============================================
   zmhd 超小屏幕优化 (<360px)
   ============================================ */

@media screen and (max-width: 360px) {
    .main .entry-box {
        width: 49% !important;
        padding: 15px 0px !important;
    }
    .main .entry-box:nth-child(3),
    .main .entry-box:nth-child(4),
    .main .entry-box:nth-child(5){
        width: 33% !important;
        margin-top: 5px;
    }
    .main .entry-box .icon {
        width: 36px !important;
        height: 36px !important;
    }
    .main .stats-item .number {
        font-size: 18px !important;
    }
    .main .stats-item .label {
        font-size: 12px !important;
    }
    .main .charts-top .chart-box:first-child,
    .main .charts-top .chart-box:last-child {
        height: 150px !important;
    }
    .main .chart-box.rc {
        min-height: 220px !important;
        padding: 10px 0px !important;
        margin-top: 0 !important;
    }
    .main .chart-box.rc #rc a {
        font-size: 12px !important;
    }
    .main .section-title {
        font-size: 16px !important;
    }
    .main .list-box ul li .tag.new p:nth-child(1){
        text-align: center;
    }
    .main .list-box ul li .tag.new p:nth-child(1) img{
        width: 30px !important;
    }
    .main .tabs li {
        font-size: 13px !important;
        padding-left: 8px !important;
    }
    .main .tabs li.active {
        font-size: 15px !important;
    }
    .main .list-box ul li{
        padding: 5px 0 !important;
    }
    .main .list-box ul li a {
        font-size: 12px !important;
    }
    .main .interview-item .img-box img {
        height: 130px !important;
    }
    .main .interview-item .info .subject,
    .main .interview-item .info .time,
    .main .interview-item .info .guest {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    .complaint-row .dczjyfk .top em{
        margin-right: 5px;
    }
    .complaint-row .dczjyfk .top p.on {
        font-size: 16px !important;
    }
    .complaint-row .dczjyfk .top p{
        font-size: 14px !important;
    }
    .complaint-row .dczjyfk .list>div p, .complaint-right .list li span{
        font-size: 14px;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(1){
        margin-right: 37%;
    }
    .complaint-row .dczjyfk .list>div p:nth-child(2) {
        margin-right: 15px;
    }
    .complaint-row .dczjyfk .list>div,
    .complaint-row .dczjyfk .list ul li a{
        justify-content: space-between;
    }
    .main .complaint-left .list ul li a .title {
        width: 55% !important;
    }
    .complaint-row .dczjyfk .list ul li span{
        margin-right: 5px;
    }
    .complaint-row .dczjyfk .list ul li span:nth-child(3){
        margin-right: 0;
    }
}