/* PC端隐藏汉堡按钮 */
.mobile-menu-btn {
    display: none;
}

@media (max-width: 1023px) {
    /* ----------------------------------------
       0. 全局防止横向滚动
       ---------------------------------------- */
    html, body {
        overflow-x: hidden !important;
    }

    /* ----------------------------------------
       1. Header 基础重置
       ---------------------------------------- */
    header {
        min-width: auto !important;
        overflow: visible !important;
    }

    /* header.html 中有内联 height: 120px，需要重置 */
    header[style*="height: 120px"] {
        height: auto !important;
    }

    /* 导航条容器（header的第一个div） */
    header > div:first-child {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        height: 60px !important;
        min-height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        justify-content: space-between !important;
        z-index: 1000 !important;
    }

    /* ----------------------------------------
       2. Logo 区域适配
       ---------------------------------------- */
    header > div:first-child > div:first-child {
        min-width: auto !important;
        margin-left: 0 !important;
        line-height: normal !important;
        padding-left: 16px;
    }

    header > div:first-child > div:first-child a {
        display: flex;
        align-items: center;
        height: 60px;
    }

    header > div:first-child > div:first-child img {
        width: auto !important;
        max-width: 220px !important;
        height: 40px !important;
        object-fit: contain;
        margin: 0 !important;
    }

    /* 隐藏PC端用来占位的 240px div */
    header > div:first-child > div:nth-child(2) {
        display: none !important;
    }

    /* ----------------------------------------
       3. 汉堡菜单按钮
       ---------------------------------------- */
    .mobile-menu-btn {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 6px;
        right: 8px;
        width: 48px;
        height: 48px;
        margin-right: 8px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 1002;
    }

    .mobile-menu-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background: #fff;
        margin: 3px 0;
        transition: all 0.3s ease;
        border-radius: 1px;
    }

    .mobile-menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .mobile-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* ----------------------------------------
       4. 导航菜单（移动端下拉）
       ---------------------------------------- */
    header nav {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 60px) !important;
        overflow-y: auto !important;
        background: #901C1C !important;
        flex-direction: column !important;
        line-height: normal !important;
        padding: 8px 0 16px !important;
        margin-top: 0 !important;

        /* 默认隐藏 */
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        pointer-events: none;
    }

    header nav.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* 导航链接和 dropdown 统一样式 */
    header nav > a,
    header nav > .dropdown {
        width: 100% !important;
        text-align: left !important;
        padding: 0 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    header nav > a {
        display: block !important;
        height: 48px !important;
        line-height: 48px !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    header nav > .dropdown {
        position: relative !important;
        z-index: auto !important;
    }

    header nav > .dropdown > a {
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        line-height: 48px !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        position: relative;
    }

    /* 下拉箭头：仅在有子菜单时显示 */
    header nav > .dropdown.has-menu > a::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(255, 255, 255, 0.7);
        transition: transform 0.3s ease;
    }

    header nav > .dropdown.has-menu.open > a::after {
        transform: translateY(-50%) rotate(180deg);
    }

    /* 移动端下拉菜单样式 */
    header nav .dropdown-menu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.15) !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        display: none;
        padding: 4px 0;
        margin: 0 -20px;
        width: calc(100% + 40px) !important;
    }

    header nav > .dropdown.open .dropdown-menu {
        display: block;
    }

    header nav .dropdown-item {
        text-align: left !important;
        padding: 12px 32px !important;
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    header nav .dropdown-item:hover {
        background: rgba(255, 255, 255, 0.1) !important;
        color: #fff !important;
    }

    /* 搜索按钮在移动端导航中 */
    header nav > a[href*="search"] {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border-bottom: none;
    }

    header nav > a[href*="search"] img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px;
    }

    /* ----------------------------------------
       5. 搜索弹层微调
       ---------------------------------------- */
    .ser-layer .serform .input-group .inp {
        font-size: 16px;
    }

    .ser-layer .serclose {
        right: 1rem;
        top: 1rem;
    }

    /* ----------------------------------------
       6. 轮播图高度适配（仅 index.html）
       ---------------------------------------- */
    header.h-\[960px\]:not([style*="height: 120px"]) {
        height: 300px !important;
    }

    header > div.h-\[960px\] {
        height: 300px !important;
    }

    header .swiper,
    header .swiper-wrapper {
        height: 300px !important;
    }

    header .swiper-slide img.h-\[960px\] {
        height: 300px !important;
    }

    /* ----------------------------------------
       7. 中心工程化模块移动端适配
       ---------------------------------------- */
    .section-container {
        margin-top: 0 !important;
        padding: 20px 0 !important;
    }

    .section-container .text-center.mb-10 {
        margin-bottom: 20px !important;
        padding: 0 16px !important;
    }

    .section-container .text-\[36px\] {
        font-size: 24px !important;
    }

    .section-container p[style*="text-stroke"] {
        font-size: 18px !important;
        margin-top: -20px !important;
    }

    .section-container .absolute.right-0.bottom-0.flex.items-center {
        right: 16px !important;
        bottom: 4px !important;
    }

    /* 轮播图区域 - 固定比例防止不同图片高度导致容器跳动 */
    .section-container .overflow-hidden.relative.h-\[579px\] {
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }

    .section-container .news-carousel-container {
        height: 100% !important;
        max-height: none !important;
    }

    .section-container .carousel-track {
        height: 100% !important;
    }

    .section-container .carousel-slide {
        height: 100% !important;
    }

    .section-container .carousel-slide img.w-full.h-\[579px\] {
        height: 100% !important;
        max-height: none !important;
        min-height: auto !important;
    }

    /* 轮播图底部标题背景 */
    .section-container .carousel-slide .w-\[662px\] {
        width: 100% !important;
        height: auto !important;
        min-height: 48px !important;
    }

    .section-container .carousel-slide .w-\[662px\] .text-lg {
        font-size: 14px !important;
        padding: 12px 16px !important;
    }

    /* 分页控制器 */
    .section-container .paginate {
        position: absolute !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;
    }

    /* 右侧新闻列表容器 */
    .section-container .h-\[583px\].w-\[490px\] {
        height: auto !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding: 16px !important;
    }

    /* 新闻列表项 */
    .section-container .h-\[102px\].w-\[450px\] {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0 !important;
    }

    .section-container .h-\[102px\].w-\[450px\] .flex {
        align-items: flex-start !important;
    }

    .section-container .h-\[102px\].w-\[450px\] img.w-\[158px\] {
        width: 100px !important;
        height: auto !important;
        min-height: 70px !important;
        object-fit: cover !important;
    }

    .section-container .h-\[102px\].w-\[450px\] .w-\[272px\] {
        width: calc(100% - 110px) !important;
        height: auto !important;
    }

    .section-container .h-\[102px\].w-\[450px\] h3 {
        font-size: 14px !important;
        margin-top: 0 !important;
        line-height: 1.4 !important;
    }

    /* 隐藏箭头图标或调整位置 */
    .section-container .h-\[102px\].w-\[450px\] img.absolute {
        display: none !important;
    }

    /* 背景装饰层 */
    .section-container .empty-bg {
        height: 120px !important;
    }
}


