/* 移动端自适应层
 * 桌面（>=1240px）完全沿用原 style.css 的 1200px 定宽版式；
 * 以下断点只做覆盖，便于与原始设计稿逐屏比对。 */

@media (max-width: 1239px) {
    body {
        min-width: 0;
    }

    /* ---------- 头部 ---------- */
    #header {
        height: auto;
    }

    .lynn-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: auto;
        min-height: 72px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    #lynn-logo,
    #lynn-logo a {
        width: auto;
        height: auto;
        float: none;
        margin: 0;
    }

    #lynn-logo a img {
        display: block;
        width: 168px;
        height: 56px;
    }

    #lynn-nav {
        width: auto;
        height: auto;
        float: none;
    }

    .nav-toggle {
        display: block;
    }

    #lynn-nav .lynn-nav-ul {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 30;
        height: auto;
        padding: 6px 0;
        margin: 0;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    }

    #lynn-nav.open .lynn-nav-ul {
        display: block;
    }

    .lynn-nav-ul li {
        float: none;
        padding: 0;
    }

    .lynn-nav-ul li a {
        height: 46px;
        line-height: 46px;
        padding: 0 16px;
        font-size: 15px;
    }

    #lynn-login {
        display: none;
    }

    /* 移动端不展示登录浮层 */
    .index-login {
        display: none !important;
    }

    /* ---------- 通用容器 ---------- */
    .lynn-article-top h3 {
        height: auto;
        line-height: 1.25;
        font-size: 26px;
        border-bottom-width: 2px;
    }

    .lynn-article-top i {
        display: none;
    }

    .lynn-article-top p {
        width: 100%;
        padding: 8px 16px 0;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22px;
    }

    .lynn-news,
    .lynn-case-index,
    .lynn-article-index,
    .lynn-link-index,
    .lynn-contact-index {
        padding: 38px 0;
    }

    /* ---------- 首页案例横滑 ---------- */
    .lynn-case-info {
        width: 100%;
        padding: 24px 8px 0;
        margin: 24px auto 0;
        box-sizing: border-box;
    }

    .slider-img {
        width: 100%;
        height: auto;
        padding: 0 6px;
        box-sizing: border-box;
    }

    .slider-img > img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    /* ---------- 首页新闻 ---------- */
    .lynn-news-index {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .lynn-news-index-ul {
        padding: 24px 0 0;
    }

    .lynn-news-index-ul li {
        width: 100%;
        padding: 0 0 28px;
        box-sizing: border-box;
    }

    .lynn-news-index-li-right {
        width: auto;
        float: none;
        margin-left: 90px;
    }

    .lynn-news-index-li-right-top h3,
    .lynn-news-index-li-right-top p {
        width: auto;
        float: none;
    }

    /* ---------- 首页文章 ---------- */
    .lynn-article-bot-ul {
        width: 100%;
        padding: 24px 16px 0;
        box-sizing: border-box;
    }

    .lynn-article-bot-ul li {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0 0 16px;
        padding: 18px 18px 20px;
        box-sizing: border-box;
    }

    .lynn-article-bot-ul li p {
        height: auto;
        padding-bottom: 8px;
    }

    /* ---------- 友情链接 ---------- */
    .lynn-flink-info {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .lynn-flink-info-bot a,
    .lynn-flink-info-bot a img {
        width: 50%;
        height: auto;
        box-sizing: border-box;
    }

    /* ---------- 首页留言 ---------- */
    .lynn-contact-bottom {
        width: 100%;
        height: auto;
        padding: 0 16px;
        margin-top: 24px;
        box-sizing: border-box;
    }

    .lynn-contact-form-top input {
        width: 100%;
        margin: 0 0 12px;
        box-sizing: border-box;
    }

    .lynn-input-tel {
        margin: 0 0 12px;
    }

    .lynn-textarea {
        width: 100%;
        box-sizing: border-box;
    }

    /* ---------- 列表页 ---------- */
    .list-container {
        width: 100%;
        padding: 28px 16px 40px;
        box-sizing: border-box;
    }

    .list-menu {
        height: auto;
    }

    .list-menu-left {
        width: 100%;
        height: auto;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .list-menu-left-ul {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        width: 100%;
        height: auto;
        padding: 8px;
        box-sizing: border-box;
    }

    .list-menu-left-ul li {
        float: none;
    }

    .list-menu-left-ul li a {
        padding: 0 14px;
    }

    .list-menu-right {
        float: none;
        width: 100%;
    }

    .list-menu-search {
        width: 100%;
        box-sizing: border-box;
    }

    .list-news {
        padding: 24px 0;
    }

    .list-news-ul li {
        padding: 16px 12px;
    }

    .list-news-ul li .list-news-li-right {
        padding-right: 0;
    }

    .list-news-li-right h3 {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    /* ---------- 详情页 ---------- */
    .detail-news-left {
        width: 100%;
        padding: 22px 16px;
        box-sizing: border-box;
        float: none;
    }

    .detail-news-right {
        width: 100%;
        float: none;
        margin-top: 24px;
    }

    /* ---------- 案例列表 ---------- */
    .lynn-banner-info img {
        width: 100%;
        height: auto;
    }

    .lynn-case-menu-ul {
        width: 100%;
        height: auto;
        padding: 10px 8px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .lynn-case-menu-ul li {
        float: none;
    }

    .lynn-case-list {
        width: 100%;
        padding: 24px 10px;
        box-sizing: border-box;
    }

    .lynn-case-list-ul li {
        width: 50%;
        height: auto;
        padding: 0 6px 20px;
        box-sizing: border-box;
    }

    .lynn-case-list-ul li a {
        width: 100%;
    }

    .lynn-case-list-ul li a img.case-img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    /* ---------- 页脚 ---------- */
    #lynn-footer {
        height: auto;
    }

    .lynn-footer-nav {
        width: 100%;
        height: auto;
        padding: 16px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 6px 0;
    }

    .lynn-footer-bot {
        width: 100%;
        padding: 24px 16px 96px;
        box-sizing: border-box;
    }

    .lynn-footer-bot-mid {
        width: 100%;
        border-right: 0;
        padding: 0;
    }

    .lynn-footer-bot-right {
        width: 100%;
        padding-left: 0;
        margin-top: 18px;
    }

    .lynn-footer-bot-right strong {
        font-size: 22px;
        line-height: 32px;
    }

    /* 回到顶部 + 二维码那块在移动端会压住内容，先隐藏 */
    .lynn-index-top {
        display: none;
    }
}

@media (max-width: 900px) {
    /* 首页视频头图 */
    .lynn-hero {
        height: 360px;
    }

    .lynn-hero-caption h2 {
        font-size: 36px;
    }

    /* 产品详情：窄屏下数据与成分改为两列铺满 */
    .product-stats {
        flex-wrap: wrap;
    }

    .product-stats > div {
        flex: 1 1 calc(50% - 5px);
    }

    .product-ingredients li {
        width: 100%;
    }

    /* 案例海报是竖版（274x474），手机上保持两列，避免单列过高 */
    .lynn-case-list-ul li {
        width: 50%;
    }

    .lynn-footer-bot-right {
        max-width: 320px;
    }

    .list-news-li-left strong {
        font-size: 34px;
    }
}

@media (max-width: 600px) {
    /* 首页视频头图 */
    .lynn-hero {
        height: 240px;
    }

    .lynn-hero-caption h2 {
        font-size: 24px;
        letter-spacing: 0.12em;
        text-indent: 0.12em;
    }

    .lynn-article-top h3 {
        font-size: 22px;
    }

    .lynn-news-index-li-left {
        width: 62px;
    }

    .lynn-news-index-li-right {
        margin-left: 72px;
    }

    .lynn-news-index-li-left span,
    .lynn-news-index-li-left strong {
        width: 54px;
    }

    /* 54px 内放不下 13px 的 “2026-04”，再收一号避免折行 */
    .lynn-news-index-li-left span {
        font-size: 12px;
    }

    .list-news-li-right h3 {
        font-size: 15px;
    }

    .lynn-btn-submit {
        width: 100%;
    }

    .qual-table th,
    .qual-table td {
        padding: 8px;
        font-size: 12px;
    }
}