/* 新闻中心样式（Senior Developer） */
.news_main { padding-top: 92px; padding-bottom: 60px; min-height: 60vh; }
.news_head { text-align:center; padding: 20px 0 30px; }
.news_head h1 { font-size:34px; background:linear-gradient(135deg,#6BB8FF,#0680F1);
  -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block; }
.news_sub { color:#7a8aa0; font-size:16px; margin-top:10px; letter-spacing:2px; }

.news_filter { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:30px; }
.news_tabs { display:flex; gap:10px; flex-wrap:wrap; }
.news_tabs .tab { border:1px solid #d6deea; background:#fff; color:#50607a; padding:8px 20px;
  border-radius:30px; cursor:pointer; font-size:15px; transition:all .25s; }
.news_tabs .tab:hover { border-color:#0680F1; color:#0680F1; }
.news_tabs .tab.cur { background:linear-gradient(135deg,#6BB8FF,#0680F1); color:#fff; border-color:transparent;
  box-shadow:0 6px 16px rgba(6,128,241,.3); }
.news_search input { width:240px; max-width:100%; height:42px; border:1px solid #d6deea; border-radius:30px;
  padding:0 20px; font-size:14px; outline:none; transition:all .25s; background:#fff; }
.news_search input:focus { border-color:#0680F1; box-shadow:0 0 0 3px rgba(6,128,241,.12); }

.news_list { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.news_card { display:flex; flex-direction:column; background:#fff; border:1px solid #eef1f6; border-radius:16px;
  overflow:hidden; text-decoration:none; color:inherit; transition:all .3s cubic-bezier(.16,1,.3,1);
  box-shadow:0 4px 14px rgba(121,151,201,.08); }
.news_card:hover { transform:translateY(-6px); box-shadow:0 18px 38px rgba(121,151,201,.20); border-color:#cfe0f7; }
.news_cover { position:relative; width:100%; height:172px; display:flex; align-items:flex-start; justify-content:flex-start;
  color:#fff; }
.news_cover span { position:absolute; top:14px; left:14px; background:rgba(255,255,255,.92); color:#0680F1;
  padding:5px 12px; border-radius:20px; font-size:12px; font-weight:700; letter-spacing:.5px; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.news_top { display:inline-block; background:linear-gradient(135deg,#ff5b5b,#e5484d); color:#fff;
  padding:2px 10px; border-radius:12px; font-size:12px; font-weight:700; letter-spacing:.5px; }
.news_info { flex:1; min-width:0; display:flex; flex-direction:column; padding:18px 20px 20px; }
.news_card_meta { display:flex; align-items:center; justify-content:space-between; margin-top:14px; font-size:13px; color:#9aa7ba; }
.news_meta { display:flex; align-items:center; gap:12px; font-size:13px; color:#9aa7ba; }
.news_tag { background:#eaf3ff; color:#0680F1; padding:2px 10px; border-radius:12px; font-size:12px; }
.news_title { font-size:18px; color:#1f2d44; margin:0 0 8px; line-height:1.5; transition:color .25s;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news_card:hover .news_title { color:#0680F1; }
.news_summary { color:#6b7891; font-size:15px; line-height:1.7; flex:1;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news_more { color:#0680F1; font-size:14px; margin-top:8px; font-weight:bold; }

.news_pager { display:flex; justify-content:center; gap:8px; margin-top:34px; flex-wrap:wrap; }
.news_pager .pg { min-width:38px; height:38px; padding:0 12px; border:1px solid #d6deea; background:#fff;
  border-radius:8px; cursor:pointer; color:#50607a; font-size:14px; transition:all .2s; }
.news_pager .pg:hover:not(.disabled) { border-color:#0680F1; color:#0680F1; }
.news_pager .pg.cur { background:#0680F1; color:#fff; border-color:#0680F1; }
.news_pager .pg.disabled { opacity:.4; cursor:not-allowed; }

.news_empty { text-align:center; color:#9aa7ba; padding:60px 0; font-size:16px; }
.news_empty a { color:#0680F1; }

/* 详情页 */
.news_detail_head { margin-bottom:22px; }
.news_detail_title { font-size:28px; color:#1f2d44; line-height:1.4; margin-top:12px; }
.news_detail_body { color:#3c485c; font-size:16px; line-height:1.9; }
.news_detail_body p { margin-bottom:18px; text-indent:2em; }
.news_detail_body h2, .news_detail_body h3 { color:#1f2d44; margin:24px 0 12px; }
.news_detail_body ul { padding-left:2em; margin-bottom:18px; list-style:disc; }
.news_detail_body li { margin-bottom:8px; }
.news_detail_body strong, .news_detail_body b { color:#1f2d44; font-weight:700; }
.news_detail_body a { color:#0680F1; text-decoration:underline; }
.news_detail_body blockquote { border-left:4px solid #0680F1; background:#f5f9ff; padding:14px 18px; margin:20px 0; border-radius:0 10px 10px 0; color:#50607a; }
.news_detail_body h2 { font-size:22px; } .news_detail_body h3 { font-size:19px; }
.news_detail_body table { width:100%; border-collapse:collapse; margin:20px 0; font-size:15px; }
.news_detail_body th, .news_detail_body td { border:1px solid #e3e9f2; padding:10px 12px; text-align:left; }
.news_detail_body th { background:#f5f9ff; color:#1f2d44; }
.news_detail_body img { max-width:100%; height:auto; display:block; margin:22px auto; border-radius:12px; box-shadow:0 8px 24px rgba(31,45,68,.12); }
.news_detail_body figure.news_fig { margin:24px 0; text-align:center; }
.news_detail_body figure.news_fig img { margin:0 auto; }
.news_detail_body figcaption { color:#9aa7ba; font-size:13px; margin-top:10px; line-height:1.6; }
.news_back { display:inline-flex; align-items:center; gap:8px; margin:4px 0 30px;
  color:#0680F1; font-weight:600; font-size:15px; text-decoration:none;
  background:#eaf3ff; border:1px solid #d6e6fb; padding:9px 18px; border-radius:30px;
  transition:all .25s cubic-bezier(.16,1,.3,1); box-shadow:0 2px 8px rgba(6,128,241,.08); }
.news_back .bk { width:16px; height:16px; flex:0 0 auto; transition:transform .25s cubic-bezier(.16,1,.3,1); }
.news_back:hover { background:#0680F1; color:#fff; border-color:#0680F1; box-shadow:0 6px 18px rgba(6,128,241,.28); transform:translateY(-1px); }
.news_back:hover .bk { transform:translateX(-3px); }
.news_back:active { transform:translateY(0); box-shadow:0 3px 10px rgba(6,128,241,.2); }

@media screen and (max-width:992px){
  .news_list { grid-template-columns:repeat(2,1fr); }
}
@media screen and (max-width:768px){
  .news_main { padding-top:78px; }
  .news_head h1 { font-size:26px; }
  .news_filter { flex-direction:column; align-items:stretch; }
  .news_search input { width:100%; }
  .news_list { grid-template-columns:1fr; }
  .news_cover { height:160px; }
  .news_title { font-size:18px; }
  .news_detail_title { font-size:22px; }
}