/* vip3mb00342 仿国防科技大学官网模板 - 移动端样式 */
:root{
  --nudt-red:#8B1A1A;
  --nudt-red-dark:#6B1414;
  --nudt-red-deep:#4A0E0E;
  --nudt-gold:#C9A96E;
  --nudt-gold-light:#E0C893;
  --nudt-text:#222;
  --nudt-text-soft:#666;
  --nudt-bd:#e6e6e6;
  --nudt-bg:#f6f6f6;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:#fff}
body{font:14px/1.7 "PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--nudt-text);padding-top:54px}
img{border:0;max-width:100%;vertical-align:middle}
a{color:inherit;text-decoration:none}
ul,ol,li{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5{margin:0;font-weight:600}

.m-mast{position:fixed;left:0;right:0;top:0;height:54px;background:linear-gradient(135deg,var(--nudt-red),var(--nudt-red-dark));z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.m-logo{display:flex;align-items:center;gap:8px;color:#fff}
.m-logo img{width:36px;height:36px;flex:0 0 36px;object-fit:contain}
.m-logo span{font-size:15px;font-weight:600;letter-spacing:1px;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-tools{display:flex;gap:6px}
.m-tools button{width:36px;height:36px;background:transparent;color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}
.m-tools button:active{background:rgba(255,255,255,.15)}

.m-search-pop{position:fixed;left:0;right:0;top:54px;background:#fff;padding:10px 12px;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:90;display:none}
.m-search-pop.on{display:block}
.m-search-pop form{display:flex;gap:8px}
.m-search-pop input[type=text]{flex:1;padding:9px 12px;border:1px solid var(--nudt-bd);border-radius:4px;outline:none;font-size:14px}
.m-search-pop button{padding:0 18px;background:var(--nudt-red);color:#fff;border:0;border-radius:4px}

.m-drawer{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;opacity:0;pointer-events:none;transition:.3s}
.m-drawer.on{opacity:1;pointer-events:auto}
.m-drawer .panel{position:absolute;right:0;top:0;bottom:0;width:78%;max-width:340px;background:#fff;padding:18px 18px 30px;overflow:auto;transform:translateX(100%);transition:.3s}
.m-drawer.on .panel{transform:translateX(0)}
.m-drawer .close{position:absolute;right:14px;top:12px;background:transparent;border:0;font-size:28px;color:var(--nudt-text);width:32px;height:32px;cursor:pointer}
.m-drawer-brand{padding:6px 0 14px;border-bottom:2px solid var(--nudt-red);margin-bottom:12px}
.m-drawer-brand strong{display:block;font-size:18px;color:var(--nudt-red);letter-spacing:1px}
.m-drawer-brand small{display:block;color:var(--nudt-text-soft);font-size:11px;margin-top:4px;letter-spacing:1px}
#mNavList li{border-bottom:1px solid var(--nudt-bd)}
#mNavList li a{display:block;padding:13px 4px;font-size:15px;color:var(--nudt-text)}
.m-drawer-tt{margin:18px 0 10px;font-size:13px;color:var(--nudt-text-soft);letter-spacing:1px}
.m-drawer-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-drawer-mini a{display:block;padding:10px 0;text-align:center;background:#f6f0e6;border-radius:3px;color:var(--nudt-red);font-size:13px}

.m-banner{position:relative;height:46vh;min-height:240px;overflow:hidden;background:linear-gradient(135deg,#5a0d0d 0%,#8B1A1A 50%,#3a0808 100%)}
.m-banner-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(201,169,110,.15) 0%,transparent 60%)}
.m-banner-slides{position:absolute;inset:0;z-index:1}
.m-banner-slides .m-bs{position:absolute;inset:0;display:block;opacity:0;transition:opacity 1s ease;background-position:center;background-size:cover;background-repeat:no-repeat;text-decoration:none}
.m-banner-slides .m-bs.on{opacity:1}
.m-banner-dots{position:absolute;left:0;right:0;bottom:14px;text-align:center;z-index:4}
.m-banner-dots span{display:inline-block;width:18px;height:2px;background:rgba(255,255,255,.4);margin:0 3px;transition:.3s}
.m-banner-dots span.on{background:var(--nudt-gold);width:26px}
.m-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(20,5,5,.5) 100%);z-index:2}
.m-banner-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 20px;z-index:3}
.m-banner-text strong{font-size:24px;letter-spacing:3px;text-shadow:0 3px 12px rgba(0,0,0,.4)}
.m-banner-text em{display:block;font-style:normal;font-size:11px;letter-spacing:2px;color:var(--nudt-gold-light);margin-top:8px}

.m-sec{padding:22px 14px}
.m-sec-hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--nudt-bd)}
.m-sec-hd h2{font-size:18px;color:var(--nudt-red);position:relative;padding-left:12px;letter-spacing:1px}
.m-sec-hd h2::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:var(--nudt-red);border-radius:2px}
.m-sec-hd .more{font-size:12px;color:var(--nudt-text-soft)}
.m-sec-dark{background:linear-gradient(135deg,#2a1a1a,#1f1212);color:#e8d8a3}
.m-sec-dark .m-sec-hd{border-bottom-color:rgba(255,255,255,.1)}
.m-sec-dark .m-sec-hd h2{color:#fff}
.m-sec-dark .m-sec-hd h2::before{background:var(--nudt-gold)}
.m-sec-dark .m-sec-hd .more{color:var(--nudt-gold-light)}

.m-news-top{display:block;background:#fff;border:1px solid var(--nudt-bd);overflow:hidden;margin-bottom:12px}
.m-news-top .pic{display:flex;align-items:center;justify-content:center;height:180px;background:linear-gradient(135deg,#8B1A1A,#4A0E0E);position:relative;overflow:hidden;color:rgba(255,255,255,.4)}
.m-news-top .pic img{width:100%;height:100%;object-fit:cover}
.m-news-top .pic .ph{font-size:13px;letter-spacing:2px}
.m-news-top .tt{display:block;padding:12px 14px 6px;font-size:15px;line-height:1.5;color:var(--nudt-text);font-weight:600}
.m-news-top .d{display:block;padding:0 14px 12px;color:var(--nudt-red);font-size:12px}
.m-news-list li{border-bottom:1px dashed var(--nudt-bd)}
.m-news-list li a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;gap:10px;font-size:14px}
.m-news-list li a span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:11px}
.m-news-list li a span:first-child::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--nudt-red);transform:translateY(-50%)}
.m-news-list li .d{flex:0 0 auto;color:var(--nudt-text-soft);font-size:12px}

.m-notice li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--nudt-bd)}
.m-notice li .d{flex:0 0 50px;background:linear-gradient(180deg,var(--nudt-red),var(--nudt-red-dark));color:#fff;text-align:center;padding:6px 0;border-radius:2px}
.m-notice li .d strong{display:block;font-size:18px;line-height:1}
.m-notice li .d em{display:block;font-style:normal;font-size:10px;margin-top:2px;color:var(--nudt-gold-light)}
.m-notice li a{flex:1;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.m-edu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.m-edu-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(201,169,110,.2);text-align:center;color:#fff;gap:10px}
.m-edu-grid a .ic{width:42px;height:42px;border:1px solid var(--nudt-gold);color:var(--nudt-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}
.m-edu-grid a strong{font-size:14px;letter-spacing:1px}

.m-research{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.m-research .r-it{padding:18px 12px;border:1px solid var(--nudt-bd);text-align:center;background:#fff}
.m-research .r-it strong{display:block;font-size:26px;color:var(--nudt-red);font-weight:700}
.m-research .r-it em{display:block;font-style:normal;color:var(--nudt-text-soft);font-size:12px;margin-top:6px}

.m-figure{display:grid;grid-template-columns:1fr;gap:12px}
.m-figure .card{display:flex;background:#fff;border:1px solid var(--nudt-bd);overflow:hidden;gap:12px}
.m-figure .card .pic{flex:0 0 110px;height:110px;background:linear-gradient(135deg,#8B1A1A,#4A0E0E);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}
.m-figure .card .pic img{width:100%;height:100%;object-fit:cover}
.m-figure .card .tt{flex:1;padding:12px 12px 12px 0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;align-self:center}

.m-into{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,90px);gap:8px}
.m-into a{position:relative;display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:14px;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.4);overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#8B1A1A,#4A0E0E)}
.m-into a:nth-child(2){background:linear-gradient(135deg,#6B1414,#2a0808)}
.m-into a:nth-child(3){background:linear-gradient(135deg,#4A0E0E,#1f0303)}
.m-into a:nth-child(4){background:linear-gradient(135deg,#3a1212,#6B1414)}
.m-into a:nth-child(5){background:linear-gradient(135deg,#5a0d0d,#2a1414)}
.m-into a:nth-child(6){background:linear-gradient(135deg,#2a1a1a,#8B1A1A)}
.m-into .m-into-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border:0}
.m-into a::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(74,14,14,.7))}
.m-into a span{position:relative;z-index:2}

.m-footer{background:#2a1a1a;color:#cdb98e;padding:22px 14px 30px;margin-top:14px}
.m-ft-quick{margin:-6px -14px 18px;padding:14px;background:#4A0E0E}
.m-ft-quick .links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}
.m-ft-quick .links a{display:block;text-align:center;padding:10px 0;font-size:12px;color:#e8d8a3;border:1px solid rgba(232,216,163,.25);border-radius:3px;letter-spacing:1px}
.m-ft-brand{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.m-ft-brand img{width:40px;height:40px;flex:0 0 40px;object-fit:contain}
.m-ft-brand strong{display:block;color:#fff;font-size:15px;letter-spacing:1px}
.m-ft-brand small{display:block;color:rgba(232,216,163,.7);font-size:10px;letter-spacing:1px;margin-top:3px}
.m-footer .flink{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.m-footer .flink strong{display:block;color:#fff;font-size:13px;margin-bottom:8px}
.m-footer .flink ul{display:flex;flex-wrap:wrap;gap:6px 14px}
.m-footer .flink a{font-size:12px;color:rgba(232,216,163,.75)}
.m-footer .cr{font-size:11px;line-height:1.9;color:rgba(232,216,163,.7);text-align:center}
.m-footer .cr p{margin:3px 0}
.m-footer .cr a{color:rgba(232,216,163,.85)}

.m-page{padding:14px}
.m-bread{font-size:12px;color:var(--nudt-text-soft);padding-bottom:10px;border-bottom:1px solid var(--nudt-bd)}
.m-page-tt{font-size:18px;color:var(--nudt-red);margin:14px 0;padding-left:10px;border-left:3px solid var(--nudt-red);line-height:1}
.m-list li{border-bottom:1px dashed var(--nudt-bd)}
.m-list li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:14px}
.m-list li a span:first-child{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;position:relative;padding-left:11px}
.m-list li a span:first-child::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--nudt-red)}
.m-list li .d{flex:0 0 auto;color:var(--nudt-text-soft);font-size:12px}
.pagebar{padding:18px 0;text-align:center}
.pagebar a,.pagebar span{display:inline-block;min-width:32px;padding:5px 10px;border:1px solid var(--nudt-bd);margin:0 2px;font-size:13px;border-radius:2px}
.pagebar a:active,.pagebar .pageinfo,.pagebar .thisclass{background:var(--nudt-red);color:#fff;border-color:var(--nudt-red)}
.m-art h1{font-size:20px;line-height:1.4;margin:6px 0 12px;color:var(--nudt-text)}
.m-art .meta{font-size:12px;color:var(--nudt-text-soft);padding-bottom:10px;border-bottom:1px dashed var(--nudt-bd);margin-bottom:14px}
.m-art .body{font-size:15px;line-height:1.95;color:#333}
.m-art .body p{margin:0 0 14px}
.m-art .body img{max-width:100%;height:auto;display:block;margin:10px auto}