/* 文章详情沿用原导航站的白底、蓝黄标题栏和 1240px 内容节奏。 */
.article-legacy-page { min-height:100vh; color:#333; background:#fff; font-family:'Microsoft YaHei',sans-serif; }
.article-legacy-header { height:58px; background:#fff url('../images/top/topbg.png') repeat-x left top; border-bottom:1px solid #ddd; box-shadow:0 1px 8px rgba(0,0,0,.12); }
.article-legacy-header-inner { width:calc(100% - 30px); max-width:1280px; height:58px; margin:0 auto; display:flex; align-items:stretch; }
.article-legacy-logo { display:block; width:290px; height:58px; overflow:hidden; flex:0 0 290px; }
.article-legacy-logo img { width:100%; height:100%; object-fit:contain; object-position:left center; }
.article-legacy-ad { display:block; width:280px; height:58px; overflow:hidden; flex:0 0 280px; }
.article-legacy-ad img { width:100%; height:100%; object-fit:contain; }
.article-legacy-header nav { display:flex; align-items:center; justify-content:flex-end; flex:1; gap:8px; padding-right:8px; font-size:16px; white-space:nowrap; flex-wrap:wrap; min-width:0; }
.article-legacy-header nav a { color:#555; text-decoration:none; }
.article-legacy-header nav a:hover,.article-legacy-header nav a.current { color:#0248c4; }
.article-legacy-header nav span { color:#c7c5c6; }
.article-legacy-job { display:flex; width:112px; height:52px; margin:0 2px 0 0; padding-top:6px; flex:0 0 112px; align-items:center; flex-direction:column; gap:2px; color:#fff; background:#d53d3c; text-decoration:none; font-size:14px; line-height:20px; }
.article-legacy-job:hover { color:#fff; background:#ee3f5d; text-decoration:none; }
.article-job-icon { display:block; width:18px; height:18px; background:url('../images/top/iconlist.gif') no-repeat center; }
#articleDetail { width:1237px; margin:36px auto 48px; }
.article-detail-tabs { float:left; width:100%; color:#a6a6a6; background-color:#f4cf00; border-bottom:3px solid #0248c4; list-style:none; margin:0; padding:0; }
.article-detail-tabs li { float:left; width:210px; }
.article-detail-tabs a { height:56px; line-height:56px; text-align:center; font-size:20px; color:inherit; text-decoration:none; display:block; }
.article-detail-tabs li.change a { font-size:24px; font-weight:bold; color:#fff; background-color:#0248c4; }
.article-category-tabs { display:flex; overflow-x:auto; scrollbar-width:thin; color:#27344a; }
.article-category-tabs li { float:none; flex:0 0 210px; }
.article-category-tabs a { padding:0 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:0; }
.article-category-tabs a:focus-visible { outline:2px solid #222; outline-offset:-4px; }
.article-archive-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 8px; color:#777; }
.article-archive-heading h1 { margin:0; font-size:19px; font-weight:normal; color:#333; }
.article-archive-heading span { font-size:13px; }
.article-detail-content { clear:both; padding:22px 32px 42px; background:#f2f2f2; border:1px solid #e0e0e0; border-top:0; }
.article-detail-breadcrumb { color:#999; font-size:13px; margin-bottom:18px; }
.article-detail-breadcrumb a { color:#0248c4; text-decoration:none; }
.article-detail-content h1 { color:#222; font-size:30px; font-weight:normal; line-height:1.45; margin:0 0 10px; }
.article-detail-meta { color:#999; font-size:13px; margin:0 0 22px; }
.article-detail-cover { display:block; width:100%; max-height:520px; object-fit:cover; background:#ddd; border:1px solid #e0e0e0; }
.article-detail-body { max-width:900px; margin:26px auto 0; color:#555; font-size:16px; line-height:2; }
.article-detail-body h2,.article-detail-body h3 { color:#222; font-size:21px; font-weight:normal; margin:28px 0 8px; }
.article-detail-body p { margin:0 0 14px; }
.article-detail-body a { color:#0248c4; }
.article-detail-empty { width:100%; margin:64px auto; text-align:center; color:#777; }
.article-archive-content { clear:both; padding:8px 26px 24px; background:#f2f2f2; border:1px solid #e0e0e0; border-top:0; }
.article-archive-row { display:flex; justify-content:space-between; gap:20px; padding:17px 8px; border-bottom:1px solid #e0e0e0; background:#fff; }
.article-archive-row > div:first-child { min-width:0; }
.article-archive-row h2 { overflow-wrap:anywhere; }
.article-detail-body img { max-width:100%; height:auto; }
.article-detail-body { overflow-wrap:anywhere; }
@media (min-width:701px) and (max-width:1100px) { .article-legacy-ad { display:none; } }
.article-archive-row h2 { margin:0 0 6px; font-size:18px; font-weight:normal; }
.article-archive-row h2 a { color:#333; text-decoration:none; }
.article-archive-row h2 a:hover { color:#0248c4; }
.article-archive-row p { max-width:850px; overflow:hidden; margin:0; color:#777; font-size:13px; line-height:1.6; text-overflow:ellipsis; white-space:nowrap; }
.article-archive-meta { display:flex; min-width:150px; align-items:center; justify-content:flex-end; gap:16px; color:#aaa; font-size:12px; white-space:nowrap; }
.article-archive-meta a { color:#0248c4; text-decoration:none; }
.article-pagination { display:flex; justify-content:center; align-items:center; gap:22px; padding:22px 0 4px; color:#777; font-size:13px; }
.article-pagination a { color:#0248c4; text-decoration:none; }
.article-legacy-footer { border-top:1px solid #ddd; padding:26px 20px 36px; color:#777; text-align:center; font-size:13px; line-height:2; background:#f2f2f2; }
@media (max-width:1270px) { .article-legacy-header-inner,#articleDetail,.article-detail-empty { width:calc(100% - 30px); } }
@media (max-width:700px) {
  .article-legacy-header { height:auto; }
  .article-legacy-header-inner { width:calc(100% - 20px); height:auto; min-height:108px; display:flex; flex-wrap:wrap; padding:8px 0 0; }
  .article-legacy-logo { width:190px; height:40px; flex-basis:190px; }
  .article-legacy-ad { display:none; }
  .article-legacy-header nav { order:3; width:100%; flex-basis:100%; justify-content:flex-start; padding:8px 0 10px; gap:8px; font-size:13px; }
  .article-legacy-job { width:86px; height:46px; flex-basis:86px; margin-left:auto; font-size:12px; }
  #articleDetail { width:calc(100% - 20px); margin-top:20px; }
  .article-detail-tabs li { width:160px; }
  .article-category-tabs li { flex-basis:140px; }
  .article-detail-tabs a { height:48px; line-height:48px; font-size:17px; }
  .article-detail-tabs li.change a { font-size:20px; }
  .article-detail-content { padding:16px 14px 28px; }
  .article-detail-content h1 { font-size:24px; }
  .article-detail-body { font-size:15px; }
  .article-detail-cover { max-height:300px; }
  .article-archive-content { padding:4px 10px 18px; }
  .article-archive-row { display:block; padding:14px 6px; }
  .article-archive-row h2 { font-size:17px; }
  .article-archive-row p { white-space:normal; }
  .article-archive-meta { justify-content:space-between; margin-top:8px; }
}