@charset "UTF-8";
/* 共用 token：顶部导航 / 路由选中态高亮色（浅深主题一致） */
:root {
  --top-route-active: #eb3728;
  --text-primary-active: #eb3728;
  --text-secondary-active: #ff8c00;
  --btn-text-primary: #ffffff;
  --btn-bg-primary: #eb3728;
  --btn-bg-primary-rgb:
    235, 55, 40;
  --btn-bg-secondary2: #ff8c00;
  --icon-img-hover-unread-accent: #eb3728;
  --icon-img-hover-unread-accent-rgb:
    235, 55, 40;
  --tab-bottom-border-color: #eb3728;
  --tab-bottom-border-color-rgb:
    235, 55, 40;
  --bg-headerfontcolor: #000000;
  --border-headerfontcolor: #000000;
  --paragraphfontcolor2: #696969;
  --paragraphfontcolor2-rgb: 105, 105, 105;
  --paragraphfontcolor: #ffffff;
  --third-color: #499844;
  --dark-primary-color: #eb3728;
  --dark-secondary-color: #e40e0e;
  --dark-primary-color2: #f1962f;
  --dark-primary-color2-rgb: 241, 150, 47;
  --dark-secondary-color2: #08beab;
  --dark-secondary-color2-rgb: 8, 190, 171;
  --dark-background: #121212;
  --alert-bg-color: rgba(235, 55, 40, 0.12);
  --alert-border-color: rgba(235, 55, 40, 0.5);
  --alert-text-color: #eb3728;
  --member-cards-padding-bottom: 12px;
  --blog-cards-padding-bottom: 2px;
  --board-details-nav-margin: 20px;
  /** 帖子评论区 video / iframe：PC 合理上限；窄屏为 min(100%, 该值) 即不撑破容器 */
  --board-comment-embed-max-width: 640px;
  --cards-title-padding-top: 15px;
  --cards-title-padding-top2: -15px;
  /** H5 固定顶栏高度（与 header-menu-area-design-2 一致） */
  --h5-header-height: 74px;
  --h5-header-height-compact: 54px;
}

@media (min-width: 992px) {
  :root {
    --member-cards-padding-bottom: 20px;
    --blog-cards-padding-bottom: 0;
    --board-details-nav-margin: 32px;
    --cards-title-padding-top: 0;
    --cards-title-padding-top2: 0;
  }
}
:root,
html[data-bs-theme=light] {
  color-scheme: light;
  /* 浅色主题 */
  --bg-body: #f6f6f6;
  --bg-primary: #fff;
  --bg-bottom: #fff;
  --text-secondary: #999999;
  --text-secondary2: #000000;
  --text-primary: #000000;
  --text-primary-rgb: 0, 0, 0;
  --bg-table-header: #f0f0f0;
  --bg-table-subheader: #e8e8e8;
  --bg-table-pin-top: #fffaf5;
  --pc-info-bnt-bg1: rgba(255, 140, 0, 0.1);
  --pc-info-bnt-bg2: rgba(235, 55, 40, 0.1);
  --pc-info-bnt-active: #b9b5b5;
  --bg-pagination-active: #eb3728;
  --bg-pagination-default: #f0f0f0;
  --bg-pagination-hover: #eae6e6;
  --btn-bg-hover: #dddddd;
  --btn-bg-primary-hover: #fd4a39;
  --popup-bg-primary: #fff;
  --top-icon-color: #999999;
  --search-bg-color: #f0f0f0;
  --search-btn-color: #cbcbcb;
  --btn-bg-secondary: #e7e7e7;
  --btn-text-secondary: #999999;
  --h5-info-bg: #fff;
  --form-input-bg: #f6f6f6;
  --border-primary-color: #e2e2e3;
  --border-secondary-color: #e2e2e3;
  --border-secondary-color2: #d6d6d6;
  --icon-primary-color: #000000;
  --icon-secondary-color: #999999;
  --icon-pagination-color: #999999;
  --icon-input-color: #b0b0b0;
  --top-tab-text-color: #999999;
  --top-tab-text-color-active: #000000;
  --theme-tab-text-color: #777777;
  --theme-tab-text-active-color: #000000;
  --comment-text-color: #999999;
  --editor-top-bg-color: #cbcbcb;
  --editor-content-bg-color: #f0f0f0;
  --main-nav-sheet-border: #e2e2e3;
}

