.theme-pagebar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.theme-pagebar .page-num,
.theme-pagebar .page-pre,
.theme-pagebar .page-next,
.theme-pagebar .page-index,
.theme-pagebar .page-last {
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  border-radius: 9999px;
  background: #fff;
  border: 1px solid #e5e6eb;
  color: #646a73;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .15s ease;
}

.theme-pagebar .page-num:hover,
.theme-pagebar .page-pre:hover,
.theme-pagebar .page-next:hover,
.theme-pagebar .page-index:hover,
.theme-pagebar .page-last:hover {
  color: #3370ff;
  border-color: #3370ff;
}

.theme-pagebar .page-num-current {
  color: #fff;
  background: #3370ff;
  border-color: #3370ff;
}

.article-tag--news {
  background: #ffebee;
  color: #e63946;
}

.article-tag--finance {
  background: #ebf2ff;
  color: #2d6be6;
}

.article-tag--tech {
  background: #f0ebff;
  color: #6c5ce7;
}

.article-tag--auto {
  background: #e8f8f0;
  color: #00b894;
}

.article-tag--sports {
  background: #fff4eb;
  color: #fd7e14;
}

.article-tag--health {
  background: #ffeaf4;
  color: #e84393;
}

.article-tag--fashion {
  background: #f3f0ff;
  color: #a29bfe;
}

.article-tag--education {
  background: #fff7dc;
  color: #fdcb6e;
}

.article-tag--home {
  background: #e9f5f4;
  color: #55a3a4;
}

.sidebar-rank--default {
  background: #d1d5db;
  color: #fff;
}

.sidebar-rank--gold {
  background: #ef4444;
  color: #fff;
}

.sidebar-rank--silver {
  background: #fb923c;
  color: #fff;
}

.sidebar-rank--bronze {
  background: #facc15;
  color: #fff;
}

.category-hot-rank--normal {
  background: #d1d5db;
  color: #fff;
}

.category-hot-rank--gold {
  background: #ef4444;
  color: #fff;
}

.category-hot-rank--silver {
  background: #fb923c;
  color: #fff;
}

.category-hot-rank--bronze {
  background: #facc15;
  color: #fff;
}

.theme-swiper {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.theme-swiper-track {
  display: flex;
  transition: transform .45s ease;
}

.theme-swiper-track > * {
  flex: 0 0 100%;
}

.theme-swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, .5);
}

.theme-swiper-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.theme-swiper-btn--prev {
  left: 8px;
}

.theme-swiper-btn--prev::before {
  transform: rotate(-135deg);
}

.theme-swiper-btn--next {
  right: 8px;
}

.theme-swiper-btn--next::before {
  transform: rotate(45deg);
}

.theme-swiper-dots {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
}

.theme-swiper-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, .5);
  transition: all .15s ease;
}

.theme-swiper-dot.is-active {
  background: #fff;
}

.contact-extra-note {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #f0f1f2;
}

.theme-hidden {
  display: none !important;
}

.search-modal[hidden],
.mobile-overlay[hidden] {
  display: none !important;
}

.app-main {
  position: relative;
  z-index: 1;
}

.app-footer {
  position: relative;
  z-index: 20;
}

.footer-link {
  position: relative;
  z-index: 21;
}

.footer-icp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.footer-beian {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.footer-icp-link,
.footer-beian {
  color: inherit;
  transition: color .15s;
}

.footer-icp-link:hover,
.footer-beian:hover {
  color: #3370ff;
}

.footer-beian-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex: 0 0 auto;
}

.feed-container > .feed-divider:last-child,
.category-list-container > .category-list-divider:last-child,
.article-related-list > .article-related-divider:last-child {
  display: none;
}