/* ============ 美迪创客 · 电商课程·活动·智库 底部模块 V3 ============ */
/* mz- 前缀,作用域隔离,不污染站内既有样式                          */
/* 主色:#4397FE 深蓝:#0C4698(可在 :root 一次性改)                  */
:root{ --mz-primary:#4397FE; --mz-deep:#0C4698; }

.mz-wrap{max-width:1200px;margin:0 auto;padding:0 15px;width:100%;box-sizing:border-box;}
.mz-section{
  background:transparent;
  border-top:none;
  border-bottom:none;
  font-family:"Microsoft Yahei","PingFang SC",sans-serif;
  color:#5A5A5A;
  width:100%;
  display:block;
  box-sizing:border-box;
  clear:both;
}
.mz-section .mz-wrap{
  background:#F7FAFD;
  border:1px solid #E4ECF5;
  border-radius:8px;
  padding:26px 15px 28px; 
}
/*---- 模块标题 ---- */
.mz-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;}
.mz-title-box{display:flex;align-items:center;gap:9px;}
.mz-bar{width:5px;height:24px;background:var(--mz-primary);border-radius:3px;flex:none;}
.mz-h1{font-size:22px;font-weight:800;color:var(--mz-deep);margin:0;line-height:1.2;}
.mz-sub{font-size:12px;color:#8A94A6;margin-left:4px;}
.mz-head-more{font-size:13px;}
.mz-head-more a{color:var(--mz-deep);text-decoration:none;}
.mz-head-more a:hover{color:var(--mz-primary);}
.mz-head-more .mz-sep{color:#D5DEEA;margin:0 6px;}

/* ---- 网课速递置顶行 ---- */
.mz-block{margin-bottom:20px;}
.mz-block-hd{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;}
.mz-h2{font-size:17px;font-weight:700;color:var(--mz-deep);margin:0;}
.mz-block .mz-sub{font-size:12px;color:#8A94A6;}
.mz-course-row{display:flex;gap:14px;flex-wrap:wrap;width:100%;box-sizing:border-box;}
.mz-course-card{
  flex:1 1 200px;min-width:180px;background:#fff;
  border:1px solid #E4ECF5;border-radius:8px;overflow:hidden;
  text-decoration:none;display:block;
  transition:box-shadow .15s,transform .15s;
  box-sizing:border-box;
}
.mz-course-card:hover{box-shadow:0 4px 14px rgba(12,70,152,.12);transform:translateY(-2px);}
.mz-course-card img{width:100%;height:120px;object-fit:cover;display:block;background:#E8EFF7;}
.mz-course-info{padding:9px 11px 11px;}
.mz-course-t{
  font-size:13px;font-weight:700;color:#333;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mz-course-meta{font-size:11px;color:#9AA5B5;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mz-course-meta .mz-p{color:var(--mz-deep);}
.mz-row-more{display:block;text-align:right;font-size:12px;color:var(--mz-primary);text-decoration:none;margin-top:8px;}
.mz-row-more:hover{color:var(--mz-deep);}

/* ---- 两栏 ---- */
.mz-grid{display:flex;gap:20px;align-items:stretch;width:100%;box-sizing:border-box;flex-wrap:nowrap;}
.mz-col{background:#fff;border:1px solid #E4ECF5;border-radius:8px;padding:14px 16px 12px;box-shadow:0 1px 4px rgba(12,70,152,.05);min-width:0;box-sizing:border-box;}
.mz-col-act{flex:0 0 37%;}
.mz-col-zk{flex:1 1 auto;min-width:0;}

/* ---- 分区标题 H2/H3 ---- */
.mz-h2-line{font-size:16px;font-weight:700;color:var(--mz-deep);margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--mz-primary);display:inline-block;}
.mz-h2-line a{color:var(--mz-deep);text-decoration:none;}
.mz-h2-line a:hover{color:var(--mz-primary);}
.mz-h3{font-size:14px;font-weight:700;color:#333;margin:0 0 6px;display:flex;align-items:center;gap:6px;}
.mz-h3 a{color:#333;text-decoration:none;}
.mz-h3 a:hover{color:var(--mz-primary);}
.mz-h3-more{font-size:11px;font-weight:400;color:#8A94A6;margin-left:auto;}
.mz-h3-more a{color:#8A94A6;text-decoration:none;}
.mz-h3-more a:hover{color:var(--mz-primary);}

/* ---- 活动卡 ---- */
.mz-ul{list-style:none;margin:0;padding:0;}
.mz-act-item{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed #E8EFF7;align-items:flex-start;}
.mz-act-item:last-of-type{border-bottom:none;}
.mz-act-item img{width:84px;height:52px;object-fit:cover;border-radius:6px;flex:none;display:block;background:#E8EFF7;}
.mz-act-info{min-width:0;flex:1;}
.mz-act-t{
  display:block;font-size:13px;font-weight:700;color:#333;text-decoration:none;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mz-act-t:hover{color:var(--mz-primary);}
.mz-act-meta{font-size:11px;color:#9AA5B5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mz-act-meta .mz-date{color:var(--mz-deep);}
.mz-tag{display:inline-block;font-size:10px;line-height:1;padding:2px 6px;border-radius:9px;margin-left:4px;}
.mz-tag-end{background:#F0F2F5;color:#8A94A6;}
.mz-tag-live{background:#FFF4E5;color:#E48A1A;}
.mz-tag-open{background:#E8F7EE;color:#1A9E5C;}
.mz-col-more{display:block;text-align:right;font-size:12px;color:var(--mz-primary);text-decoration:none;margin-top:6px;}
.mz-col-more:hover{color:var(--mz-deep);}

/* ---- 干货(两列网格) ---- */
.mz-gan-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;}
.mz-gan-item{display:flex;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed #E8EFF7;min-width:0;}
.mz-gan-item img{width:48px;height:32px;object-fit:cover;border-radius:4px;flex:none;display:block;background:#E8EFF7;}
.mz-gan-t{
  font-size:13px;font-weight:700;color:#333;text-decoration:none;line-height:1.4;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mz-gan-t:hover{color:var(--mz-primary);}

/* ---- 百科 / 问答 ---- */
.mz-zk-sub{display:flex;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid #E8EFF7;}
.mz-zk-half{flex:1;min-width:0;}
.mz-ic-item{display:flex;align-items:center;gap:7px;padding:4px 0;border-bottom:1px dashed #E8EFF7;min-width:0;}
.mz-ic-item:last-child{border-bottom:none;}
.mz-ic{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex:none;}
.mz-ic-bk{background:var(--mz-primary);}
.mz-ic-wd{background:#FF5733;}
.mz-ic img{width:12px;height:12px;display:block;}
.mz-ic-t{
  font-size:13px;color:#333;text-decoration:none;line-height:1.4;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mz-ic-t:hover{color:var(--mz-primary);}

/* ---- 底部站内导航 ---- */
.mz-foot-nav{margin-top:14px;text-align:center;font-size:12px;color:#8A94A6;width:100%;box-sizing:border-box;}
.mz-foot-nav a{color:var(--mz-deep);text-decoration:none;margin:0 8px;}
.mz-foot-nav a:hover{color:var(--mz-primary);}
.mz-foot-nav .mz-dot{color:#D5DEEA;}

/* ---- 响应式 ---- */
@media (max-width:900px){
  .mz-grid{flex-direction:column;flex-wrap:wrap;}
  .mz-col-act{flex:1 1 auto;width:100%;}
  .mz-col-zk{flex:1 1 auto;width:100%;}
  .mz-zk-sub{flex-direction:column;}
  .mz-course-card{flex:1 1 45%;min-width:160px;}
}
@media (max-width:600px){
  .mz-h1{font-size:18px;}
  .mz-course-card{flex:1 1 100%;min-width:0;}
  .mz-gan-grid{grid-template-columns:1fr;}
}