html[data-bs-theme=dark] {
  color-scheme: dark;
  /* 深色主题 */
  --bg-body: #1c1c20;
  --bg-primary: #232426;
  --bg-bottom: #0f0f11;
  --text-secondary: #aaaaaa;
  --text-secondary2: #aaaaaa;
  --text-primary: #ffffff;
  --text-primary-rgb: 255, 255, 255;
  --bg-table-header: #2e2e30;
  --bg-table-subheader: #18181b;
  --bg-table-pin-top: #29292c;
  --pc-info-bnt-bg1: #2e2e30;
  --pc-info-bnt-bg2: #2e2e30;
  --pc-info-bnt-active: #000000;
  --bg-pagination-active: #eb3728;
  --bg-pagination-default: #18181b;
  --bg-pagination-hover: #888888;
  --btn-bg-hover: #202020;
  --btn-bg-primary-hover: #db1301;
  --popup-bg-primary: #232426;
  --top-icon-color: #ffffff;
  --theme-tab-text-color: #777777;
  --theme-tab-text-active-color: #ffffff;
  --search-bg-color: #2e2e30;
  --search-btn-color: #404041;
  --btn-bg-secondary: #404041;
  --btn-text-secondary: #fff;
  --h5-info-bg: #1c1c20;
  --form-input-bg: #2e2e30;
  --border-primary-color: #333333;
  --border-secondary-color: #ffffff;
  --border-secondary-color2: #333333;
  --icon-primary-color: #ffffff;
  --icon-secondary-color: #7b7b7b;
  --icon-pagination-color: #aaaaaa;
  --icon-input-color: #aaaaaa;
  --top-tab-text-color: #777777;
  --top-tab-text-color-active: #ffffff;
  --comment-text-color: #fffdfd;
  --editor-top-bg-color: #404041;
  --editor-content-bg-color: #2e2e30;
  --main-nav-sheet-border: #1c1c20;
}

.icon-img-hover.unread {
  border-radius: 4px;
  animation: icon-img-hover-unread-pulse 2s ease-in-out infinite;
}

@keyframes icon-img-hover-unread-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 0 2px rgba(var(--icon-img-hover-unread-accent-rgb), 0.55), 0 0 10px 2px rgba(var(--icon-img-hover-unread-accent-rgb), 0.35);
  }
}
.icon-img-hover {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.icon-img-hover__img {
  display: block;
  max-width: 100%;
}
.icon-img-hover__img--default {
  transition: opacity 0.15s ease;
}
.icon-img-hover__img--hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.icon-img-hover[data-icon-unread] {
  border-radius: 4px;
  animation: icon-img-hover-unread-pulse 2s ease-in-out infinite;
}

@keyframes icon-img-hover-unread-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 transparent;
  }
  50% {
    box-shadow: 0 0 0 2px rgba(235, 55, 40, 0.55), 0 0 10px 2px rgba(235, 55, 40, 0.35);
  }
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  a:hover .icon-img-hover .icon-img-hover__img--default,
  button:hover .icon-img-hover .icon-img-hover__img--default {
    opacity: 0;
  }
  a:hover .icon-img-hover .icon-img-hover__img--hover,
  button:hover .icon-img-hover .icon-img-hover__img--hover {
    opacity: 1;
  }
}
html[data-bs-theme=light] .icon-img-hover__by-theme--dark {
  display: none !important;
}

html[data-bs-theme=dark] .icon-img-hover__by-theme--light {
  display: none !important;
}