/* ============================================
   手机端适配样式 (适用于 768px 及以下屏幕)
   基于 375px 屏幕基准设计，兼容 320px - 768px
   ============================================ */

@media screen and (max-width: 768px) {
	.name .infos {
	    margin: 10px;
	}
	.main5{
        width: 100%;
        padding:20px;
        box-sizing: border-box;
        background-color: #f9fafd;
        min-height: auto;
	}
	.name .infos p, .name .infos p span{
	        font-size: 16px;
	}
	.name p {
	        font-size: 16px;
			line-height: normal;
	    }
	    .name .info p,
	    .name .info p span {
	        font-size: 14px;
	    }
	    .nr1 p {
	        font-size: 14px;
	        line-height: 1.8;
	        word-wrap: break-word;
	    }

    /* ---------- 全局重置 ---------- */
    .main {
        width: 100%;
        overflow-x: hidden;
    }

    /* ---------- main1 容器：改为纵向排列 ---------- */
    .main1 {
        width: 100%;
        margin-top: 0;
        flex-direction: column;
        padding: 0 4.267vw;
        /* 16px / 375px * 100 ≈ 4.267vw */
        box-sizing: border-box;
    }

    /* ---------- 轮播图区域 ---------- */
    .lunbo {
        width: 100%;
        height: auto;
    }

    .lunboimg {
        padding: 0.8vw;
        /* 约 3px */
        border-radius: 1.6vw;
        /* 约 6px */
        box-shadow: 0 0 2.667vw 0.267vw rgba(121, 43, 119, 0.15);
    }

    .lunboimg img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0.8vw;
    }

    /* 轮播图标签：高小钦课题组 */
    .lunbocd {
        position: relative;
        top: -10.667vw;
        /* 向上偏移，覆盖在图片底部 */
        left: 1.067vw;
        /* 4px */
        width: 32vw;
        /* 约 120px */
        height: 8.533vw;
        /* 约 32px */
        line-height: 8.533vw;
        font-size: 3.733vw;
        /* 约 14px */
        background: url(img/lunbocb.png) no-repeat center center;
        background-size: 100% 100%;
        color: #fee7ff;
        font-family: "思源宋体", "Songti SC", serif;
        text-align: left;
        padding-left: 1.6vw;
        box-sizing: border-box;
    }

    .lunbocd img {
        width: 4.267vw;
        /* 约 16px */
        height: 3.467vw;
        /* 约 13px */
        margin-left: 2.133vw;
        /* 约 8px */
        vertical-align: middle;
    }

    /* ---------- 研究方向区域 ---------- */
    .yjfx {
        width: 100%;
        height: auto;
        margin-top: 1.067vw;
        /* 4px */
    }

    /* 标题栏 */
    .title {
        height: 8.533vw;
        /* 约 32px */
        border-bottom: 0.267vw solid #cccccc;
        /* 约 1px */
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.533vw;
    }

    .wl {
        font-size: 4.8vw;
        /* 约 18px */
        font-weight: bold;
        font-family: Arial, "Helvetica Neue", sans-serif;
        height: 100%;
        line-height: 8.533vw;
        border-bottom: 0.533vw solid #73116f;
        /* 约 2px */
        padding: 0 0.533vw;
        box-sizing: border-box;
    }

    .more {
        line-height: 8.533vw;
    }

    .more a {
        font-family: Arial, "Helvetica Neue", sans-serif;
        font-size: 3.2vw;
        /* 约 12px */
        color: #deb653;
        text-decoration: none;
    }

    .more a:hover {
        text-decoration: underline;
    }

    /* ---------- 研究方向列表 ---------- */
    .infolist16_23_r ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .infolist16_23_r ul li {
        position: relative;
        z-index: 1;
        list-style: none;
    }

    /* 隐藏桌面端的紫色渐变条（手机端不需要） */
    .infolist16_23_r ul li::after {
        display: none;
    }

    .infolist16_23_r ul li a {
		height: auto;
        display: flex;
        align-items: flex-start;
        padding: 3.733vw 0;
        /* 约 14px */
        min-height: 18.667vw;
        /* 约 70px */
        border-bottom: 0.267vw solid #ddd;
        /* 约 1px */
        gap: 2.667vw;
        /* 约 10px */
        text-decoration: none;
        position: relative;
        transition: background 0.3s ease;
    }

    /* 去掉最后一条的横线 */
    .infolist16_23_r ul li:last-child a {
        border-bottom: none;
    }

    /* 隐藏桌面端的圆点滑动效果（手机端无 hover） */
    .infolist16_23_r ul li:not(:last-child) a::after {
        display: none;
    }

    /* 序号容器 */
    .infolist16_23_r ul li a .infolist16_23_rdate {
        text-align: center;
        width: 10.667vw;
        /* 约 40px */
        flex-shrink: 0;
        padding-top: 0.533vw;
    }

    .infolist16_23_r ul li a .infolist16_23_rdate>span {
        display: block;
        font-family: "思源宋体", "Songti SC", serif;
        font-style: italic;
        font-weight: bold;
        font-size: 6.4vw;
        /* 约 24px */
        color: #63065f;
        letter-spacing: 0.267vw;
        margin-top: 0;
        line-height: 1.2;
    }

    /* 内容区域 */
    .infolist16_23_r ul li a .l2.txt1 {
        flex: 1;
        min-width: 0;
        padding-top: 0.267vw;
    }

    .txt12 {
        font-size: 3.733vw;
        /* 约 14px */
        color: #333;
        font-weight: 500;
        line-height: 1.4;
        word-break: break-word;
    }

    .txt13 {
        font-size: 2.933vw;
        /* 约 11px */
        color: #999;
        line-height: 4.267vw;
        /* 约 16px */
        margin-top: 1.6vw;
        /* 约 6px */
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 增加触摸区域，提升点击体验 */
    .infolist16_23_r ul li a:active {
        background-color: rgba(115, 17, 111, 0.05);
        border-radius: 1.067vw;
    }

    /* ---------- 底部欢迎区域 (main2) ---------- */
    .main2 {
        width: 100%;
        height: auto;
        min-height: 40vw;
        /* 保底高度 */
        background-image: url(img/ktzzbj.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 5.333vw;
        /* 约 20px */
        padding: 5.333vw 4.267vw 6.667vw;
        /* 上下左右内边距 */
        box-sizing: border-box;
    }

    .main2s {
        width: 100%;
        margin: 0 auto;
    }

    .main2 .main2_title {
        color: #62176c;
        font-size: 5.867vw;
        /* 约 22px */
        font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
        font-weight: 600;
        text-align: center;
        padding-top: 0;
        line-height: 1.3;
    }

    .title_logo {
        text-align: center;
        margin-top: 2.667vw;
        /* 约 10px */
    }

    .title_logo img {
        width: 100%;
        /* 约 80px */
        height: auto;
        max-width: 100%;
    }

    .main2nr {
        color: #6a6069;
        font-size: 3.467vw;
        /* 约 13px */
        text-align: center;
        line-height: 5.867vw;
        /* 约 22px */
        margin-top: 3.2vw;
        /* 约 12px */
        padding: 0 1.067vw;
        word-break: break-word;
    }

    /* ---------- 额外优化：更小屏幕 (320px - 420px) ---------- */
    @media screen and (max-width: 420px) {
        .main1 {
            padding: 0 3.2vw;
        }

        .lunbocd {
            width: 36vw;
            height: 9.6vw;
            line-height: 9.6vw;
            font-size: 4vw;
            top: -11.733vw;
        }

        .lunbocd img {
            width: 4.8vw;
            height: 3.733vw;
        }

        .wl {
            font-size: 4.267vw;
        }

        .more a {
            font-size: 2.933vw;
        }

        .txt12 {
            font-size: 3.467vw;
        }

        .txt13 {
            font-size: 2.667vw;
            line-height: 3.733vw;
        }

        .infolist16_23_r ul li a .infolist16_23_rdate>span {
            font-size: 5.867vw;
        }

        .main2 .main2_title {
            font-size: 5.333vw;
        }

        .main2nr {
            font-size: 3.2vw;
            line-height: 5.333vw;
        }

        .title_logo img {
            width: 100%;
        }
    }

    /* ---------- 横屏手机优化 (宽度 > 高度，常见于游戏或视频) ---------- */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main1 {
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0 3.2vw;
        }

        .lunbo {
            width: 58%;
            margin-right: 2.667vw;
        }

        .yjfx {
            width: 38%;
            height: auto;
        }

        .lunbocd {
            width: 28vw;
            height: 7.467vw;
            line-height: 7.467vw;
            font-size: 3.2vw;
            top: -9.333vw;
        }

        .lunbocd img {
            width: 3.733vw;
            height: 3.067vw;
        }

        .infolist16_23_r ul li a {
            padding: 2.133vw 0;
            min-height: 14.667vw;
            gap: 1.6vw;
        }

        .infolist16_23_r ul li a .infolist16_23_rdate {
            width: 8vw;
        }

        .infolist16_23_r ul li a .infolist16_23_rdate>span {
            font-size: 4.8vw;
        }

        .txt12 {
            font-size: 2.933vw;
        }

        .txt13 {
            font-size: 2.4vw;
            line-height: 3.2vw;
            -webkit-line-clamp: 1;
        }

        .main2 {
            min-height: 30vw;
            padding: 3.2vw 3.2vw 4.267vw;
        }

        .main2 .main2_title {
            font-size: 4.8vw;
        }

        .main2nr {
            font-size: 2.8vw;
            line-height: 4.8vw;
        }
    }

    /* ---------- 触摸反馈优化 ---------- */
    .infolist16_23_r ul li a,
    .more a,
    .lunbocd {
        -webkit-tap-highlight-color: rgba(115, 17, 111, 0.15);
        touch-action: manipulation;
    }

    /* 禁用 hover 效果（移动端无 hover） */
    .infolist16_23_r ul li:not(:last-child) a:hover::after {
        right: 0;
        margin-right: 0;
    }

    /* ---------- 辅助：图片防止溢出 ---------- */
    img {
        max-width: 100%;
        height: auto;
    }

    /* ---------- 滚动条优化 ---------- */
    .main1,
    .yjfx {
        -webkit-overflow-scrolling: touch;
    }

    /* ---------- 文字渲染优化 ---------- */
    .main2nr,
    .txt12,
    .txt13 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
	
	
	
	
	
	
}












