.news-headline {
  height: 50px;
  margin-bottom: 12px;
  padding-left: 13px;
  background: var(--line-color);
  justify-content: space-between;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.news-headline .menu-icon {
  font-size: 18px;
  line-height: 50px;
  color: #378cfa;
}
.news-headline .headline-icon {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.news-headline .headline {
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 5px;
  color: var(--text-color);
}
.news-headline .theme-toggle-button {
  height: 34px;
  width: 34px;
  background-size: 100%;
  margin: 8px 15px;
  background-image: var(--background-image);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 0px solid transparent;
  outline: none;
}
.news-headline .theme-toggle-button:hover {
  transform: scale(1.1);
  border-color: rgba(55, 140, 250, 0.3);
}
.news-headline .theme-toggle-button:active {
  transform: scale(0.95);
}
@media (max-width: 576px) {
  .news-headline {
    height: 45px;
    border-radius: 6px;
  }
  .news-headline .headline {
    font-size: 18px;
    line-height: 45px;
  }
  .news-headline .theme-toggle-button {
    height: 30px;
    width: 30px;
    margin: 7px 12px;
  }
}

.ad-wrapper {
  position: relative;
}
.ad-wrapper .large-cover {
  height: 100%;
  width: 100%;
  z-index: 99;
  position: absolute;
  top: 0;
}
.ad-wrapper .large-no-cover {
  display: none;
}
.ad-wrapper .news-large {
  position: relative;
  display: block;
  margin-top: 0;
  border-radius: 10px;
  height: 0;
  padding-bottom: 46.646%;
  overflow: hidden;
}
.ad-wrapper .news-large .large-img {
  position: absolute;
  width: 100%;
  padding-bottom: 46.646%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}
.ad-wrapper .news-large .large-content {
  position: absolute;
  color: #ffffff;
  bottom: 12px;
  left: 15px;
  right: 15px;
  z-index: 20;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.ad-wrapper .news-large .large-content .large-desc {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 8px;
  opacity: 0.8;
}
.ad-wrapper .news-large .large-content .large-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ad-wrapper .news-large::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 75%;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 15;
}
.ad-wrapper .ad-line {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #d0d0d5, transparent);
  margin: 15px 0;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .ad-wrapper .news-large {
    border-radius: 12px;
  }
  .ad-wrapper .news-large .large-content {
    bottom: 15px;
    left: 20px;
    right: 20px;
  }
  .ad-wrapper .news-large .large-content .large-title {
    font-size: 20px;
    -webkit-line-clamp: 3;
  }
}

.ad-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: transparent;
}
.ad-wrapper .small-cover {
  height: 100%;
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
}
.ad-wrapper .small-on-cover {
  display: none;
}
.ad-wrapper .small-no-cover {
  display: none;
}
.ad-wrapper .news-small {
  display: flex;
  padding: 0;
}
.ad-wrapper .news-small .small-img {
  min-height: 90px;
  width: 33%;
  height: 0;
  padding-bottom: 25%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: rgba(28, 22, 22, 0.2);
  overflow: hidden;
  position: relative;
}
.ad-wrapper .news-small .small-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 67%;
  padding-left: 15px;
  font-weight: 500;
  float: right;
}
.ad-wrapper .news-small .small-content .small-title {
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
  width: 100%;
  min-height: 65px;
  max-height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0 0 8px 0;
}
.ad-wrapper .news-small .small-content .small-desc {
  display: flex;
  justify-content: space-between;
  height: 18px;
  color: #999;
  line-height: 18px;
  margin-top: 8px;
  font-size: 12px;
}
.ad-wrapper .news-small .small-content .small-desc span:nth-child(1) {
  font-family: 'Arial Narrow', Arial, sans-serif;
  max-width: 60%;
  border-radius: 3px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ad-wrapper .news-small .small-content .small-desc span:nth-child(2) {
  font-family: 'Arial Narrow', Arial, sans-serif;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: italic;
  opacity: 0.8;
}
.ad-wrapper .ad-line {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #d0d0d5, transparent);
  margin: 15px 0;
  opacity: 0.6;
}
.news-small::after {
  content: '';
  display: block;
  visibility: hidden;
  font-size: 0;
  clear: both;
  height: 0 !important;
}
/* 响应式调整 */
@media (max-width: 576px) {
  .ad-wrapper .news-small .small-img {
    width: 40%;
  }
  .ad-wrapper .news-small .small-content {
    width: 60%;
  }
}
/* 增强平板和桌面的展示效果 */
@media (min-width: 768px) {
  .ad-wrapper .news-small {
    padding: 0;
  }
  .ad-wrapper .news-small .small-img {
    border-radius: 10px;
  }
  .ad-wrapper .news-small .small-content {
    padding-left: 20px;
  }
  .ad-wrapper .news-small .small-content .small-title {
    font-size: 17px;
    line-height: 1.4;
    min-height: 72px;
    max-height: 75px;
  }
}

.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  margin: 20px 0;
  transition: all 0.3s ease;
  min-height: 150px;
  /* 确保有足够的空间 */
  /* 错误状态样式 */
  /* 超时状态样式 */
  /* 完成状态样式 */
}
.loading .loading-spinner {
  position: relative;
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}
.loading .loading-spinner .spinner-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top-color: var(--primary-color, #378cfa);
  border-radius: 50%;
  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loading .loading-spinner .spinner-circle.circle-2 {
  border-top-color: transparent;
  border-right-color: var(--primary-color, #378cfa);
  animation-delay: -0.3s;
}
.loading .loading-spinner .spinner-circle.circle-3 {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--primary-color, #378cfa);
  animation-delay: -0.6s;
}
.loading .loading-text {
  font-size: 16px;
  color: var(--text-color, #333);
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
  min-height: 20px;
  animation: fadeInOut 2s ease-in-out infinite;
  max-width: 80%;
  line-height: 1.5;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
.loading.loading-error .loading-spinner .spinner-circle {
  animation-play-state: paused;
  border-top-color: #ff4d4f;
}
.loading.loading-error .loading-spinner .spinner-circle.circle-2 {
  border-right-color: #ff4d4f;
}
.loading.loading-error .loading-spinner .spinner-circle.circle-3 {
  border-bottom-color: #ff4d4f;
}
.loading.loading-error .loading-text {
  color: #ff4d4f;
  animation: none;
  opacity: 1;
}
.loading.loading-timeout .loading-text {
  color: #faad14;
  animation: none;
  opacity: 1;
}
.loading.loading-complete .loading-spinner {
  transform: scale(0.8);
  opacity: 0.5;
}
.loading.loading-complete .loading-text {
  color: #52c41a;
  animation: none;
  opacity: 1;
}
/* 响应式调整 */
@media (max-width: 576px) {
  .loading {
    padding: 20px 0;
    min-height: 120px;
  }
  .loading .loading-spinner {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .loading .loading-text {
    font-size: 14px;
  }
}

.news-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 16px;
  gap: 5px;
}
/* 基础卡片样式 */
.news-list > div {
  transition: all 0.3s ease;
}
/* 特色卡片样式 - 默认全宽 */
.feature-card {
  flex: 1 1 100%;
  margin-bottom: 0;
  border-radius: 8px;
  overflow: hidden;
}
/* 普通卡片样式 - 移动端全宽 */
.regular-card {
  flex: 1 1 100%;
  margin-bottom: 0;
}
/* 平板和桌面布局 */
@media (min-width: 768px) {
  .news-list {
    gap: 10px;
  }
  /* 特色卡片仍然全宽 */
  .feature-card {
    flex: 1 1 100%;
    margin-bottom: 0;
  }
  /* 普通卡片两列布局 */
  .regular-card {
    flex: 0 0 calc(50% - 5px);
    margin-bottom: 0;
  }
}
/* 宽屏幕布局 */
@media (min-width: 1024px) {
  .news-list {
    gap: 15px;
    justify-content: space-between;
  }
  /* 宽屏上特色卡片布局 */
  .feature-card {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  /* 宽屏上普通卡片二列布局 */
  .regular-card {
    flex: 0 0 calc(50% - 8px);
    margin-bottom: 0;
  }
}

.topkw-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  max-width: 800px !important;
  margin: 0;
  padding: 0px 6px !important;
}
.keywords-wrapper {
  background: #ffffff;
  border-radius: 12px !important;
  transition: transform 0.2s ease !important;
}
/* 标题样式 */
.keywords-wrapper h2 {
  color: #2d3436;
  font-size: 20px !important;
  padding-bottom: 16px !important;
  padding-top: 6px !important;
  border-bottom: 1px solid rgba(45, 52, 54, 0.1) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}
/* 列表项样式 */
.keywords-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.keywords-item {
  display: flex !important ;
  align-items: center !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  text-indent: 0px !important;
  line-height: 15px !important;
  font-size: 15px !important;
  border-radius: 0px !important;
  transition: all 0.2s ease !important;
  background: 0 !important;
  border-bottom: 1px solid rgba(98, 108, 111, 0.07) !important;
}
/* 数字样式 */
.keywords-item span {
  padding: 0 !important;
  font-size: 16px !important;
  margin-left: 0px !important;
  line-height: 0px !important;
  color: #7e8384a6 !important;
  font-weight: 800 !important;
  min-width: 30px !important;
  font-feature-settings: 'tnum' !important;
  font-variant-numeric: tabular-nums !important;
}
/* 链接样式 */
.tklink {
  display: flex;
  align-items: center;
  line-height: 20px;
  height: 40px;
  color: #2d3436 !important;
  margin: 0 0 0 -8px !important;
  font-size: 16px;
  text-decoration: none !important;
  font-weight: 500 !important;
  flex-grow: 1 !important;
  padding: 0.4rem 0 !important;
  transition: color 0.2s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.tklink::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #0984e3;
  transition: width 0.3s ease;
}
/* 响应式设计 */
@media (max-width: 480px) {
  .topkw-wrapper {
    padding: 0 0.5rem;
  }
  .keywords-wrapper {
    padding: 1.5rem 1rem;
  }
  .keywords-item {
    padding: 0.6rem;
  }
  .keywords-wrapper h2 {
    font-size: 1.3rem;
  }
}

.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--primary-color, #378cfa);
  color: #fff;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus {
  opacity: 0.7;
  background-color: var(--primary-color, #378cfa);
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  outline: none;
}
.back-to-top.visible {
  opacity: 0.7;
  visibility: visible;
}
.back-to-top .back-to-top-icon {
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 576px) {
  .back-to-top {
    width: 36px;
    height: 36px;
    bottom: 20px;
    right: 20px;
  }
  .back-to-top .back-to-top-icon {
    font-size: 18px;
  }
}

.main {
  min-width: 375px;
  margin: 0 auto;
  background-color: var(--bg-color);
}
@media (min-width: 768px) {
  .main {
    max-width: 950px;
  }
}

:root {
  --bg-color: #ffffff;
  --line-color: #f8f8f8;
  --text-color: #333333;
  --background-image: url(data:image/png;base64,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);
}
:root[data-prefers-color-scheme='dark'] {
  --bg-color: #0f1115;
  --line-color: #585858;
  --text-color: #e0e0e0;
  --background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABZVJREFUaEPtWk2MFEUU/r7qHnZFYAPqhfhDxCBGvWsC0fhz0gtR/FsWhA3DdiNXEqPAgMaDV6CH3QAibtRkE/DCTQ9qonDVgAc1BmM4sPxEDLKz211Pqrtnd5ad2a7uYVA31Gky9erV+169evV+mpgjg53EIbKtC9C9iIRwnGFyb61T+3UWiPaPQbAmFp7yBVU1+d2B0TEgIhUFfX4MQCmVO4Qa7SZHog7gQAeBlEvQ7vg0odVoFzky/b+bhOo2kCxFilRc6PNG+3VlCVTYRQ5NZK0tMm91IjLmP4Ra7RJ7Dl3Ks4lE3o8AH0vXnKYT1H9bsRHxFqMWLWH30K9ZCzKBSOQdAbgBwDUIBugGR7OY1uel5j+CEt5PvBbeJYOfrNeGfi+IIQDzARylExgZWo5ZgchYeTlK7i8NqzUE/XSDI7YCFaGTcGsfKB8BcCbXT0Qr2D34cyt+swMxR6v5R6qVOg8NkQ10q8NFhMxaI6H/OohPpoEw1nCV93HR/ouFgJhFEnrrQJoTmNIOcBVq9B5y5FqWYHnm40hAR6MAFk63AtlEt/pxYdOatPXQ2wDyUAMYDRUuIYf+nI25iL8A0HcnNOMXycN/zU7fuwi65zIAldJpiN5M98DhLIVkXvYGMG+AHEzMTHbRqSaX+IYhMvAMtDKhyIuAPABwyv0CZwE5Aa2PszT4VdP1kf/OdSB7EueiPboHjJllDmsgsZnJm93Awnnk3iszAfirEOFDEE9m7powOwnBdpaq387kVe4BLo/nMd1cQJqfAAjt7bgeFe5qMAkrLAbN9RPbDRXsISGWi5qStQVExIDwjSNY344QgAxDVde3A6Y9IJG3M9bozRkVOkFhXoWBiPiroPF1fnNqhVoECk+RM++MjZ6KAwn976wvto0ksQPASbqBnbO4gWchIKmLbeo+bWVuSafleZaqX+blUwxI5O8F8FbezazoBQHdYKsVbQPRNCBxeopzaSiyVMhK2OLR+g3AsrybWdKfpRM05S1SLgGX6zJHjWlz/Gcc40j0GcS8xpM5tgByGiFfYddU+B2HHVquNLzYlvJZkwnUWE9jOCO18kq47giARxsStRCCE3CcV011JgES+v0gDrZ4aY5RBS/V50QGlkErcyKdG0o9SO6b3EO0PwLBy003FNlMt3pwjgGJTSv8HEJjWm6K3IQMZ6CwtjGzE9m0ELrbRL2FHIXFMc40LfEehqYxLZMq1/edgMgJOO5rk6Y1ZTZrzUVPL/tiaVUokMjv3GUnzlK1uuwVFziXAlkakRVdl72QViXy9gHM7SItTsOQBHTadL+WG0EmtjwL5eR+tKz438oHMfF03vcgn7ASzpZIcIpuUIhnIdOKgUx4q6FM0DiZAdqK24JOBFo/zdLgN0UYFQYSg4l8k0xVimzcZM1uOkFhXu0BiRMr7yjAde2B+ZcTqyS8ibPEnaYgkd/M4lR3D1Swu53s0MiR60SSDtTVec3KOiLeakQ0xQe7yyo4BYm2N7sT8aOLO8fzdLisgaQVwLQcxJ109n/QzJxkwnsO5BoQLwC4f1o1nvg9DvSUHCeb5xwSeW8DfC8uBynZQlY/tTFbKyBNarGWBTqj2flpge7vC9kFujj8MQW6elUzgkh/VpXRyrQk9ExhzlTgb1XJ9AKABQ2nEEH0xqxCXcEiNjbmaS/YmMZkvBcO9ILK1HkbFXcNqnYv2bo/kwGkvBx6RluhTDcwdeCODZlZawZUtIIs2FZIHr34negDZAxCL09vRKS8EuKkjR7uyNfoGegDlXEudwAYphP0zaY5u8s+tnkFuuZdJFv3J5p6MO3/AMHj6VyB1lv/EsC9a7aTqO9rBaSIDf0nm6HFgNzusxfRW74QJc8Oc+YTjtjjzYWPapLIeFsXoigJ8f/PnznlMcV2af8BRnVrUd1/+QcAAAAASUVORK5CYII=);
}
html {
  background-color: var(--bg-color);
}

html,
body,
div,
p,
span,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
i,
input,
button,
textarea,
::before,
::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  border: none;
  outline: none;
  -webkit-overflow-scrolling: touch;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
ol,
ul {
  list-style: none;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
  outline: none;
}
button,
button:hover,
button:active,
button:focus,
input:checked,
input,
textarea {
  border: none;
  outline: none;
  resize: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
}

@font-face {
  font-family: 'icomoon';
  src: url(../../assets/fonts/icomoon.ce335f.eot);
  src: url(../../assets/fonts/icomoon.ce335f.eot#iefix) format('embedded-opentype'), url(../../assets/fonts/icomoon.3c4e7e.ttf) format('truetype'), url(../../assets/fonts/icomoon.377c94.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-loading:before {
  content: '\e902';
}
.icon-menu:before {
  content: '\e900';
}
.icon-search:before {
  content: '\e901';
}
@font-face {
  font-family: 'Arial Narrow';
  src: url(../../assets/fonts/arialNarrow.a4ba18.ttf);
  font-weight: normal;
  font-style: normal;
  font-display: block;
}