@media (max-width: 1023px) {
    /* ----------------------------------------
       1. 外层容器通用调整
       ---------------------------------------- */
    .bg-\[\#E5F5FD\] > .container.mx-auto {
        padding-left: 16px;
        padding-right: 16px;
    }

    .bg-\[\#E5F5FD\] > .container > .grid.grid-cols-1.lg\:grid-cols-2 {
        gap: 40px 0 !important;
    }

    /* ----------------------------------------
       2. 科研成果区域适配
       ---------------------------------------- */
    /* 标题区域 */
    .bg-\[\#E5F5FD\] > .container > .grid > div:first-child > div:first-child {
        margin-bottom: 20px !important;
    }

    .bg-\[\#E5F5FD\] > .container > .grid > div:first-child > div:first-child .absolute.right-0.bottom-0.flex.items-center.justify-center.cursor-pointer {
        right: 0 !important;
        bottom: 4px !important;
    }

    /* 列表项 */
    .bg-\[\#E5F5FD\] > .container > .grid > div:first-child .space-y-4 {
        width: 100% !important;
    }

    .bg-\[\#E5F5FD\] .w-\[571px\].h-\[74px\] {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        margin-bottom: 16px !important;
        padding-bottom: 12px !important;
    }

    .bg-\[\#E5F5FD\] .w-\[571px\].h-\[74px\] h3 {
        line-height: 1.5 !important;
    }

    /* ----------------------------------------
       3. 学术活动区域适配
       ---------------------------------------- */
    /* 标题与 tabs 垂直排列 */
    .academic-activities > .flex:first-of-type {
        flex-direction: column !important;
        gap: 12px 0 !important;
        margin-bottom: 16px !important;
    }

    .academic-activities .flex.space-x-2.mb-6 {
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        flex-wrap: wrap !important;
        gap: 8px 16px !important;
    }

    .academic-activities .flex.space-x-2.mb-6 > * {
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }

    /* 内容区域：左右堆叠 */
    .academic-activities > .flex + .flex {
        flex-direction: column !important;
        gap: 16px 0 !important;
    }

    .academic-activities .tab-content,
    .academic-activities .tab-content-active,
    .academic-activities .tab-content .space-y-4.w-\[446px\].h-\[452px\] {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
    }

    .academic-activities .tab-content .space-y-4.w-\[446px\].h-\[452px\] {
        padding: 16px !important;
    }

    .academic-activities .w-\[354px\].h-\[452px\] {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
    }

    .academic-activities .right-content .cover img.w-\[354px\].h-\[240px\] {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }

    .academic-activities .right-content .cover {
        display: none !important;
    }

    .academic-activities .right-content .h-\[212px\] {
        height: auto !important;
        min-height: auto !important;
        padding: 16px !important;
    }

    .academic-activities .right-content .text-\[17px\] {
        margin-bottom: 16px !important;
    }
}