/* ============================================================
   全新手机端适配样式 (适用于 320px ~ 768px)
   基于柔和、清晰、卡片化的设计语言
   可直接替换或补充到您的样式表中
   ============================================================ */

@media screen and (max-width: 768px) {

    /* ---------- 全局重置 ---------- */
    body {
        background-color: #F9FAFD;
        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;
        margin: 0;
        padding: 0;
        color: #333;
        -webkit-font-smoothing: antialiased;
    }

    /* ---------- 面包屑导航 (.wz) ---------- */
    .wz {
        width: 100%;
        height: auto;
        padding: 12px 16px;
        box-sizing: border-box;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 0;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    }

    .wz_main {
        width: 100%;
        max-width: 100%;
        margin: 0;
        line-height: 1.6;
        font-size: 14px;
        color: #888;
    }

    .wz_main ul.fr {
        display: flex;
        align-items: center;
        /*flex-wrap: wrap;*/
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .wz_main ul.fr li {
        display: inline-block;width: 50px;
    }

    .wz_main ul.fr li a {
        color: #73116f;
        text-decoration: none;
        font-weight: 500;
        transition: background 0.2s;
    }

    .wz_main ul.fr li a:active {
        background: rgba(115, 17, 111, 0.08);
    }

    .wz_main ul.fr > a,
    .wz_main ul.fr > span {
        color: #aaa;
        margin: 0 4px;
        font-size: 14px;
    }

    /* ---------- 主内容容器 (.main1) ---------- */
    .main1 {
        width: 100%;
        padding: 16px 16px 8px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 0;
    }

    /* ---------- 轮播图区域 (.lunbo) ---------- */
    .lunbo {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 16px rgba(121, 43, 119, 0.08);
        position: relative;
    }

    .lunboimg {
        padding: 0;
        background: none;
        border-radius: 0;
        box-shadow: none;
    }

    .lunboimg img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9.6;  /* 近似原比例 40.625/24.479 ≈ 1.66 */
        object-fit: cover;
    }

    /* 课题组标签 - 精致悬浮 */
    .lunbocd {
        position: absolute;
        bottom: 12px;
        left: 12px;
        top: auto;
        width: auto;
        height: auto;
        line-height: 1.2;
        font-size: 14px;
        font-family: "PingFang SC", "思源宋体", serif;
        color: #ffffff;
        background: rgba(115, 17, 111, 0.75);
        backdrop-filter: blur(4px);
        border-radius: 20px;
        padding: 6px 16px 6px 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        gap: 6px;
        background-image: none;  /* 移除原有背景图 */
        left: 16px;
        bottom: 16px;
    }

    .lunbocd img {
        width: 18px;
        height: 15px;
        margin-left: 0;
        filter: brightness(0) invert(1);  /* 白色图标 */
    }

    /* ---------- 研究方向区域 (.yjfx) ---------- */
    .yjfx {
        width: 100%;
        height: auto;
        background: #ffffff;
        border-radius: 16px;
        padding: 16px 0 4px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    }

    .title {
        border-bottom: none;
        height: auto;
        padding: 0 16px 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid #f5f0f5;
    }

    .wl {
        font-size: 20px;
        font-weight: 700;
        font-family: inherit;
        height: auto;
        line-height: 1.3;
        border-bottom: none;
        color: #73116f;
        letter-spacing: 0.5px;
        position: relative;
    }
    .wl::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 28px;
        height: 3px;
        background: #73116f;
        border-radius: 2px;
    }

    .more {
        line-height: 1;
    }
    .more a {
        font-family: inherit;
        font-size: 13px;
        color: #deb653;
        font-weight: 500;
        text-decoration: none;
        padding: 6px 10px;
        border-radius: 16px;
        background: rgba(222, 182, 83, 0.1);
        transition: background 0.2s;
    }
    .more a:active {
        background: rgba(222, 182, 83, 0.2);
    }

    /* 研究方向列表 - 卡片样式 */
    .infolist16_23_r ul {
        list-style: none;
        padding: 0 16px;
        margin: 0;
    }

    .infolist16_23_r ul li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }
    .infolist16_23_r ul li:last-child {
        border-bottom: none;
    }

    .infolist16_23_r ul li a {
        display: flex;
        align-items: flex-start;
        padding: 16px 0;
        gap: 12px;
        text-decoration: none;
        transition: background 0.2s;
		
        padding-left: 4px;
        padding-right: 4px;
    }
    .infolist16_23_r ul li a:active {
        background: rgba(115, 17, 111, 0.04);
    }

    /* 序号样式 - 大号彩色 */
    .infolist16_23_r ul li a .infolist16_23_rdate {
        text-align: center;
        width: 36px;
        flex-shrink: 0;
        padding-top: 2px;
    }

    .infolist16_23_r ul li a .infolist16_23_rdate > span {
        display: block;
        font-family: "Georgia", serif;
        font-style: italic;
        font-weight: 700;
        font-size: 26px;
        color: #73116f;
        letter-spacing: 0;
        line-height: 1;
        margin-top: 0;
    }

    /* 文字内容 */
    .l2.txt1 {
        flex: 1;
        min-width: 0;
    }

    .txt12 {
        font-size: 16px;
        font-weight: 600;
        color: #1a1a1a;
        line-height: 1.4;
        margin-bottom: 4px;
    }

    .txt13 {
        font-size: 13px;
        color: #888;
        line-height: 1.5;
        margin-top: 4px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ---------- 底部欢迎区域 (.main2) ---------- */
    .main2 {
        width: 100%;
        height: auto;
        background-image: url('img/ktzzbj.png');
        background-size: cover;
        background-position: center;
        padding: 32px 20px 40px;
        box-sizing: border-box;
        margin-top: 20px;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -4px 20px rgba(121, 43, 119, 0.06);
    }

    .main2s {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .main2 .main2_title {
        color: #62176c;
        font-size: 24px;
        font-weight: 700;
        font-family: inherit;
        padding-top: 0;
        line-height: 1.3;
        letter-spacing: 0.5px;
    }

    .title_logo {
        margin-top: 12px;
    }
    .title_logo img {
        height: auto;
        display: inline-block;
    }

    .main2nr {
        color: #5a4a5a;
        font-size: 15px;
        line-height: 1.8;
        margin-top: 16px;
        padding: 0 8px;
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(2px);
        border-radius: 12px;
        padding: 16px 20px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    }

    /* ---------- 网格区域 (.main3) ---------- */
    .main3 {
        width: 100%;
        height: auto;
        background-image: url('img/ktzzbj1.png');
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding: 16px 0 32px;
        margin-top: 0;
		min-height: 500px;
    }

    .main3s {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 16px 16px;
        padding-bottom: 0;
    }

    /* 每个卡片盒子 - 优雅卡片 */
    .box {
        width: calc(50% - 8px);
        height: auto;
        border-radius: 16px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(121, 43, 119, 0.06);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(2px);
    }
    .box:active {
        transform: scale(0.97);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    }

    .box-img {
        width: 100%;
        height: 0;
        padding-bottom: 70%;  /* 保持比例 */
        position: relative;
        background: #f5f0f5;
        overflow: hidden;
    }
    .box-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .box-title {
        height: auto;
        background: #ffffff;
        padding: 12px 14px 16px;
        font-size: 15px;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.5;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top: 1px solid #f5f0f5;
    }

    /* ---------- 超小屏 (320px ~ 420px) ---------- */
    @media screen and (max-width: 420px) {
        .wz {
            padding: 8px 12px;
        }
        .wz_main {
            font-size: 12px;
        }
        .main1 {
            padding: 12px 12px 4px;
            gap: 16px;
        }
        .lunbocd {
            font-size: 12px;
            padding: 4px 12px 4px 10px;
            bottom: 10px;
            left: 10px;
        }
        .lunbocd img {
            width: 14px;
            height: 12px;
        }
        .wl {
            font-size: 18px;
        }
        .infolist16_23_r ul li a .infolist16_23_rdate > span {
            font-size: 22px;
        }
        .txt12 {
            font-size: 14px;
        }
        .txt13 {
            font-size: 12px;
        }
        .main2 .main2_title {
            font-size: 20px;
        }
        .main2nr {
            font-size: 13px;
            padding: 12px 16px;
        }
        .main3s {
            padding: 0 12px;
            gap: 12px 12px;
        }
        .box {
            width: calc(100% - 6px);
            border-radius: 12px;
        }
        .box-title {
            font-size: 13px;
            padding: 10px 12px 14px;
        }
		
    }

    /* ---------- 横屏手机优化 ---------- */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main1 {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 16px;
        }
        .lunbo {
            width: 58%;
            flex-shrink: 0;
        }
        .yjfx {
            width: 38%;
            flex: 1;
            min-width: 200px;
        }
        .main2 {
            border-radius: 16px;
            margin: 16px 12px 0;
            padding: 24px 16px 32px;
        }
        .main3s {
            gap: 12px 12px;
        }
        .box {
            width: calc(33.33% - 8px);
        }
        .lunbocd {
            font-size: 12px;
            padding: 4px 10px;
        }
    }

    /* ---------- 触摸反馈增强 ---------- */
    a, .box, .infolist16_23_r ul li a {
        -webkit-tap-highlight-color: rgba(115, 17, 111, 0.1);
        touch-action: manipulation;
		width: 100%;
    }

    /* ---------- 辅助类 ---------- */
    .fl, .fr {
        float: none;
    }
    .clearfix::after {
        content: '';
        display: table;
        clear: both;
    }

    /* 隐藏桌面端的多余装饰（如伪元素） */
    .infolist16_23_r ul li::after,
    .infolist16_23_r ul li:not(:last-child) a::after {
        display: none !important;
    }
	
	
	
	
	
	
	
	
	
	
	
	/* ============================================================
	   手机端适配 - .main4 区域 (包含标题、图标、联系信息)
	   适用于 320px ~ 768px，精致卡片风格
	   请将此段代码放入您已有的 @media (max-width: 768px) 中
	   ============================================================ */
	
	/* ---------- .main4 容器 ---------- */
	.main4 {
	    width: 100%;                     /* 铺满屏幕 */
	    height: auto;                    /* 高度自适应内容 */
	    margin: 0;                       /* 清除原有 margin:auto */
	    padding: 24px 20px 32px;         /* 内边距，呼吸感 */
	    box-sizing: border-box;
	    background-image: url('img/jrwm.png');
	    background-size: cover;          /* 背景图覆盖整个区域 */
	    background-position: center;
	    background-repeat: no-repeat;
	    border-radius: 20px;             /* 圆角，更柔和 */
	    box-shadow: 0 4px 20px rgba(121, 43, 119, 0.08);
	    position: relative;
	    /* 如果背景图颜色过深，可加半透明遮罩，保证文字清晰 */
	    /* 这里假设背景图本身较浅，故不加 */
	}
	
	/* ---------- 标题一 ---------- */
	.jrwmtitle1 {
	    text-align: center;
	    font-size: 18px;                /* 约 4.8vw，适中 */
	    color: #62176c;
	    font-weight: 700;
	    padding-top: 0;                 /* 移除原固定数值 */
	    padding-bottom: 8px;
	    line-height: 1.5;
	}
	
	/* ---------- 标题二 ---------- */
	.jrwmtitle2 {
	    text-align: center;
	    font-size: 18px;
	    color: #62176c;
	    font-weight: 700;
	    line-height: 1.5;
	    padding-bottom: 4px;
	}
	
	/* ---------- logo 图标 ---------- */
	.title_logo {
	    text-align: center;
	    margin-top: 16px;
	}
	.title_logo img {
		/* 适当缩放 */
	    height: auto;
	    display: inline-block;
	}
	
	/* ---------- 联系信息容器 (.tbxx) ---------- */
	.tbxx {
	    width: 100%;                    /* 铺满 */
	    margin: 16px auto 0;
	    padding: 0;
	    display: flex;
	    flex-direction: column;         /* 手机端改为纵向排列，更清晰 */
	    gap: 16px;                      /* 行间距 */
	}
	
	/* ---------- 每个联系项 (.tb) ---------- */
	.tb {
	    display: flex;
	    align-items: center;            /* 垂直居中 */
	    gap: 12px;                      /* 图标与文字间距 */
	    height: auto;                   /* 移除固定高度，自适应 */
	    padding: 8px 12px;              /* 内边距，增加触摸区域 */
	    background: rgba(255, 255, 255, 0.6);
	    backdrop-filter: blur(4px);
	    border-radius: 12px;
	    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.02);
	    transition: background 0.2s;
	}
	.tb:active {
	    background: rgba(255, 255, 255, 0.9);
	}
	
	/* ---------- 图标 ---------- */
	.tbimg {
	    flex-shrink: 0;                 /* 防止图标被压缩 */
	}
	.tbimg img {
	    width: 36px;                    /* 约 9.6vw */
	    height: 36px;
	    display: block;
	    border-radius: 8px;
	}
	
	/* ---------- 文字内容 ---------- */
	.tbxx1 {
	    font-size: 15px;                /* 约 4vw */
	    color: #333333;
	    line-height: 1.5;
	    word-break: break-word;
	}
	.tbxx1 span {
	    color: #a87c1d;
	    text-decoration: underline #d4b268;
	    text-underline-offset: 0.3em;
	    font-weight: 500;
	}
	
	/* ---------- 超小屏 (320px ~ 420px) ---------- */
	@media screen and (max-width: 420px) {
	    .main4 {
	        padding: 16px 14px 24px;
	        border-radius: 16px;
	    }
	    .jrwmtitle1,
	    .jrwmtitle2 {
	        font-size: 16px;
	    }
		
	    .tbimg img {
	        width: 30px;
	        height: 30px;
	    }
	    .tbxx1 {
	        font-size: 13px;
	    }
	    .tb {
	        padding: 6px 10px;
	        gap: 10px;
	    }
	}
	
	/* ---------- 横屏手机优化 ---------- */
	@media screen and (max-width: 768px) and (orientation: landscape) {
	    .tbxx {
	        flex-direction: row;        /* 横屏时恢复并排 */
	        gap: 16px;
	    }
	    .tb {
	        flex: 1;                    /* 平均分配宽度 */
	        padding: 10px 14px;
	    }
	    .tbxx1 {
	        font-size: 14px;
	    }
	    .main4 {
	        padding: 20px 24px 28px;
	    }
	}
	
	/* ---------- 触摸反馈增强 ---------- */
	.tb {
	    -webkit-tap-highlight-color: rgba(115, 17, 111, 0.1);
	    touch-action: manipulation;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}








