.sort.leisure-preview-active .sort-list > ul > .firstLevel:not([data-option-one-leisure]):not([data-option-two-leisure]):not([data-option-three-leisure]) > ul,
.sort.leisure-preview-active .sort-list > ul > .firstLevel:not([data-option-one-leisure]):not([data-option-two-leisure]):not([data-option-three-leisure]) > .kf-dialog,
.sort.leisure-preview-active .sort-list > ul > .firstLevel:not([data-option-one-leisure]):not([data-option-two-leisure]):not([data-option-three-leisure]) > .list_regist {
  display: none !important;
}

.sort.leisure-preview-active .sort-list > ul > .firstLevel:not([data-option-one-leisure]):not([data-option-two-leisure]):not([data-option-three-leisure]):hover > .sort-list-item:nth-child(1) {
  display: block !important;
}

.sort.leisure-preview-active .sort-list > ul > .firstLevel:not([data-option-one-leisure]):not([data-option-two-leisure]):not([data-option-three-leisure]):hover > .sort-list-item:nth-child(2) {
  display: none !important;
}

.sideBubble {
  display: block !important;
  z-index: 3;
  border-bottom: 1px solid rgba(77, 20, 74, 0.07);
  box-shadow:
    0 14px 28px -14px rgba(57, 32, 55, 0.26),
    0 5px 12px -7px rgba(57, 32, 55, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(12px) scale(0.98);
  transform-origin: right top;
  transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}

.sideBubble.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0) scale(1);
}

.sideBubble::before {
  content: '';
  position: absolute;
  top: 0;
  right: -72px;
  width: 72px;
  height: 100%;
  background: transparent;
}

.sideBubble .sideBubbleHeader {
  padding-right: 27px;
}

.sideBubble .sideBubbleCloseBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: transform 160ms ease, opacity 160ms ease;
  z-index: 2;
}

.sideBubble .sideBubbleCloseBtn[hidden] {
  display: none !important;
}

.sideBubble .sideBubbleCloseBtn:hover {
  opacity: 0.84;
  transform: scale(1.07);
}

.sideBubble .sideBubbleCloseBtn:focus-visible {
  outline: 2px solid #4d144a;
  outline-offset: 2px;
}

.sideBubble .sideBubbleCloseBtn img {
  display: block;
  width: 24px;
  height: 24px;
}

.sideBubble .sideBubbleBtnGroup button.sideBubbleItem {
  font-family: inherit;
}

.sideBubble .sideBubbleBtnGroup .sideBubbleVioceBtn::before {
  background-image: url("./assets/leisure/voice.png") !important;
}

.sideBubble .sideBubbleBtnGroup .sideBubbleDetailBtn::after {
  background-image: url("./assets/leisure/detail-arrow.png") !important;
}

.sideBubble .sideBubbleBtnGroup .sideBubbleVioceBar .sideBubbleVioceStopBtn {
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("./assets/leisure/voice-pause.png") !important;
}

.sideBubble .sideBubbleBtnGroup .sideBubbleVioceBar .sideBubbleVioceStopBtn.isPause {
  background-image: url("./assets/leisure/voice-resume.png") !important;
}

.option-one-leisure {
  position: relative;
  z-index: 0;
}

.option-one-leisure .aiAssistant:first-of-type {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.option-one-leisure.leisure-entry-pulse {
  z-index: 10;
}

.option-one-leisure.leisure-entry-pulse .aiAssistant:first-of-type,
.option-one-leisure.leisure-entry-pulse .leisure-entry-card {
  z-index: 10;
  overflow: hidden;
}

.option-one-leisure .leisure-entry-card {
  position: relative;
  display: block;
  width: 66px !important;
  height: 66px !important;
  overflow: hidden;
  border-radius: 0;
  background: linear-gradient(180deg, #fff8fa 0%, #f6f9fe 100%);
  box-shadow: inset 0 0 0 1px rgba(77, 20, 74, 0.025);
}

.option-one-leisure .leisure-entry-card-hover {
  background: linear-gradient(180deg, #fff4f7 0%, #f1f6fd 100%);
}

.option-one-leisure .leisure-entry-content {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 66px !important;
  height: 66px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transform-origin: 50% 50%;
  will-change: transform;
}

.option-one-leisure .leisure-entry-icon-shell {
  position: relative;
  z-index: 0;
  isolation: isolate;
  display: block;
  flex: 0 0 41px;
  width: 41px !important;
  height: 41px !important;
  margin-top: 6px;
  transform-origin: 50% 50%;
  will-change: filter;
}

.option-one-leisure .leisure-entry-icon-shell::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 4px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 215, 211, 0.68) 34%,
    rgba(236, 36, 28, 0.38) 58%,
    rgba(236, 36, 28, 0) 82%);
  filter: blur(3px);
  opacity: 0;
  transform: scale(0.72);
  pointer-events: none;
}

