/* 移动端响应式适配 */
@media screen and (max-width: 768px) {
    /* 容器流式布局 */
    .w1268, .w1210 {
        width: 100% !important;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* 头部 */
    .header {
        position: relative;
    }
    .logo {
        width: 100% !important;
        float: none !important;
        text-align: center;
        padding: 8px 0 !important;
        height: 40px !important;
        overflow: visible !important;
    }
    .logo a {
        display: block;
        background-size: auto 40px !important;
        background-position: center !important;
        height: 40px;
    }
    .logo h1 {
        padding-left: 0 !important;
        font-size: 0;
        height: 40px;
    }

    /* 导航 - 横向滚动 */
    .navs {
        float: none !important;
        display: flex !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        border-top: 1px solid #eee;
        padding: 0;
    }
    .navs .nitem {
        float: none !important;
        flex-shrink: 0;
    }
    .navs .nitem .link {
        width: auto !important;
        padding: 0 15px;
        height: 44px !important;
        line-height: 44px !important;
        margin-top: 0 !important;
        font-size: 15px !important;
    }
    .navs .navlist {
        display: none !important;
    }
    .navs .sub {
        display: none !important;
    }

    /* 面包屑 */
    .crumbs {
        height: auto;
        line-height: 1.6;
        padding: 10px 0;
        font-size: 12px;
    }

    /* ==================== */
    /* 首页 */
    /* ==================== */

    /* 轮播区 - 水平滑动轮播 */
    .focus {
        background: none !important;
    }
    .container {
        max-width: 100% !important;
        height: auto !important;
        overflow: hidden;
        position: relative;
    }
    .slide {
        position: relative !important;
        height: auto !important;
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-behavior: smooth;
    }
    .slide::-webkit-scrollbar {
        display: none;
    }
    .slide .img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important;
        left: auto !important;
        z-index: 1 !important;
        flex: 0 0 92% !important;
        scroll-snap-align: center;
        display: block !important;
        transition: none !important;
        margin: 0 4% 0 0;
        border-radius: 8px !important;
        overflow: hidden;
    }
    .slide .img:last-of-type {
        margin-right: 0;
    }
    .slide .img img {
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
    }
    .slide .text {
        font-size: 13px !important;
        height: 36px !important;
        line-height: 36px !important;
        border-radius: 0 !important;
    }
    /* 圆点指示器 */
    .slide .slide-bt {
        display: flex !important;
        position: absolute !important;
        bottom: 10px !important;
        left: 50% !important;
        transform: translateX(-50%);
        z-index: 9;
        margin-left: 0 !important;
        width: auto !important;
        gap: 6px;
    }
    .slide .slide-bt span {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.5) !important;
        margin: 0 !important;
    }
    .slide .slide-bt .on {
        background: #fff !important;
        width: 8px !important;
    }

    /* section 标题 - 用文字替代雪碧图 */
    .box .boxtitle {
        background: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 20px 0 12px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #001781;
        border-bottom: 2px solid #23ade8;
    }
    .b1 .boxtitle::before { content: "联盟介绍"; }
    .b2 .boxtitle::before { content: "智慧农业"; }
    .b3 .boxtitle::before { content: "赛事活动"; }
    .b4 .boxtitle::before { content: "联盟培训"; }
    .b5 .boxtitle::before { content: "新闻资讯"; }
    .b6 .boxtitle::before { content: "联盟成员"; }

    /* 联盟介绍 */
    .b1 .des {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 12px;
    }
    .b1 .imglist ul {
        margin-left: 0 !important;
    }
    .b1 .imglist li {
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-bottom: 12px;
    }
    .b1 .imglist li img {
        width: 100% !important;
        height: auto !important;
    }

    /* 智慧农业图文区 */
    .b2 .imgbox {
        height: auto !important;
        overflow: visible !important;
    }
    .b2 .left {
        float: none !important;
        width: 100% !important;
        position: relative;
    }
    .b2 .left img {
        width: 100% !important;
        height: auto !important;
    }
    .b2 .left .text {
        width: 100% !important;
    }
    .b2 .right {
        float: none !important;
        width: 100% !important;
    }
    .b2 .right ul li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 12px 0 0 0 !important;
        position: relative;
    }
    .b2 .right ul li img {
        width: 100% !important;
        height: auto !important;
    }
    .b2 .text {
        width: 100% !important;
        font-size: 13px !important;
        height: 34px !important;
        line-height: 34px !important;
    }

    /* 新闻资讯列表（首页） */
    .b5 .newslist {
        padding: 0 !important;
    }
    .b5 li {
        width: 100% !important;
        float: none !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #e8e8e8;
    }
    .b5 li:last-child {
        border-bottom: none;
    }
    .b5 .link {
        font-size: 14px !important;
        padding-left: 0 !important;
        background: none !important;
        display: flex !important;
        flex-direction: column-reverse;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    .b5 .link strong {
        display: block;
        color: #333;
        font-weight: 500;
        white-space: normal !important;
        line-height: 1.5;
    }
    .b5 .link .time {
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 4px;
        font-size: 12px;
        color: #23ade8;
    }

    /* 友链 */
    .b6 .frilist {
        width: 100% !important;
    }
    .b6 .frilist li {
        margin-right: 8px !important;
        margin-bottom: 8px !important;
    }
    .b6 .frilist li img {
        width: 100px !important;
        height: auto !important;
    }

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

    /* 内容区 - 上下堆叠 */
    .content {
        padding: 0 !important;
    }
    .left {
        width: 100% !important;
        float: none !important;
    }
    .right {
        width: 100% !important;
        float: none !important;
        margin-top: 30px;
    }
    .right .list {
        width: 100% !important;
        float: none !important;
        margin: 20px 0 0 0 !important;
        padding: 0 !important;
    }
    .right .title {
        font-size: 18px !important;
        color: #001781;
        border-bottom: 2px solid #23ade8;
        padding-bottom: 10px !important;
    }
    .right li {
        line-height: 1.4 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f0f0f0;
    }
    .right li a {
        display: flex !important;
        flex-direction: column !important;
        font-size: 14px !important;
        color: #333 !important;
    }
    .right li a .index {
        display: none !important;
    }
    .right li a .time {
        float: none !important;
        font-size: 12px;
        color: #999 !important;
        margin-top: 4px;
    }

    /* 新闻列表项 */
    .left .newslist li {
        float: none !important;
        display: block !important;
        min-width: 0 !important;
        padding: 15px 0 !important;
        overflow: hidden;
    }
    .left .newslist .l-img {
        float: left;
        width: 100px !important;
        margin-right: 12px !important;
    }
    .left .newslist .l-img img {
        width: 100px !important;
        height: 75px !important;
        object-fit: cover;
    }
    .left .newslist .info {
        overflow: hidden;
    }
    .left .newslist .info .title {
        font-size: 15px !important;
        line-height: 1.4;
    }
    .left .newslist .info .des {
        display: none;
    }
    .left .newslist .info .time {
        font-size: 12px;
    }

    /* 分页 */
    .pager {
        padding: 30px 0 20px !important;
    }
    .pager .pre,
    .pager .next,
    .pager .p-num a {
        padding: 6px 10px !important;
        margin: 0 3px !important;
    }

    /* ==================== */
    /* 文章详情页 */
    /* ==================== */

    .left .title {
        font-size: 18px !important;
        margin-top: 20px;
        padding: 0 5px;
    }
    .left .info {
        font-size: 12px !important;
        padding: 8px 5px;
    }
    .left .detail,
    .left .detail p,
    .left p {
        text-indent: 0 !important;
        margin-top: 15px;
        line-height: 1.8;
        word-break: break-all;
    }
    .left .detail img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 上下篇导航 */
    .page-nav {
        padding: 30px 0 20px !important;
    }
    .page-nav .pre,
    .page-nav .next {
        float: none !important;
        display: block;
        margin-bottom: 10px;
    }

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

    .footer .fqrcode,
    .footer .fabout,
    .footer .fcoop,
    .footer .fcontact {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
    .footer .fqrcode dd {
        display: inline-block;
    }
    .copyright {
        height: auto;
        line-height: 1.6;
        padding: 10px 0;
        font-size: 11px;
    }

    /* 通用图片适配 */
    img {
        max-width: 100%;
        height: auto;
    }
}