@media screen and (max-width: 768px) {

    .main3 {
        width: 100%;
        padding: 12px 0 24px;
        box-sizing: border-box;
        background-color: #f9fafd;
        min-height: auto;
    }

    .main3w {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    /* ---------- 左侧导航 ---------- */
    .main3_left {
        width: 100%;
        flex-shrink: 0;
        height: auto;                 /* 关键：高度自适应 */
    }

    .main3 .column {
        width: 100%;
        height: auto;                 /* 关键：高度自适应 */
        position: relative;
    }

    .menu-toggle {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        pointer-events: none;
    }

    .main3 .column .parent {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 48px;
        padding: 0 18px;
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        background: #73116f;
        border-radius: 10px;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        background-image: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
        transition: background 0.25s ease, border-radius 0.25s ease;
    }

    .main3 .column .parent::after {
        content: "▼";
        font-size: 12px;
        color: rgba(255, 255, 255, 0.85);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        line-height: 1;
        margin-left: 8px;
        flex-shrink: 0;
    }

    .menu-toggle:checked + .parent::after {
        transform: rotate(180deg);
    }

    /* --- 菜单列表：回归文档流，撑开父容器 --- */
    .main3 .column ul {
        display: none;
        position: relative;           /* 改为相对定位，不再脱离文档流 */
        width: 100%;
        margin: 6px 0 0;
        padding: 6px 0;
        list-style: none;
        background: #ffffff;
        box-shadow: 0 8px 28px rgba(115, 17, 111, 0.15), 0 2px 8px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        max-height: 320px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        /* 移除 position: absolute / top / left / z-index */
    }

    .menu-toggle:checked ~ ul {
        display: block;
        animation: menuFadeIn 0.25s ease;
    }

    @keyframes menuFadeIn {
        0% { opacity: 0; transform: translateY(-4px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    /* --- 菜单项 --- */
    .main3 .column ul li {
        width: 100%;
        border: none;
        background-color: transparent;
        transition: background 0.2s;
    }

    .main3 .column ul li:last-child {
        border-bottom: none;
    }

    .main3 .column ul li a {
        display: flex;
        width: 100%;
        height: 46px;
        align-items: center;
        justify-content: flex-start;
        background: transparent;
        border: none;
        font-size: 15px;
        color: #333333;
        padding: 0 18px;
        text-align: left;
        line-height: 1.4;
        font-weight: 400;
        transition: background 0.2s, color 0.2s;
        box-sizing: border-box;
        border-left: 3px solid transparent;
        text-decoration: none;
    }

    .main3 .column .active a {
        color: #721170;
        background: #f5e0ff;
        font-weight: 600;
        border-left-color: #721170;
    }

    .main3 .column .active a::after {
        display: none;
    }

    .main3 .column ul li a:active {
        background: rgba(115, 17, 111, 0.08);
    }

    /* ---------- 右侧内容区域 ---------- */
    .main3_right {
        width: 100%;
        padding: 20px 16px 12px;
        box-sizing: border-box;
        background-color: #ffffff;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    }

    /* ---------- 标题与列表（保持原样） ---------- */
    .main3_dxxtitle {
        font-size: 17px;
        line-height: 1.6;
        font-weight: 700;
        color: #62176c;
        text-align: center;
        padding: 0 4px;
        word-break: break-word;
    }

    .title_logo {
        text-align: center;
        margin-top: 16px;
    }
    .title_logo img {
		
        height: auto;
        display: inline-block;
        max-width: 100%;
    }

    .main3_dxxcon {
        margin-top: 16px;
    }

    .info-item {
        display: flex;
        align-items: flex-start;
        padding-bottom: 24px;
        gap: 0;
        border-bottom: 1px solid #f5f0f7;
        margin-bottom: 20px;
    }
    .info-item:last-child {
        padding-bottom: 4px;
        border-bottom: none;
        margin-bottom: 0;
    }

    .info-index {
        font-family: "Source Han Serif SC", "思源宋体", "Songti SC", "Georgia", serif;
        font-weight: 700;
        font-style: italic;
        color: #63065f;
        font-size: 24px;
        letter-spacing: 0.04em;
        margin-top: -2px;
        flex-shrink: 0;
        width: 32px;
        text-align: center;
        line-height: 1.2;
    }

    .divider-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 20px;
        height: 100%;
        align-self: stretch;
    }
    .divider-line {
        width: 1.5px;
        height: 18px;
        background-color: #efd0a1;
        flex-shrink: 0;
    }

    .info-content {
        flex: 1;
        min-width: 0;
        padding-left: 2px;
    }
    .info-title {
        font-size: 15px;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 6px;
        line-height: 1.4;
        word-break: break-word;
    }
    .info-summary {
        font-size: 13px;
        color: #666666;
        line-height: 1.6;
        word-break: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ---------- 超小屏适配 ---------- */
    @media screen and (max-width: 420px) {
        .main3w { padding: 0 12px; }
        .main3 .column .parent {
            height: 42px;
            font-size: 14px;
            padding: 0 14px;
        }
        .main3 .column .parent::after { font-size: 10px; }
        .main3 .column ul li a {
            height: 40px;
            font-size: 13px;
            padding: 0 14px;
        }
        .main3_right { padding: 16px 12px 8px; }
        .main3_dxxtitle { font-size: 15px; }
        .info-index { font-size: 20px; width: 26px; }
        .divider-wrapper { width: 14px; }
        .divider-line { height: 14px; width: 1px; }
        .info-title { font-size: 13px; }
        .info-summary { font-size: 12px; -webkit-line-clamp: 2;  }
        .info-item { padding-bottom: 18px; margin-bottom: 14px; }
    }

    /* ---------- 横屏优化 ---------- */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main3w {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 16px;
            padding: 0 16px;
        }
        .main3_left {
            width: 40%;
            min-width: 180px;
            flex: 1;
        }
        .main3_right {
            width: 55%;
            flex: 1;
            min-width: 220px;
        }
        .main3 .column ul {
            max-height: 240px;
        }
        .main3 .column .parent {
            height: 40px;
            font-size: 14px;
            padding: 0 14px;
        }
        .main3 .column ul li a {
            height: 38px;
            font-size: 13px;
            padding: 0 14px;
        }
        .main3_dxxtitle { font-size: 15px; }
        .info-index { font-size: 20px; width: 28px; }
        .info-title { font-size: 14px; }
        .info-summary { font-size: 12px; -webkit-line-clamp: 1;  }
        .divider-wrapper { width: 16px; }
    }

    /* 清除PC端残留干扰 */
    .main3 .column ul li::after,
    .main3 .column ul li:not(:last-child) a::after {
        display: none !important;
    }
    .main3 .column ul li {
        border-left: none !important;
    }
    .main3 {
        overflow: visible;
    }
}






/* ============================================================
   手机端适配 - .main6 区域（团队成员卡片）
   适用于 320px ~ 768px
   请将此段代码放入您已有的 @media (max-width: 768px) 中
   ============================================================ */

@media screen and (max-width: 768px) {

    /* ---------- 主容器 ---------- */
    .main6 {
        width: 100%;
        margin: 0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    /* ---------- 教师卡片 (.card) ---------- */
    .card {
        width: 100%;
        padding: 16px 14px;
        background: #ffffff;
        border-radius: 16px;
        display: flex;
        flex-direction: row;          /* 保持左右结构 */
        gap: 14px;
        margin-bottom: 16px;
        box-shadow: 0 2px 12px rgba(121, 43, 119, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-sizing: border-box;
    }

    /* ---------- 头像 ---------- */
    .avatar-wrapper {
        flex-shrink: 0;
        width: 72px;                 /* 约 64px ~ 72px */
        height: 72px;
        border-radius: 50%;
        background: #f8f8fc;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .avatar-wrapper img {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }

    /* ---------- 右侧信息 ---------- */
    .info {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .info-name {
        font-size: 18px;             /* 约 4.8vw */
        font-weight: 700;
        color: #63065f;
        line-height: 1.3;
    }

    .info-position {
        font-size: 14px;
        color: #333;
        line-height: 1.4;
        display: flex;
        align-items: center;
    }
    .info-position::before {
        content: '';
        display: inline-block;
        width: 2px;
        height: 16px;
        background-color: #63065f;
        margin-right: 6px;
        flex-shrink: 0;
    }

    .info-research {
        font-size: 14px;
        color: #c19129;
        line-height: 1.4;
        margin-top: 2px;
    }

    .info-bio {
        font-size: 13px;
        color: #666;
        line-height: 1.6;
        margin-top: 4px;
    }
    .info-bio br {
        display: none;               /* 手机端隐藏 <br>，用自然换行 */
    }
    /* 或者保留 <br> 也可，不强制 */

    /* ---------- 章节标题 (.m6ldtitle) ---------- */
    .m6ldtitle {
        color: #333;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        margin: 20px 0 12px;
    }
    .m6ldtitle::before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 20px;
        background-color: #63065f;
        margin-right: 10px;
        flex-shrink: 0;
    }

    /* ---------- 毕业生去向卡片 (.card2) ---------- */
    .card2 {
        width: 100%;
        padding: 12px 14px;
        background: #ffffff;
        border-radius: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.02);
        border: 1px solid #f5f0f5;
        box-sizing: border-box;
        min-height: 48px;
    }

    .info-name2 {
        font-size: 16px;
        font-weight: 600;
        color: #63065f;
        min-width: 48px;
        flex-shrink: 0;
    }

    .info-position2 {
        font-size: 14px;
        color: #333;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .info-position2::before {
        content: '';
        width: 24px;
        height: 1px;
        background-color: #333;
        flex-shrink: 0;
    }

    /* ---------- 超小屏 (320px ~ 420px) ---------- */
    @media screen and (max-width: 420px) {
        .main6 { padding: 0 12px; }
        .card { padding: 12px 10px; gap: 10px; }
        .avatar-wrapper { width: 60px; height: 60px; }
        .avatar-wrapper img { width: 52px; height: 52px; }
        .info-name { font-size: 16px; }
        .info-position { font-size: 13px; }
        .info-research { font-size: 13px; }
        .info-bio { font-size: 12px; line-height: 1.5; }
        .m6ldtitle { font-size: 16px; margin: 16px 0 10px; }
        .m6ldtitle::before { height: 18px; }
        .card2 { padding: 10px 12px; min-height: 44px; }
        .info-name2 { font-size: 14px; min-width: 40px; }
        .info-position2 { font-size: 13px; }
        .info-position2::before { width: 16px; }
    }

    /* ---------- 横屏手机优化 ---------- */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main6 {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            padding: 0 20px;
        }
        .card {
            width: calc(50% - 8px);   /* 两列 */
            margin-bottom: 0;
            flex-direction: column;   /* 横屏下头像在上，信息在下 */
            align-items: center;
            text-align: center;
            padding: 16px;
        }
        .avatar-wrapper {
            width: 80px;
            height: 80px;
        }
        .avatar-wrapper img {
            width: 72px;
            height: 72px;
        }
        .info {
            align-items: center;
        }
        .info-position::before {
            margin-right: 6px;
        }
        .info-bio {
            text-align: left;         /* 保持左对齐更易读 */
        }
        .m6ldtitle {
            width: 100%;
            margin: 8px 0 12px;
        }
        .card2 {
            width: calc(50% - 8px);
            margin-bottom: 0;
        }
    }
}



/* ============================================================
   手机端适配 - .main7 区域（论文列表）
   适用于 320px ~ 768px
   请将此段代码放入您已有的 @media (max-width: 768px) 中
   ============================================================ */

@media screen and (max-width: 768px) {

    /* ---------- 主容器 ---------- */
    .main7 {
        width: 100%;
        margin: 0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    /* ---------- 年份标题 ---------- */
    .m7title {
        font-size: 20px;             /* 约 5.33vw */
        font-weight: 700;
        margin-bottom: 6px;          /* 与横线间距 */
        margin-top: 24px;            /* 与上方内容间距 */
    }
    .m7title:first-child {
        margin-top: 16px;
    }

    /* 横线：70px宽，3px高 */
    .m7title-line {
        width: 70px;
        height: 3px;
        background-color: #63065f;
        margin-bottom: 14px;         /* 与卡片间距 */
    }

    /* ---------- 卡片 (.cardsd) ---------- */
    .cardsd {
        width: 100%;
        height: auto;
        padding: 16px 14px;          /* 缩小内边距 */
        background: #ffffff;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        border-left: 4px solid #c19129;
        margin-bottom: 16px;
        box-shadow: 0 2px 12px rgba(121, 43, 119, 0.05);
        box-sizing: border-box;
    }

    /* 1. 标题 */
    .cardsd-title {
        font-weight: 700;
        color: #63065f;
        font-size: 16px;             /* 约 4.27vw */
        line-height: 1.4;
        font-family: Arial, Helvetica, sans-serif;
        word-break: break-word;
    }

    /* 2. 摘要（作者 + 期刊） */
    .cardsd-summary {
        font-size: 14px;             /* 约 3.73vw */
        color: #333333;
        line-height: 24px;           /* 保持24px */
        font-family: Arial, Helvetica, sans-serif;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        display: flex;
        flex-direction: column;
        gap: 2px;                    /* 作者与期刊间距 */
    }
    /* 如果摘要内是多个 .cardsd-summary1，则每个占一行 */
    .cardsd-summary .cardsd-summary1 {
        /* 继承父级样式，无需额外 */
    }
    /* 或者直接用 .cardsd-summary1 设置，也可 */
    .cardsd-summary1 {
        font-size: 14px;
        color: #333333;
        line-height: 24px;
    }

    /* 项目符号（如果启用，则使用伪元素） */
    /* 但您可能不使用，这里不添加，保留原有注释 */

    /* 3. 链接区域 */
    .cardsd-links {
        font-size: 15px;             /* 约 4vw */
        color: #c19129;
        display: flex;
        flex-wrap: wrap;
        gap: 12px 20px;              /* 行间距12，列间距20 */
        margin-top: 6px;
        align-items: center;
    }
    .cardsd-links a {
		width: 25%;
        color: #c19129;
        text-decoration: none;
        font-size: 15px;
        display: inline-flex;
        align-items: center;
        gap: 6px;                    /* 图标与文字间距 */
        padding: 4px 0;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s;
    }
    .cardsd-links a:active {
        border-bottom-color: #c19129;
    }
    /* 链接内的图标 */
    .cardsd-links a img {
        display: block;
        flex-shrink: 0;
    }

    /* ---------- 超小屏 (320px ~ 420px) ---------- */
    @media screen and (max-width: 420px) {
        .main7 {
            padding: 0 12px;
        }
        .m7title {
            font-size: 18px;
            margin-top: 20px;
        }
        .m7title-line {
            width: 56px;
            height: 3px;
        }
        .cardsd {
            padding: 12px 10px;
            border-left-width: 3px;
            gap: 4px;
        }
        .cardsd-title {
            font-size: 15px;
        }
        .cardsd-summary,
        .cardsd-summary1 {
            font-size: 13px;
            line-height: 22px;
        }
        .cardsd-links {
            font-size: 14px;
            gap: 8px 16px;
        }
        .cardsd-links a {
            font-size: 14px;
        }
    }

    /* ---------- 横屏手机优化 ---------- */
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main7 {
            padding: 0 24px;
        }
        .cardsd {
            padding: 14px 18px;
        }
    }
}