.option-one-leisure .leisure-entry-icon {
  position: absolute !important;
  z-index: 1;
  inset: 0;
  display: block;
  width: 41px !important;
  height: 41px !important;
  max-width: none;
  object-fit: contain;
  border-radius: 0 !important;
}

.option-one-leisure .leisure-entry-motion {
  display: none;
  opacity: 0;
}

.option-one-leisure .leisure-entry-label {
  position: relative;
  display: block !important;
  width: 66px !important;
  height: 15px !important;
  margin-top: 0;
  overflow: hidden;
  font-size: 0;
}

.option-one-leisure .leisure-entry-label-default,
.option-one-leisure .leisure-entry-label-prompt {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 66px !important;
  height: 15px !important;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  will-change: opacity, transform;
}

.option-one-leisure .leisure-entry-label-default {
  color: #292529;
  font-weight: 600;
}

.option-one-leisure .leisure-entry-label-prompt {
  color: #b62520;
  font-weight: 700;
  opacity: 0;
  transform: translateY(2px);
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-static {
  display: block;
  animation: leisureEntryStaticBlend 7.95s ease-in-out both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-motion {
  display: block;
  animation: leisureEntryMotionBlend 7.95s ease-in-out both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-content {
  animation-name: leisureEntryContentPulse;
  animation-duration: 7.95s;
  animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-icon-shell {
  animation: leisureEntryIconFocus 7.95s cubic-bezier(0.45, 0, 0.55, 1) 1 both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-icon-shell::before {
  animation: leisureEntryFocusGlow 7.95s cubic-bezier(0.45, 0, 0.55, 1) 1 both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-label-default {
  animation: leisureEntryDefaultCopy 7.95s ease-in-out both;
}

.option-one-leisure.leisure-entry-pulse .leisure-entry-label-prompt {
  animation: leisureEntryPromptCopy 7.95s ease-in-out both;
}

@keyframes leisureEntryContentPulse {
  0%, 33.333%, 66.667%, 100% {
    transform: scale(1);
  }
  16.667%, 50% {
    transform: scale(1.08);
  }
  83.333% {
    transform: scale(1.04);
  }
}

@keyframes leisureEntryIconFocus {
  0%, 33.333%, 66.667%, 100% {
    filter: brightness(1) saturate(1) drop-shadow(0 0 0 rgba(236, 36, 28, 0));
  }
  16.667%, 50% {
    filter: brightness(1.12) saturate(1.16) drop-shadow(0 3px 7px rgba(236, 36, 28, 0.42));
  }
  83.333% {
    filter: brightness(1.06) saturate(1.08) drop-shadow(0 1.5px 4px rgba(236, 36, 28, 0.24));
  }
}

@keyframes leisureEntryFocusGlow {
  0%, 33.333%, 66.667%, 100% {
    opacity: 0;
    transform: scale(0.72);
  }
  16.667%, 50% {
    opacity: 0.78;
    transform: scale(1.22);
  }
  83.333% {
    opacity: 0.38;
    transform: scale(1);
  }
}

@keyframes leisureEntryStaticBlend {
  0%, 100% {
    opacity: 1;
  }
  8%, 92% {
    opacity: 0;
  }
}

@keyframes leisureEntryMotionBlend {
  0%, 100% {
    opacity: 0;
  }
  8%, 92% {
    opacity: 1;
  }
}

@keyframes leisureEntryDefaultCopy {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  8%, 92% {
    opacity: 0;
    transform: translateY(-2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes leisureEntryPromptCopy {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  8%, 92% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2px);
  }
}

.leisure-ai-sidebar .sidebar-content {
  height: calc(100% - 56px);
}

.leisure-ai-sidebar .sidebar-content iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .sideBubble,
  .sideBubble .sideBubbleCloseBtn,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-content,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-icon-shell,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-icon-shell::before,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-static,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-motion,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-label-default,
  .option-one-leisure.leisure-entry-pulse .leisure-entry-label-prompt {
    transition: none;
    animation: none;
  }

  .option-one-leisure.leisure-entry-pulse .leisure-entry-static {
    display: block;
  }

  .option-one-leisure.leisure-entry-pulse .leisure-entry-motion {
    display: none;
  }
}