/* 基础工具类 - Neo Brutalism (新粗野主义) 风格专属 */
body.custom-bg .hide-in-three {
  display: none !important;
}
body.custom-bg .show-in-three {
  display: flex !important;
}
body.custom-bg .show-in-three-inline {
  display: inline-block !important;
}

/* 导航栏 - 粗野主义重写 */
body.custom-bg .sticky-nav {
  height: 5rem !important;
  background: #ffffff !important;
  border-bottom: 3px solid #000000 !important;
  box-shadow: none !important;
}

body.custom-bg .main-nav-container,
body.custom-bg .one-nav {
  background: #ffffff !important;
  border-bottom: 3px solid #000000 !important;
  box-shadow: none !important;
}

body.custom-bg .one-nav a,
body.custom-bg .main-nav-container a,
body.custom-bg .sticky-nav a,
body.custom-bg .one-nav button:not([class*="bg-"]),
body.custom-bg .sticky-nav button:not([class*="bg-"]),
body.custom-bg .one-nav span,
body.custom-bg .sticky-nav span {
  color: #000000 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
}

/* Footer - 粗野主义 */
body.custom-bg footer,
body.custom-bg .footer-container {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-top: 4px solid #000000 !important;
}
body.custom-bg footer h2 {
  color: #000000 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}
body.custom-bg footer a,
body.custom-bg footer p {
  color: #000000 !important;
  font-weight: 700 !important;
}
body.custom-bg hr.mt-1 {
  display: none !important;
}

/* 列表分页适配 */
body.custom-bg .template-pagination-container {
  justify-content: center !important;
  padding: 3rem 0 !important;
}
body.custom-bg .pagination-wrapper {
  gap: 1rem !important;
}
body.custom-bg .pagination-item,
body.custom-bg .pagination-prev,
body.custom-bg .pagination-next {
  background: #ffffff !important;
  color: #000 !important;
  border: 3px solid #000 !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  box-shadow: 4px 4px 0px 0px #000 !important;
  transition: all 0.1s ease !important;
}
body.custom-bg .pagination-item:hover,
body.custom-bg .pagination-prev:hover,
body.custom-bg .pagination-next:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #000 !important;
}
body.custom-bg .pagination-cursor {
  background: #22c55e !important; /* 核心亮绿色 */
  color: #000 !important;
}

/* 底层背景：网格线背景 */
body.custom-bg {
  background-color: #fcebd1; /* 非常淡的奶油橙/像素黄风格底色 */
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 30px 30px;
  color: #000000;
  font-family: 'Space Grotesk', 'Courier New', monospace, -apple-system, sans-serif;
  letter-spacing: -0.01em;
}

/* 粗野主义阴影与框线公用类 */
.neo-brutal {
  background-color: #ffffff;
  border: 4px solid #000000;
  box-shadow: 8px 8px 0px 0px #000000;
  border-radius: 0px; /* 极端情况可以用0，稍微柔和可以 8px，原图看起来是带一点点小圆角的或直角 */
  transition: all 0.15s ease-out;
}
.neo-brutal:hover {
  transform: translate(4px, 4px);
  box-shadow: 4px 4px 0px 0px #000000;
}
.neo-brutal-btn {
  background-color: #22c55e;
  border: 3px solid #000000;
  box-shadow: 4px 4px 0px 0px #000000;
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  transition: all 0.1s ease;
  cursor: pointer;
}
.neo-brutal-btn:hover {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0px 0px #000000;
}
.neo-brutal-btn:active {
  transform: translate(4px, 4px);
  box-shadow: 0px 0px 0px 0px #000000;
}

/* 隐藏无关 banner */
body.custom-bg section.one-banner {
  display: none !important;
}

/* 个人中心粗野主义化 */
body.custom-bg .one-profile-page {
  background: transparent;
  color: #000 !important;
  padding-top: 2rem;
}
body.custom-bg .one-profile-page h1 {
  font-weight: 900;
  text-transform: uppercase;
}
body.custom-bg .one-profile-page .bg-default-100,
body.custom-bg .one-profile-page .profile-card,
body.custom-bg .one-profile-page .history-table {
  background: #ffffff !important;
  border: 4px solid #000000 !important;
  box-shadow: 8px 8px 0px 0px #000000 !important;
  border-radius: 0 !important;
}
body.custom-bg .one-profile-page header,
body.custom-bg .one-profile-page .bg-divider,
body.custom-bg .one-profile-page hr[role="separator"],
body.custom-bg .one-profile-page .history-table table th,
body.custom-bg .one-profile-page .history-table table td {
  border-color: #000000 !important;
  color: #000 !important;
}