/* 精靈球風格：紅白半球、黑色中線、中央按鈕與高光。 */
.brand-ball,
.about-orb,
.forum-hero-orb,
.pet-orb,
.board-icon {
  background: linear-gradient(180deg, #de3f3f 0 46%, #202631 46% 54%, #f7f4e8 54% 100%);
  border-color: #17202b;
  box-shadow: inset 0 5px 8px #ffffff40, inset 0 -8px 12px #26314138, 0 0 0 2px #f8e09a85, 0 8px 18px #08142452;
  position: relative;
}

.brand-ball::after,
.about-orb::after,
.forum-hero-orb::after,
.pet-orb::after,
.board-icon::after {
  content: "";
  z-index: 2;
  background: radial-gradient(circle at 36% 30%, #fff 0 18%, #d9e4df 19% 48%, #5d6870 50% 64%, #f7f5e9 65% 100%);
  border: 3px solid #1d252c;
  border-radius: 50%;
  width: 24%;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px #0008;
}

.about-orb,
.forum-hero-orb {
  color: transparent;
}

.about-orb::before,
.forum-hero-orb::before {
  content: "";
  border: 0;
  background: #202631;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  right: 0;
}

.about-orb::after,
.forum-hero-orb::after {
  width: 34%;
}

.forum-hero-orb i {
  display: none;
}

.pet-orb,
.board-icon {
  color: transparent;
  overflow: hidden;
}

.pet-orb::after,
.board-icon::after {
  border-width: 2px;
}