/* ===== USTC 中科大主题 移动端 ===== */
:root{--c-main:#0071BC;--c-accent:#A4191F;--c-gold:#C9A35F;--c-text:#222;--c-muted:#888;--c-line:#e8eef5;--c-bg:#f6f8fb}
*{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}
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),#005a99);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:#f0f7fc}

/* 通用 section */
.m-section{background:#fff;margin:10px;padding:14px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.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)}
.m-news .m-list li:last-child{border-bottom:0}
.m-news .m-list li a{display:flex;align-items:center;gap:10px}
.m-news .m-list li h4{flex:1;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,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:1fr 1fr;gap:10px}
.m-twocol .col{background:#f8fafc;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}
.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,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}

/* 6. 院系 */
.m-colleges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-colleges a{display:block;padding:10px 6px;text-align:center;background:#f0f7fc;color:var(--c-main);border-radius:4px;font-size:12px;border:1px solid var(--c-line)}
.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),#003f6e);color:#fff;border-radius:6px;text-align:center}
.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,1fr);gap:6px}
.m-stats .stat{padding:6px}
.m-stats .stat .n{font-size:22px;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,1fr);gap:8px}
.m-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:#f8fafc;border:1px solid var(--c-line);border-radius:4px;font-size:12px;color:var(--c-text);text-align:center}
.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),#005a99);color:#fff;font-size:14px;font-weight:700;border-radius:50%}

/* 移动端友情链接 */
.m-flinks{margin:10px;padding:12px;background:#fff;border-radius:6px;font-size:13px;border:1px solid var(--c-line)}
.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}
.m-flinks ul li a{color:var(--c-muted);font-size:12px}
.m-flinks ul li a:active{opacity:.7}

/* 移动端页脚 */
.m-footer{padding:18px 14px 14px;text-align:center;color:var(--c-muted);font-size:11px;line-height:1.8;background:#0a2540;color:#7a98b5}
.m-footer .m-motto{color:var(--c-gold);font-size:13px;letter-spacing:2px;margin-bottom:8px}

/* 底部 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)}
.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-arc-list{margin:10px;padding:12px;background:#fff;border-radius:6px}
.m-arc-list li{padding:10px 0;border-bottom:1px dashed var(--c-line)}
.m-arc-list li:last-child{border-bottom:0}
.m-arc-list li a{display:block;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text)}
.m-arc-list li .date{font-size:11px;color:var(--c-muted);margin-top:4px}
.m-arc-detail{margin:10px;padding:14px;background:#fff;border-radius:6px}
.m-arc-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}
.m-arc-detail .meta{padding:10px 0;text-align:center;color:var(--c-muted);font-size:12px;border-bottom:1px solid var(--c-line)}
.m-arc-detail .body{padding:14px 0;font-size:14px;line-height:1.9;color:var(--c-text)}
.m-arc-detail .body img{max-width:100%;height:auto;display:block;margin:10px auto}
.m-arc-detail .tags{margin-top:14px;padding-top:10px;border-top:1px dashed var(--c-line);font-size:12px}
.m-arc-detail .tags a{display:inline-block;padding:2px 8px;background:#f0f7fc;color:var(--c-main);margin:3px 4px 3px 0;border-radius:2px;font-size:11px}