@media (max-width: 1023px) {
    /* 外层section */
    section.bg-blue-900.h-\[856px\] {
        height: auto !important;
        min-height: auto !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* 标题区域 */
    section.bg-blue-900 .text-center.mb-8 {
        margin-bottom: 20px !important;
        padding: 0 16px;
    }

    section.bg-blue-900 h2.text-\[36px\] {
        font-size: 24px !important;
    }

    section.bg-blue-900 .mt-\[-36px\] {
        font-size: 24px !important;
        margin-top: -20px !important;
    }

    /* certify 容器 */
    #certify {
        padding: 20px 16px !important;
    }

    #certify .swiper-container {
        padding-bottom: 40px !important;
    }

    #certify .swiper-slide {
        width: calc(100vw - 80px) !important;
        max-width: 400px !important;
        height: auto !important;
        aspect-ratio: 734 / 425 !important;
    }

    /* 左右箭头 */
    #certify .custom-prev,
    #certify .custom-next {
        width: 36px !important;
        height: 36px !important;
    }

    #certify .custom-prev {
        left: 4px !important;
    }

    #certify .custom-next {
        right: 4px !important;
    }

    /* 文字区域 */
    #certify .text-container {
        height: auto !important;
        min-height: auto !important;
        padding: 0 8px;
    }

    #certify .text-item p.font-\[bold\].text-\[19px\] {
        font-size: 16px !important;
    }

    #certify .text-item .text-\[16px\] {
        font-size: 14px !important;
        margin-top: 12px !important;
    }
}


