@charset "UTF-8";
:root {
  --primary: #117E96;
  --secondary: #009CAD;
  --tertiary: #F39C12;
  --primary-light: #11AAC1;
  --primary-dark: #126E7D;
  --primary-text: #2D2D2D;
  --secondary-text: #464646;
  --tertiary-text: #8C8C8C;
  --quaternary-text: #B3B3B3;
  --primary-border: #E5E5E5;
  --secondary-border: #D9D9D9;
  --base-bg: #FFFFFF;
  --b1-bg: #F8F8F8;
  --f1-bg: #FFFFFF;
  --f2-bg: #F3F3F3;
  --primary-bg: rgba(17, 170, 193, 0.1);
  --warning: #DE2427;
  --purewhite: #FFFFFF;
}

html[data-theme=dark] {
  --primary: #00B0B6;
  --secondary: #00B0B6;
  --primary-light: #33CCCC;
  --primary-dark: #009CAD;
  --primary-text: #F7F7F7;
  --secondary-text: #C7C6CB;
  --tertiary-text: #A7A6AD;
  --quaternary-text: #A7A6AD;
  --primary-border: #444444;
  --secondary-border: #444444;
  --base-bg: #1C1C1C;
  --b1-bg: #111111;
  --f1-bg: #272728;
  --f2-bg: #444444;
  --primary-bg: rgba(17, 170, 193, 0.1);
  --warning: #F25C62;
  --purewhite: #FFFFFF;
}

.spoiler {
  display: inline;
  max-width: 100%;
  min-width: 4px;
  padding: 4px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--purewhite);
  word-break: break-all;
  background-color: var(--secondary-text);
  border-radius: 4px;
}
.spoiler-enter {
  display: inline-flex;
  align-items: center;
}
.spoiler-enter-box {
  display: inline-flex;
}
.spoiler-enter-box.spoiler-box {
  position: relative;
  width: 148px;
  height: 83px;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 3px;
}
.spoiler-enter-box.spoiler-box .reveal-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  color: var(--purewhite);
  background-color: transparent !important;
  transform: translate(-50%, -50%);
}
.spoiler-enter-text {
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
  font-size: 13px;
  color: var(--secondary-text);
}
.spoiler-enter-text .reveal-icon {
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-right: 4px;
  color: var(--secondary-text);
}
.spoiler-enter-text .reveal-icon path {
  fill: var(--secondary-text);
}
.spoiler img {
  background-color: var(--secondary-text);
  border-radius: 3px;
  filter: brightness(0);
}
.spoiler bahamut-swiper-image {
  background-color: var(--secondary-text);
  border-radius: 3px;
  filter: brightness(0);
  position: relative;
}
.spoiler:has(img) {
  padding: 0;
}

.b-imglist-item .b-list__brief.spoiler-hidden {
  display: none;
}

.is-spoiler-text {
  cursor: pointer;
  display: inline;
  max-width: 100%;
  color: transparent !important;
  background-color: var(--secondary-text) !important;
  border-radius: 3px;
  word-break: break-all;
  overflow: hidden;
  vertical-align: middle;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.is-spoiler-text * {
  color: transparent !important;
  background-color: var(--secondary-text) !important;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.is-spoiler-text a {
  pointer-events: none;
  color: transparent !important;
  border-radius: 3px;
}
.is-spoiler-text :is(div, h1, h2, h3, h4, h5):not(:empty):not(:first-child)::before {
  content: "\a";
  white-space: pre;
  font-size: 1rem;
}
.is-spoiler-text:has(img) {
  display: inline-block;
}
.is-spoiler-text:has(img) img {
  margin: 0;
  filter: brightness(0);
  background-color: var(--secondary-text);
  user-select: none;
  cursor: pointer;
}
.is-spoiler-text:has(img) bahamut-swiper-image {
  display: inline-block;
  background-color: var(--secondary-text);
  pointer-events: none;
}
.is-spoiler-text:has(img)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--secondary-text);
}
.is-spoiler-text:has(img)::before {
  content: "查看暴雷";
  position: absolute;
  top: calc(50% - 18.72px);
  left: calc(50% - 42px);
  z-index: 2;
  display: block;
  text-align: center;
  padding: 6px 12px;
  color: var(--purewhite);
  background-color: var(--primary) !important;
  border-radius: 4px;
}
.is-spoiler-img {
  display: block;
  max-width: 100%;
  height: auto;
}
.is-spoiler-img.spoiler-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  max-width: 100%;
}
.is-spoiler-img.spoiler-container img {
  max-width: 100%;
  max-height: 100%;
}
.is-spoiler-img.spoiler-container .spoiler-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--tertiary-text) !important;
  border-radius: 3px;
}
.is-spoiler-img.spoiler-container .btn.reveal-button {
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 6px 12px;
  color: var(--purewhite) !important;
  border-radius: 4px;
  background-color: var(--primary) !important;
  transform: translate(50%, -50%);
}
.is-spoiler-img.spoiler-container .btn.reveal-button .reveal-icon {
  padding-right: 8px;
}
.is-spoiler-img.spoiler-container .btn.reveal-button .reveal-icon path {
  fill: #FFB300;
}
.is-spoiler-img.spoiler-container .btn.reveal-button .reveal-icon path:first-child {
  fill: #2D2D2D;
}
.is-spoiler-img.spoiler-container .btn.reveal-button:hover {
  background-color: var(--primary-dark) !important;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}

.tippy-spoiler__text {
  cursor: pointer;
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
}
.tippy-spoiler__text:hover {
  color: var(--primary-light);
}

.tippy-content .spoiler-tippy {
  padding: 5px 9px;
}

.unmasked,
.unmasked * {
  display: inline;
  max-width: 100%;
  color: unset !important;
  background-color: unset !important;
  border-radius: 3px;
  word-break: break-all;
  overflow: hidden;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}