@charset "utf-8";
/* ============================================================
   三级栏目页 · 移动端视觉覆盖层 beauty_m.css
   原则：只调视觉（配色 / 圆角 / 间距 / 卡片 / 阴影 / 字号），不改结构与功能。
   主色：统一为站点蓝 #2196F3 / #3A8DFE（原栏目导航的青色统一为蓝）。
   引用：必须在 style.css / news.css 之后 <link> 引用。
   ============================================================ */

:root{
  --m-primary:#2196F3;
  --m-btn:#3A8DFE;
  --m-deep:#1478D8;
  --m-soft:#EAF4FE;
  --m-line:#EAF0F6;
  --m-page-bg:#F3F7FC;
  --m-card:#FFFFFF;
  --m-radius:10px;
  --m-shadow:0 2px 12px rgba(24,142,238,.08);
}

/* ---------- 页面底色 ---------- */
body{background:var(--m-page-bg);}
.wrap{background:var(--m-page-bg);}

/* ---------- 顶部面包屑条 ---------- */
.header .box{background:#fff;box-shadow:0 1px 8px rgba(15,60,110,.06);}
.header .text a{color:#3a7fc0;}

/* ---------- 栏目导航（卡片 + 蓝色高亮） ---------- */
.newsclass{
  background:#fff;border-radius:var(--m-radius);
  margin:0.55em 0.6em 0;box-shadow:var(--m-shadow);
}
.newsclass .box{padding:0.55em 0.55em;}
.newsclass .box a{color:#444;border-radius:8px;transition:background .15s;}
.newsclass .box a:hover{background:var(--m-soft);}
.newsclass .box a.shouye{
  background:linear-gradient(180deg,#3A8DFE,#2196F3);color:#fff;
  border-radius:8px;box-shadow:0 3px 8px rgba(33,150,243,.28);
}
.newsclass .box a .icon-gengduo123{color:var(--m-primary);}
.newsclass .box .cbtbg{color:var(--m-primary);}

/* ---------- 幻灯片 ---------- */
.focusmain2{margin:0.6em 0.6em 0;border-radius:var(--m-radius);overflow:hidden;box-shadow:var(--m-shadow);}
.focusmain2 .scroll_box .focustit{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));}

/* ---------- 区块标题（热点推荐） ---------- */
.indextitle{
  background:#fff;border-radius:var(--m-radius);
  margin:0.7em 0.6em 0.3em;box-shadow:var(--m-shadow);
}
.indextitle .tbg{background:var(--m-primary);border-radius:0 2px 2px 0;}

/* ---------- 资讯列表（白色卡片） ---------- */
.newslist{
  background:#fff;border-radius:var(--m-radius);
  margin:0.6em 0.6em 5.2em;overflow:hidden;box-shadow:var(--m-shadow);
}
.newslist ul li{border-bottom:1px solid var(--m-line);}
.newslist ul li:last-child{border-bottom:none;}

/* 日期块：浅蓝填充 */
.newslist ul li .lct span{
  color:#1D8FE2;border:1px solid #B3DAF9;background:#EAF4FF;
  border-radius:6px;font-weight:600;
}
/* 标题 */
.newslist ul li .rct .rtit{color:#25303A;font-weight:600;}
.newslist ul li:hover .rtit{color:var(--m-primary);}
.newslist ul li .rct .r_hits{color:#9AA3AD;}
/* 推荐（保留红色语义） */
.newslist ul.rdnews li .rtit{color:#F51A34;}
.newslist ul.rdnews li .xhdot{border-radius:6px;}

/* 加载更多（蓝色渐变药丸） */
.loadmore_btn a{
  background:linear-gradient(180deg,#3A8DFE,#2196F3) !important;
  border-radius:20px !important;
  box-shadow:0 4px 12px rgba(33,150,243,.30);
}

/* ---------- 文章内容页（若复用） ---------- */
.newscontent{background:#fff;}
.newscontent .com_info .newstitle{color:#25303A;}
/* ============================================================
   热点推荐表格美化（去黑边框、卡片化，保留"免费试听"按钮功能）
   ============================================================ */
.courseclass table{
  border:0 !important;
  width:100%;
  margin:0;
  background:transparent;
}
.courseclass td{
  border:0 !important;
  background:transparent;
  vertical-align:middle;
  box-sizing:border-box;
}
.courseclass table:first-of-type{
  border-collapse:separate !important;
  border-spacing:6px !important;
}
/* 名称单元格：浅蓝圆角卡片 */
.courseclass table:first-of-type td:nth-child(odd){
  background:#f2f8ff;
  border-radius:8px;
  padding:0.55em 0.25em;
}
.courseclass table:first-of-type td:nth-child(odd) span,
.courseclass table:first-of-type td:nth-child(odd) strong,
.courseclass table:first-of-type td:nth-child(odd) b{
  font-family:inherit !important;
  font-size:1.05em !important;
  color:#1976d2 !important;
  font-weight:600 !important;
  line-height:1.4;
}
/* 免费试听按钮单元格：白色圆角卡片，st.gif 保留可点击 */
.courseclass table:first-of-type td:nth-child(even){
  background:#fff;
  border-radius:8px;
  padding:0.35em 0.2em;
}
.courseclass table:first-of-type td:nth-child(even) img{
  display:inline-block !important;
  width:auto !important;
  max-width:100%;
}