@media (max-width: 1023px) {
    /* 公共服务外层section — 根据内容区 .h-[454px].flex.z-2 特征定位 */
    section:has(> .container > .h-\[454px\].flex.z-2) {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) > .container.mx-auto {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* 标题区域 */
    section:has(> .container > .h-\[454px\].flex.z-2) .text-\[36px\].font-bold.relative.text-center {
        font-size: 24px !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .text-\[36px\].font-bold.relative.text-center > p {
        font-size: 24px !important;
        margin-top: -20px !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .absolute.right-0.bottom-0.flex.items-center.justify-center.cursor-pointer {
        right: 0 !important;
        bottom: 4px !important;
    }

    /* 内容三列区域：垂直堆叠 */
    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 {
        height: auto !important;
        flex-direction: column !important;
        gap: 16px 0 !important;
    }

    /* 左侧大图 */
    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:first-child {
        width: 100% !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:first-child > div.relative {
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:first-child img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        display: block;
    }

    /* 中间小图：一行显示，宽高为左侧大图的一半 */
    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:nth-child(2) {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:nth-child(2) > div.relative.yc1 {
        width: calc(50% - 6px) !important;
        margin-bottom: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
        flex-shrink: 0 !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:nth-child(2) > div.relative.yc1 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block;
    }

    /* 右侧新闻列表 */
    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:nth-child(3) {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 > div:nth-child(3) .head .text-\[24px\] {
        font-size: 20px !important;
    }

    /* 图片底部标题条 */
    section:has(> .container > .h-\[454px\].flex.z-2) .h-\[454px\].flex.z-2 span.leading-\[60px\].h-\[60px\] {
        min-height: 48px !important;
        height: auto !important;
        line-height: 48px !important;
        font-size: 14px !important;
    }

    /* 背景装饰：缩小并降低透明度，防止横向滚动 */
    section:has(> .container > .h-\[454px\].flex.z-2) > div.z-\[-1\].absolute.top-0.left-0 {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 811 / 824 !important;
        background-position: center top !important;
        opacity: 0.3;
    }

    section:has(> .container > .h-\[454px\].flex.z-2) > div.z-\[-1\].absolute.bottom-0 {
        width: 60% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        right: 0 !important;
        background-position: center 80px !important;
        opacity: 0.3;
    }
}

/* ============================================
   规章制度 移动端适配
   断点：1023px 及以下
   原则：只覆盖移动端，不影响PC端
   ============================================ */

@media (max-width: 1023px) {
    /* 外层section */
    .section-container.relative.h-\[485px\]:has(.card-section) {
        height: auto !important;
        min-height: auto !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* 标题区域 */
    .section-container.relative.h-\[485px\]:has(.card-section) .container.mx-auto.pt-\[55px\] {
        padding-top: 0 !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .text-center.mb-10 {
        margin-bottom: 20px !important;
        padding: 0 16px;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .text-\[36px\] {
        font-size: 24px !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .mt-\[-36px\] {
        font-size: 24px !important;
        margin-top: -20px !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .absolute.right-0.bottom-0.flex.items-center.justify-center.cursor-pointer {
        right: 16px !important;
        bottom: 4px !important;
    }

    /* 卡片网格：三列变单列 */
    .section-container.relative.h-\[485px\]:has(.card-section) .grid.grid-cols-3 {
        grid-template-columns: 1fr !important;
        padding-left: 16px;
        padding-right: 16px;
        gap: 16px !important;
    }

    /* 卡片高度自适应，padding 减小 */
    .section-container.relative.h-\[485px\]:has(.card-section) .card-section {
        height: auto !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .card-section > div {
        height: auto !important;
        padding: 20px !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .card-section .text-\[20px\] {
        font-size: 16px !important;
        margin-top: 12px !important;
    }

    .section-container.relative.h-\[485px\]:has(.card-section) .card-section .text-\[14px\] {
        font-size: 13px !important;
        margin-top: 12px !important;
    }
}

/* ============================================
   研究团队 移动端适配
   ============================================ */

@media (max-width: 1023px) {
    /* 外层section */
    section.relative.h-\[622px\]:has(#person) {
        height: auto !important;
        min-height: auto !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* 标题区域 */
    section.relative.h-\[622px\]:has(#person) .container.mx-auto.pt-\[55px\] {
        padding-top: 0 !important;
    }

    section.relative.h-\[622px\]:has(#person) .text-center.mb-10 {
        margin-bottom: 20px !important;
        padding: 0 16px;
    }

    section.relative.h-\[622px\]:has(#person) .text-\[36px\] {
        font-size: 24px !important;
    }

    section.relative.h-\[622px\]:has(#person) .mt-\[-36px\] {
        font-size: 24px !important;
        margin-top: -20px !important;
    }

    section.relative.h-\[622px\]:has(#person) .absolute.right-0.bottom-0.flex.items-center.justify-center.cursor-pointer {
        right: 16px !important;
        bottom: 4px !important;
    }

    /* swiper容器 */
    #person .swiper-person {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    #person .swiper-person .swiper-wrapper {
        align-items: stretch !important;
    }

    /* 轮播卡片 */
    #person .swiper-slide {
        height: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    #person .swiper-slide > div.bg-\[\#2989E6\] {
        width: calc(50vw - 24px) !important;
        max-width: 200px !important;
        height: auto !important;
        aspect-ratio: 256 / 375 !important;
    }

    #person .swiper-slide > div.bg-\[\#2989E6\] img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* 导航按钮 */
    #person .swiper-button-prev,
    #person .swiper-button-next {
        width: 36px !important;
        height: 36px !important;
    }

    #person .swiper-button-prev {
        margin-left: 4px !important;
        left: 0 !important;
    }

    #person .swiper-button-next {
        margin-right: 4px !important;
        right: 0 !important;
    }

    #person .swiper-button-prev img,
    #person .swiper-button-next img {
        width: 100% !important;
        height: 100% !important;
    }
}

/* ============================================
   Footer 移动端适配
   断点：1023px 及以下
   原则：只覆盖移动端，不影响PC端
   ============================================ */

@media (max-width: 1023px) {
    footer.bg-red-900 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    footer.bg-red-900 > .container.mx-auto {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* 内容区域：垂直堆叠 */
    footer.bg-red-900 > .container > .flex.flex-col.md\:flex-row {
        flex-direction: column !important;
        align-items: center !important;
        gap: 24px 0 !important;
    }

    /* Logo */
    footer.bg-red-900 > .container > .flex > div:first-child {
        margin-bottom: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    footer.bg-red-900 > .container > .flex > div:first-child img {
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
    }

    /* 竖线分隔线改为横线 */
    footer.bg-red-900 > .container > .flex > div[style*="width: 1px"] {
        width: 100% !important;
        height: 1px !important;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #FFFFFF 52.37%, rgba(216,216,216,0) 100%) !important;
    }

    /* 联系我们 */
    footer.bg-red-900 > .container > .flex > .flex.flex-col.space-y-4 {
        width: 100% !important;
        align-items: center !important;
        text-align: center !important;
        gap: 12px 0 !important;
    }

    footer.bg-red-900 > .container > .flex > .flex.flex-col.space-y-4 h4 {
        margin-bottom: 8px !important;
    }

    footer.bg-red-900 > .container > .flex > .flex.flex-col.space-y-4 > div {
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 8px !important;
        margin-bottom: 0 !important;
        text-align: left !important;
    }

    footer.bg-red-900 > .container > .flex > .flex.flex-col.space-y-4 > div img {
        margin-right: 0 !important;
        flex-shrink: 0 !important;
        margin-top: 2px !important;
    }

    /* 友情链接 */
    footer.bg-red-900 > .container > .flex > div.mt-6.md\:mt-0 {
        margin-top: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    footer.bg-red-900 > .container > .flex > div.mt-6.md\:mt-0 .friendship-select-container {
        width: 100% !important;
        max-width: 320px !important;
    }

    /* 分隔横线 */
    footer.bg-red-900 > .my-6 {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }

    /* 版权信息 */
    footer.bg-red-900 > div:last-child > .text-center p {
        font-size: 12px !important;
        padding: 0 16px;
        line-height: 1.6 !important;
    }
}


/* ============================================
   全局修正：show/list/category 页面 dropdown-menu 错位
   这些页面 body 带有 min-width:1200px（首页无此特征），
   若同时加载 index/css/index.css（transform:translateX(-50%)）
   与 css/index.css（left:0 未覆盖 transform）会产生冲突，
   导致子菜单向左偏移。利用 body style 特征精确修复。
   ============================================ */
body[style*="1200px"] .dropdown-menu,
body[style*="1200px"] .dropdown:hover .dropdown-menu {
    transform: none !important;
}

/* ============================================
   show / list / category 通用内容区移动端适配
   断点：1023px 及以下
   原则：仅覆盖移动端，不影响 PC 端写死样式
   ============================================ */

@media (max-width: 1023px) {
    /* 1. 全局重置 */
    html, body {
        overflow-x: hidden !important;
    }
    body {
        min-width: auto !important;
        padding-top: 60px !important;
    }

    /* 2. 覆盖 show/list/category 中写死的 1200px 外层容器 */
    .main-container,
    body > div[style*="width:1200px"] {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    /* 3. 面包屑导航 */
    .tyl-main-top {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 12px 0 !important;
        background: transparent !important;
    }
    .tyl-main-top a {
        font-size: 14px !important;
    }

    /* 4. list/category 页面：左右布局改为上下堆叠 */
    .tyl-main {
        margin-top: 0 !important;
    }
    .tyl-main-left {
        width: 100% !important;
        float: none !important;
        margin-bottom: 16px !important;
    }
    .tyl-main-center {
        display: none !important;
    }
    .tyl-main-right {
        width: 100% !important;
        float: none !important;
    }
    /* 移动端左侧菜单折叠面板 */
    .tyl-main-left {
        position: relative;
        margin-bottom: 16px !important;
    }

    .tyl-main-left-title {
        background: #901C1C !important;
        color: #fff !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: bold !important;
        padding: 14px 48px !important;
        border-top: none !important;
        cursor: pointer;
        position: relative;
    }

    /* 右侧网格展开图标 (2x2方块) */
    .tyl-main-left-title::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        background: #fff;
        box-shadow: 0 6px 0 #fff, 6px 0 0 #fff, 6px 6px 0 #fff;
    }

    .tyl-main-left-list {
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-top: none;
        margin-top: 0 !important;
        transition: max-height 0.3s ease;
    }

    .tyl-main-left.open .tyl-main-left-list {
        max-height: 500px;
    }

    .tyl-main-left-list ul {
        padding: 0;
    }

    .tyl-main-left-list ul li {
        margin: 0 !important;
        padding: 0 16px !important;
        border-bottom: 1px dashed #eee !important;
        text-align: left !important;
        font-size: 14px !important;
        height: 44px !important;
        line-height: 44px !important;
        display: flex;
        align-items: center;
    }

    .tyl-main-left-list ul li:last-child {
        border-bottom: none !important;
    }

    .tyl-main-left-list ul li a {
        color: #000 !important;
        display: block;
        width: 100%;
    }

    .tyl-main-left-list ul li.on a {
        color: #000 !important;
        font-weight: bold;
    }

    .tyl-main-right-title {
        display: none !important;
    }
    .tyl-main-right-title {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 12px 16px !important;
        font-size: 15px !important;
    }
    .tyl-main-right-list-a li {
        line-height: 1.6 !important;
        padding: 12px 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 8px !important;
        font-size: 14px !important;
    }
    .tyl-main-right-list-a li a {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .tyl-main-right-list-a li span {
        float: none !important;
        white-space: nowrap;
        color: #999;
        font-size: 13px;
    }

    /* 5. show 页面内容区 */
    .tys-main {
        padding: 16px !important;
    }
    .tys-main-zt {
        padding: 16px !important;
    }
    .tys-main-zt h3 {
        font-size: 20px !important;
        padding-bottom: 12px !important;
    }
    .tys-main-zt-a {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 10px !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
        font-size: 13px !important;
    }
    .tys-main-zt-aa {
        padding: 0 4px !important;
    }
    .tys-main-zt-show {
        padding: 16px 0 !important;
        font-size: 15px !important;
        line-height: 1.8 !important;
    }
    /* 正文图片自适应 */
    .tys-main-zt-show img,
    .TRS_PreAppend img,
    #j-show-body img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
    }
    /* 正文表格横向滚动 */
    .tys-main-zt-show table,
    .TRS_PreAppend table,
    #j-show-body table {
        max-width: 100% !important;
        display: block;
        overflow-x: auto;
    }

    /* 6. 分页 mypages（list/category 内联样式） */
    .mypages {
        margin: 16px auto !important;
        padding-top: 10px !important;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
    }
    .mypages .first,
    .mypages .next,
    .mypages .last,
    .mypages .active,
    .mypages .active~a,
    .mypages .next+a,
    .mypages .prev {
        margin-left: 0 !important;
        height: 32px !important;
        line-height: 32px !important;
    }
    .mypages select {
        display: none !important;
    }

    /* 7. 老分页 nextpage */
    .nextpage {
        padding: 10px !important;
        height: auto !important;
    }
    .nextpage ul {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
    }
    .nextpage ul li {
        float: none !important;
        margin-right: 0 !important;
    }

    /* 8. 图集列表 typl */
    .typl-main-right-list-a li {
        width: 50% !important;
        float: left !important;
        padding-bottom: 16px !important;
    }
    .typl-main-right-list-a li img {
        width: 100% !important;
        height: auto !important;
        max-width: 205px;
    }
    .typl-main-right-list-a li span {
        width: 100% !important;
    }
}