/* ===== WHU 武汉大学主题 移动端 ===== */
:root{--c-main:#8B0000;--c-accent:#B71C1C;--c-pink:#FFC0CB;--c-gold:#C9A35F;--c-text:#222;--c-muted:#888;--c-line:#f1e0e0;--c-bg:#fdf6f6}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{font-family:"Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--c-text);background:var(--c-bg);font-size:14px;line-height:1.6;padding-bottom:60px;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;border:0}
ul,ol,li{list-style:none}

/* 移动端头部 */
.m-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(90deg,var(--c-main),#5a0000);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.m-header .logo{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.m-header .logo img{height:30px}
.m-header .logo span{color:#fff;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-header .menu-btn{width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;flex-shrink:0}
.m-header .menu-btn span{display:block;height:3px;background:#fff;border-radius:2px;transition:.3s}
.m-header.open .menu-btn span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}
.m-header.open .menu-btn span:nth-child(2){opacity:0}
.m-header.open .menu-btn span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}

/* 移动端导航 */
.m-nav{position:fixed;top:50px;left:0;right:0;background:#fff;border-top:1px solid var(--c-line);max-height:0;overflow:hidden;transition:max-height .3s;z-index:99;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.m-nav.on{max-height:80vh;overflow-y:auto}
.m-nav li{border-bottom:1px solid var(--c-line)}
.m-nav li a{display:block;padding:14px 18px;font-size:15px;color:var(--c-text)}
.m-nav li.active a{color:var(--c-main);background:#fff5f5}

/* 通用 section */
.m-section{background:#fff;margin:10px;padding:14px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden}
.m-sec-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--c-main);padding-bottom:10px;margin-bottom:14px}
.m-sec-head h3{font-size:16px;color:var(--c-main);font-weight:700}
.m-sec-head h3 span{color:var(--c-muted);font-size:11px;font-weight:400;margin-left:6px;letter-spacing:1px}
.m-sec-head a{font-size:12px;color:var(--c-muted)}

/* 1. 轮播 */
.m-slide{position:relative}
.m-slide .swiper-container{width:100%;height:200px}
.m-slide .swiper-slide img{width:100%;height:100%;object-fit:cover}
.m-slide .swiper-pagination{bottom:8px}
.m-slide .swiper-pagination-bullet{background:rgba(255,255,255,.6);opacity:1;width:8px;height:8px}
.m-slide .swiper-pagination-bullet-active{background:var(--c-gold)}

/* 2. 武大要闻 */
.m-news .m-headline{display:block;margin-bottom:12px;border-bottom:1px solid var(--c-line);padding-bottom:12px}
.m-news .m-headline .pic{height:160px;overflow:hidden;border-radius:4px;background:#eee;margin-bottom:10px}
.m-news .m-headline .pic img{width:100%;height:100%;object-fit:cover}
.m-news .m-headline h3{font-size:15px;color:var(--c-text);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-news .m-headline p{font-size:12px;color:var(--c-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-news .m-list li{padding:10px 0;border-bottom:1px dashed var(--c-line);min-width:0}
.m-news .m-list li:last-child{border-bottom:0}
.m-news .m-list li a{display:flex;align-items:center;gap:10px;min-width:0}
.m-news .m-list li h4{flex:1;min-width:0;font-size:14px;font-weight:400;color:var(--c-text);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-news .m-list li .date{flex-shrink:0;color:var(--c-muted);font-size:11px;font-family:"Times New Roman",serif}

/* 3. 专题 */
.m-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.m-topics .card{position:relative;display:block;height:120px;overflow:hidden;border-radius:4px;background:#222;min-width:0}
.m-topics .card img{width:100%;height:100%;object-fit:cover;opacity:.85}
.m-topics .card span{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;color:#fff;font-size:12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 4. 通知公告双列 */
.m-twocol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.m-twocol .col{background:#fdf6f6;border:1px solid var(--c-line);border-radius:4px;padding:10px;min-width:0;overflow:hidden}
.m-twocol .col-head{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--c-line)}
.m-twocol .col-head h4{font-size:13px;color:var(--c-main);font-weight:700}
.m-twocol .col ul li{padding:5px 0;font-size:12px;line-height:1.5;min-width:0}
.m-twocol .col ul li a{display:block;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* 5. 媒体 + 院系（图卡）*/
.m-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.m-pics .card{display:block;background:#fff;border:1px solid var(--c-line);border-radius:4px;overflow:hidden;min-width:0}
.m-pics .card img{width:100%;height:90px;object-fit:cover;background:#eee}
.m-pics .card span{display:block;padding:8px 10px;font-size:12px;color:var(--c-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;word-break:break-all}

/* 6. 院系 */
.m-colleges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m-colleges a{display:block;padding:10px 6px;text-align:center;background:#fff5f5;color:var(--c-main);border-radius:4px;font-size:12px;border:1px solid var(--c-line);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-colleges a:active{background:var(--c-main);color:#fff}

/* 7. 数字武大 */
.m-stats{margin:10px;padding:18px 12px;background:linear-gradient(135deg,var(--c-main),#5a0000);color:#fff;border-radius:6px;text-align:center;overflow:hidden}
.m-stats h3{font-size:15px;letter-spacing:2px;margin-bottom:14px}
.m-stats h3 span{color:rgba(255,255,255,.6);font-size:11px;margin-left:6px;font-weight:400}
.m-stats .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.m-stats .stat{padding:6px;min-width:0}
.m-stats .stat .n{font-size:20px;font-weight:700;color:var(--c-gold);font-family:"Times New Roman",serif}
.m-stats .stat .label{font-size:11px;margin-top:2px}

/* 8. 服务直通车 */
.m-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.m-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:#fdf6f6;border:1px solid var(--c-line);border-radius:4px;font-size:12px;color:var(--c-text);text-align:center;min-width:0;overflow:hidden}
.m-quick a:active{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.m-quick a .ico{width:32px;height:32px;line-height:32px;text-align:center;background:linear-gradient(135deg,var(--c-main),#a83232);color:#fff;font-size:14px;font-weight:700;border-radius:50%;flex-shrink:0}

/* 移动端友情链接（显式重置 ul/li 默认样式）*/
.m-flinks{margin:10px;padding:12px;background:#fff;border-radius:6px;font-size:13px;border:1px solid var(--c-line);overflow:hidden}
.m-flinks .label{color:var(--c-main);font-weight:700;display:inline-block;margin-bottom:6px;font-size:13px}
.m-flinks ul{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;padding:0;margin:0}
.m-flinks ul li{list-style:none;list-style-type:none;padding:0;margin:0;display:inline-block}
.m-flinks ul li::marker{content:"";display:none;color:transparent;font-size:0}
.m-flinks ul li a{color:var(--c-muted);font-size:12px;display:inline-block;padding:0}
.m-flinks ul li a:active{opacity:.7}

/* 移动端页脚 */
.m-footer{padding:18px 14px 14px;text-align:center;font-size:11px;line-height:1.8;background:#3a0000;color:#a88}
.m-footer .m-motto{color:var(--c-gold);font-size:13px;letter-spacing:2px;margin-bottom:8px;font-family:"STKaiti","KaiTi","楷体",serif}

/* 底部 tabbar */
.m-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--c-line);z-index:50;box-shadow:0 -2px 8px rgba(0,0,0,.06)}
.m-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;color:var(--c-muted);min-width:0;overflow:hidden}
.m-tabbar a.active{color:var(--c-main)}
.m-tabbar a .ico{display:block;width:22px;height:22px;background:currentColor;border-radius:50%;opacity:.65}
.m-tabbar a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

/* 列表/详情/横幅 */
.m-banner{background:linear-gradient(135deg,var(--c-main),#5a0000);color:#fff;padding:30px 14px;text-align:center;overflow:hidden}
.m-banner h2{font-size:22px;letter-spacing:3px;margin-bottom:4px}
.m-banner .en{color:rgba(255,255,255,.5);font-size:12px;letter-spacing:2px}
.m-crumb{padding:8px 14px;font-size:12px;color:var(--c-muted);background:#fff5f5;border-bottom:1px solid var(--c-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-content{padding:0}
.m-arclist{margin:10px;padding:12px;background:#fff;border-radius:6px;overflow:hidden}
.m-arclist li{padding:10px 0;border-bottom:1px dashed var(--c-line);min-width:0}
.m-arclist li:last-child{border-bottom:0}
.m-arclist li h3{font-size:14px;line-height:1.5;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-arclist li h3 a{color:var(--c-text)}
.m-arclist li p{font-size:12px;color:var(--c-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-arclist li .date{font-size:11px;color:var(--c-muted);margin-top:4px;font-family:"Times New Roman",serif}
.m-pagelist{margin:14px 10px;text-align:center;font-size:12px}
.m-pagelist li{display:inline-block;margin:0 2px}
.m-pagelist li a,.m-pagelist li span{display:inline-block;padding:5px 10px;background:#fff;border:1px solid var(--c-line);color:var(--c-text)}
.m-pagelist li.active span{background:var(--c-main);color:#fff;border-color:var(--c-main)}

.m-detail{margin:10px;padding:14px;background:#fff;border-radius:6px;overflow:hidden}
.m-detail .title{font-size:18px;color:var(--c-text);text-align:center;padding-bottom:10px;border-bottom:1px dashed var(--c-line);line-height:1.4;word-break:break-all}
.m-detail .meta{padding:10px 0;text-align:center;color:var(--c-muted);font-size:12px;border-bottom:1px solid var(--c-line)}
.m-detail .meta span{margin:0 5px}
.m-detail .body{padding:14px 0;font-size:14px;line-height:1.9;color:var(--c-text);word-break:break-all}
.m-detail .body img{max-width:100%;height:auto;display:block;margin:10px auto}
.m-detail .tags{margin-top:14px;padding-top:10px;border-top:1px dashed var(--c-line);font-size:12px}
.m-detail .tags strong{color:var(--c-main);margin-right:6px}
.m-detail .tags a{display:inline-block;padding:2px 8px;background:#fff5f5;color:var(--c-main);margin:3px 4px 3px 0;border-radius:2px;font-size:11px;border:1px solid var(--c-line)}
.m-detail .prev-next{margin-top:14px;padding-top:10px;border-top:1px dashed var(--c-line);font-size:12px;color:var(--c-muted)}
.m-detail .prev-next div{padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ========== 武大官网真实板块移动端（new2024）========== */
.m-section.cream{background:#fdf6f6}

/* 要闻资讯顶部大图 headline */
.m-headline{display:flex;gap:10px;align-items:center;padding-bottom:12px;margin-bottom:10px;border-bottom:1px dashed var(--c-line);min-width:0}
.m-headline .pic{flex-shrink:0;width:130px;height:88px;border-radius:4px;overflow:hidden;background:#eee}
.m-headline .pic img{width:100%;height:100%;object-fit:cover}
.m-headline .txt{flex:1;min-width:0}
.m-headline .txt h4{font-size:14px;line-height:1.5;color:var(--c-text);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.m-headline .txt p{font-size:12px;color:var(--c-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* m-list （要闻列表）*/
.m-list li{padding:10px 0;border-bottom:1px dashed var(--c-line);display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.m-list li:last-child{border-bottom:0}
.m-list li:before{content:"";width:4px;height:4px;background:var(--c-gold);border-radius:50%;flex-shrink:0;margin-right:6px}
.m-list li a{flex:1;min-width:0;font-size:14px;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.m-list li span{flex-shrink:0;font-size:11px;color:var(--c-muted);font-family:"Times New Roman",serif}

/* 通知公告 m-notice */
.m-notice li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--c-line);min-width:0;overflow:hidden}
.m-notice li:last-child{border-bottom:0}
.m-notice li:before{content:none}
.m-notice .d{flex-shrink:0;width:50px;text-align:center;color:var(--c-main);font-family:"Times New Roman",serif;font-size:24px;font-weight:700;line-height:1;border-right:1px solid var(--c-line);padding-right:10px}
.m-notice .d em{display:block;font-style:normal;font-size:10px;color:var(--c-muted);margin-top:4px;font-weight:400}
.m-notice li a{flex:1;min-width:0;font-size:14px;color:var(--c-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}

/* 学术科研 m-research（2 列图文卡） */
.m-research{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.m-research .card{display:block;background:#fdf6f6;border:1px solid var(--c-line);border-radius:4px;overflow:hidden;min-width:0}
.m-research .card .pic{height:110px;overflow:hidden;background:#eee}
.m-research .card .pic img{width:100%;height:100%;object-fit:cover}
.m-research .card .info{padding:8px 10px}
.m-research .card h4{font-size:13px;color:var(--c-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;min-height:36px}
.m-research .card span{display:block;margin-top:4px;color:var(--c-muted);font-size:11px;font-family:"Times New Roman",serif}

/* 育人文化 m-culture（单列大图卡） */
.m-culture{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.m-culture .card{display:block;background:#fdf6f6;border:1px solid var(--c-line);border-radius:4px;overflow:hidden;min-width:0}
.m-culture .card .pic{height:160px;overflow:hidden;background:#eee}
.m-culture .card .pic img{width:100%;height:100%;object-fit:cover}
.m-culture .card h4{padding:10px 12px;font-size:14px;color:var(--c-main);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}

/* 媒体武大 m-media */
.m-media li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--c-line);min-width:0}
.m-media li:last-child{border-bottom:0}
.m-media li:before{content:none}
.m-media .src{flex-shrink:0;display:inline-block;padding:3px 8px;background:linear-gradient(90deg,var(--c-main),var(--c-accent));color:#fff;font-size:11px;border-radius:2px;min-width:50px;text-align:center;word-break:keep-all}
.m-media li a{flex:1;min-width:0;font-size:13px;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

/* 珞珈映像 m-gallery（swiper 横滑） */
.m-gallery{position:relative;overflow:hidden}
.m-gallery .swiper-slide{display:block;position:relative;height:160px;overflow:hidden;background:#222;border-radius:4px}
.m-gallery .swiper-slide img{width:100%;height:100%;object-fit:cover}
.m-gallery .swiper-slide span{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* 媒体矩阵 m-matrix（4 列社交图标） */
.m-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.m-matrix a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;background:#fdf6f6;border:1px solid var(--c-line);border-radius:4px;font-size:11px;color:var(--c-text);text-align:center;min-width:0;overflow:hidden;word-break:keep-all}
.m-matrix a:active{background:linear-gradient(135deg,#fff5f5,#ffe4ea);border-color:var(--c-pink)}
.m-matrix a .ico{width:34px;height:34px;line-height:34px;text-align:center;background:linear-gradient(135deg,var(--c-main),var(--c-accent));color:#fff;font-size:11px;font-weight:700;border-radius:50%;flex-shrink:0}

/* 走进武大 m-about */
.m-about{margin:10px;padding:20px 16px;background:linear-gradient(135deg,var(--c-main),#5a0000 60%,#3a0000);color:#fff;border-radius:6px;overflow:hidden;position:relative}
.m-about:before{content:"";position:absolute;left:-50px;top:-50px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,192,203,.18) 0%,transparent 70%);pointer-events:none}
.m-about .since{font-family:"Times New Roman",serif;color:var(--c-gold);font-size:20px;letter-spacing:1px;margin-bottom:10px;font-weight:700;position:relative;z-index:2}
.m-about .intro{font-size:12px;line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:12px;word-break:break-all;position:relative;z-index:2}
.m-about .motto{color:var(--c-pink);font-size:14px;letter-spacing:4px;font-family:"STKaiti","KaiTi","楷体",serif;margin-bottom:14px;text-align:center;position:relative;z-index:2}
.m-about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);min-width:0;position:relative;z-index:2}
.m-about-stats .stat{padding:10px 4px;background:rgba(0,0,0,.2);text-align:center;min-width:0;overflow:hidden}
.m-about-stats .stat .n{font-size:18px;font-weight:700;color:var(--c-gold);font-family:"Times New Roman",serif;line-height:1.1}
.m-about-stats .stat .label{margin-top:3px;font-size:10px;color:rgba(255,255,255,.85);line-height:1.3;word-break:keep-all}