.channel-page { min-height: 620px; padding: 30px 0 20px; }
.channel-container { width: min(1500px, calc(100% - 64px)); margin: 0 auto; }
.position { height: 30px; padding-left: 10px; color: #000; font: 18px/30px 'Microsoft YaHei', sans-serif; }
.position a { margin: 0 5px 0 20px; color: #000; }
.position a:first-child { margin-left: 20px; }
.position span { margin-left: 5px; }
.channel-layout { display: grid; grid-template-columns: 25% 75%; }
.channel-layout > * { min-width: 0; }
.channel-sidebar { padding-right: 40px; margin-top: 21px; }
.sidebar-block { margin-bottom: 22px; }
.sidebar-block-title { position: relative; border-bottom: 3px solid #c51807; color: #c51807; font: bold 18px/38px 'Microsoft YaHei', sans-serif; }
.sidebar-block-title::after { position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-bottom: 14px solid #c51807; border-left: 14px solid transparent; content: ''; }
.sidebar-news-list { padding: 0; margin: 0; list-style: none; }
.sidebar-news-list li { border-bottom: 1px solid #e5ebef; }
.sidebar-news-list li:last-child { border-bottom: 0; }
.sidebar-news-list a { display: block; overflow: hidden; color: #3f4d55; font-size: 14px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-news-list a:hover { color: #000; font-weight: 600; }
.sidebar-more { display: block; padding-top: 4px; color: #c51807; font-size: 13px; text-align: right; }
.sidebar-more:hover { color: #c6421d; }
.sidebar-report p { padding: 0 8px; margin: 8px 0 0; overflow-wrap: anywhere; color: #6c554e; font-size: 13px; line-height: 1.55; }
.sidebar-friend-list { padding: 0 8px; margin: 0; list-style: none; }
.sidebar-friend-list a { display: block; min-height: 34px; overflow: hidden; border-bottom: 1px solid #d9e6e7; color: #507079; font-size: 14px; line-height: 34px; text-align: left; text-overflow: ellipsis; white-space: nowrap; transition: background-color 160ms ease, color 160ms ease; }
.sidebar-friend-list li:last-child a { border-bottom: 0; }
.sidebar-friend-list a:hover { background: #26898d; color: #fff; }
.article { min-height: 700px; padding-left: 30px; margin-top:10px; }
.article h1 { margin: 0; padding: 10px 0 10px; overflow-wrap: anywhere; color: #333; font: 500 24px/35px 'Helvetica Neue', 'Microsoft YaHei', Helvetica, Arial, sans-serif; text-align: center; }
.info-box { padding: 10px; overflow-wrap: anywhere; margin-bottom: 15px; border-bottom: 4px solid #f7f7f7; background: #f9f8f8; color: #999; font: 14px Tahoma, sans-serif; text-align: center; }
.article-content { padding: 10px; overflow-wrap: anywhere; color: #333; font-family: 仿宋, FangSong, SimSun, serif; font-size: 21px; line-height: 40px; }
.article-content p { margin: 0; text-indent: 2em; }
.article-content h2 { margin: 20px 0 10px; font: 600 22px/1.8 'Microsoft YaHei', sans-serif; }
.article-content ul { margin: 0; padding-left: 2em; }
.article-image { display: block; width: min(100%, 850px); height: auto; margin: 20px auto; }
.article-empty { color: #777; }
.attachments { padding: 10px; margin-top: 16px; border-top: 1px solid #eee; }
.attachments h2 { margin: 0 0 8px; color: #333; font: 600 18px/1.8 'Microsoft YaHei', sans-serif; }
.attachments ul { padding-left: 20px; margin: 0; }
.attachments a { overflow-wrap: anywhere; color: #c51807; font: 16px/2 'Microsoft YaHei', sans-serif; }
.article-not-found { min-height: 400px; padding-top: 100px; color: #777; font: 18px/2 'Microsoft YaHei', sans-serif; text-align: center; }
.article-not-found a { color: #c51807; }
.reporting-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 19px 19px 12px;
}

.reporting-emblem {
  display: grid;
  flex: none;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 2px solid #bd3d2b;
  border-radius: 50%;
  color: #bd3d2b;
  font-family: 'STKaiti', 'KaiTi', serif;
  font-size: 23px;
  font-weight: 700;
}

.reporting-title h2 {
  display: none;
}

.reporting-title p,
.reporting-details p {
  margin: 4px 0 0;
  color: #6c554e;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 991px) { .channel-container { width: min(970px, calc(100% - 44px)); } }
@media (max-width: 767px) {
  .channel-page { padding-top: 40px; }
  .channel-container { width: min(calc(100% - 30px), 620px); }
  .position { overflow: hidden; color: #000; font-size: 18px; white-space: nowrap; }
  .position a { color: #000; }
  .position span { color: #000; }
  .channel-layout { grid-template-columns: 1fr; }
  .article { order: 1; min-height: 0; padding-left: 0; margin-top: 20px; }
  .article-page .channel-sidebar { order: 2; padding: 0; margin-top: 60px; background: #fff; }
  .sidebar-block { margin-bottom: 24px; }
  .sidebar-block-title { font-size: 20px; line-height: 42px; }
  .sidebar-block-title::after { border-bottom-width: 16px; border-left-width: 16px; }
  .sidebar-news-list a { font-size: 16px; line-height: 40px; }
  .sidebar-more { font-size: 14px; }
  .sidebar-report p { font-size: 14px; }
  .sidebar-friend-list a { font-size: 16px; line-height: 40px; }
  .article h1 { padding: 25px 0 10px; margin: 0 10px; color: #000; font: 500 24px/35px 'Helvetica Neue', 'Microsoft YaHei', Helvetica, Arial, sans-serif; }
  .info-box { color: #000; }
  .article-content { padding: 0; color: #000; font: 14px/40px 'Helvetica Neue', 'Microsoft YaHei', Helvetica, Arial, sans-serif; }
  .article-content p { margin: 0; text-indent: 0; }
}