.suopu-breadcrumb-section {
    isolation: isolate;
  }

  .suopu-breadcrumb-hero {
    min-height: var(--suopu-breadcrumb-mobile-height, 220px);
    background-color: var(--suopu-breadcrumb-bg-color, #111827);
    background-image: var(--suopu-breadcrumb-bg-gradient, none), var(--suopu-breadcrumb-bg-image-mobile, none);
    background-position: var(--suopu-breadcrumb-bg-position, center center);
    background-size: var(--suopu-breadcrumb-bg-size, cover);
    background-repeat: no-repeat;
  }

  .suopu-breadcrumb-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: rgba(var(--suopu-breadcrumb-overlay-rgb, 0, 0, 0), var(--suopu-breadcrumb-overlay-opacity, .45));
    pointer-events: none;
  }

  .suopu-breadcrumb-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: linear-gradient(var(--suopu-breadcrumb-overlay-gradient-direction, to right), rgba(var(--suopu-breadcrumb-overlay-rgb, 0, 0, 0), var(--suopu-breadcrumb-overlay-gradient-opacity, .65)), rgba(var(--suopu-breadcrumb-overlay-rgb, 0, 0, 0), 0));
    opacity: 0;
    pointer-events: none;
  }

  .suopu-breadcrumb-gradient-overlay-enabled.suopu-breadcrumb-hero::after {
    opacity: 1;
  }

  .suopu-breadcrumb-plain {
    background-color: #f8fafc;
  }

  .suopu-breadcrumb-container {
    width: 100%;
  }

  .suopu-breadcrumb-inner {
    min-height: var(--suopu-breadcrumb-mobile-height, 220px);
  }

  .suopu-breadcrumb-content {
    max-width: 780px;
    position: relative;
    z-index: 10;
  }

  .suopu-breadcrumb-glass-enabled .suopu-breadcrumb-content {
    background: rgba(var(--suopu-breadcrumb-glass-rgb, 0, 0, 0), var(--suopu-breadcrumb-glass-opacity, .25));
    -webkit-backdrop-filter: blur(var(--suopu-breadcrumb-glass-blur, 6px));
    backdrop-filter: blur(var(--suopu-breadcrumb-glass-blur, 6px));
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .22);
    padding: 1.25rem;
  }

  .suopu-breadcrumb-subtitle {
    margin-bottom: 0;
  }

  .suopu-breadcrumb-description p {
    margin: 0;
  }

  .suopu-breadcrumb-description p + p {
    margin-top: 0.5rem;
  }

  .suopu-breadcrumb-nav {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .suopu-breadcrumb-nav::-webkit-scrollbar {
    height: 4px;
  }

  .suopu-breadcrumb-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .suopu-breadcrumb-link {
    text-decoration: none;
  }

  .suopu-breadcrumb-link:hover {
    text-decoration: none;
  }

  .suopu-breadcrumb-align-center .suopu-breadcrumb-inner {
    align-items: center;
    text-align: center;
  }

  .suopu-breadcrumb-align-center .suopu-breadcrumb-content {
    margin-left: auto;
    margin-right: auto;
  }

  .suopu-breadcrumb-align-center .suopu-breadcrumb-description {
    margin-left: auto;
    margin-right: auto;
  }

  .suopu-breadcrumb-align-center .suopu-breadcrumb-list {
    justify-content: center;
  }

  .suopu-breadcrumb-align-left .suopu-breadcrumb-inner {
    align-items: flex-start;
    text-align: left;
  }

  .suopu-breadcrumb-title {
    font-family: var(--suopu-breadcrumb-title-font-family, inherit);
    font-style: var(--suopu-breadcrumb-title-font-style, normal);
    font-weight: var(--suopu-breadcrumb-title-font-weight, 700);
    font-size: var(--suopu-breadcrumb-title-font-size, inherit);
    line-height: var(--suopu-breadcrumb-title-line-height, inherit);
    letter-spacing: var(--suopu-breadcrumb-title-letter-spacing, inherit);
    color: var(--suopu-breadcrumb-title-color, inherit);
  }

  .suopu-breadcrumb-subtitle {
    font-family: var(--suopu-breadcrumb-subtitle-font-family, inherit);
    font-style: var(--suopu-breadcrumb-subtitle-font-style, normal);
    font-weight: var(--suopu-breadcrumb-subtitle-font-weight, 500);
    font-size: var(--suopu-breadcrumb-subtitle-font-size, inherit);
    line-height: var(--suopu-breadcrumb-subtitle-line-height, inherit);
    letter-spacing: var(--suopu-breadcrumb-subtitle-letter-spacing, inherit);
    color: var(--suopu-breadcrumb-subtitle-color, inherit);
  }

  .suopu-breadcrumb-nav {
    font-family: var(--suopu-breadcrumb-nav-font-family, inherit);
    font-style: var(--suopu-breadcrumb-nav-font-style, normal);
    font-weight: var(--suopu-breadcrumb-nav-font-weight, 500);
    font-size: var(--suopu-breadcrumb-nav-font-size, inherit);
    line-height: var(--suopu-breadcrumb-nav-line-height, inherit);
    letter-spacing: var(--suopu-breadcrumb-nav-letter-spacing, inherit);
    color: var(--suopu-breadcrumb-nav-color, inherit);
  }

  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-title,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-subtitle,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-description {
    color: #fff;
  }

  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-nav,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-link,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-current,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-separator {
    color: rgba(255, 255, 255, .86);
  }

  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-link:hover,
  .suopu-breadcrumb-contrast-light .suopu-breadcrumb-current {
    color: #fff;
  }

  .suopu-breadcrumb-text-shadow-soft .suopu-breadcrumb-title,
  .suopu-breadcrumb-text-shadow-soft .suopu-breadcrumb-subtitle,
  .suopu-breadcrumb-text-shadow-soft .suopu-breadcrumb-description,
  .suopu-breadcrumb-text-shadow-soft .suopu-breadcrumb-nav {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
  }

  .suopu-breadcrumb-text-shadow-medium .suopu-breadcrumb-title,
  .suopu-breadcrumb-text-shadow-medium .suopu-breadcrumb-subtitle,
  .suopu-breadcrumb-text-shadow-medium .suopu-breadcrumb-description,
  .suopu-breadcrumb-text-shadow-medium .suopu-breadcrumb-nav {
    text-shadow: 0 4px 18px rgba(0, 0, 0, .38);
  }

  .suopu-breadcrumb-text-shadow-strong .suopu-breadcrumb-title,
  .suopu-breadcrumb-text-shadow-strong .suopu-breadcrumb-subtitle,
  .suopu-breadcrumb-text-shadow-strong .suopu-breadcrumb-description,
  .suopu-breadcrumb-text-shadow-strong .suopu-breadcrumb-nav {
    text-shadow: 0 6px 28px rgba(0, 0, 0, .5);
  }

  .suopu-breadcrumb-text-stroke-enabled .suopu-breadcrumb-title {
    -webkit-text-stroke: var(--suopu-breadcrumb-text-stroke-width, 1px) var(--suopu-breadcrumb-text-stroke-color, #000);
    paint-order: stroke fill;
  }

  .suopu-breadcrumb-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }

  .suopu-breadcrumb-picture img,
  .suopu-breadcrumb-swiper-slide {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--suopu-breadcrumb-bg-position, center center);
  }

  .suopu-breadcrumb-swiper-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 800ms ease;
  }

  .suopu-breadcrumb-swiper-slide.is-active {
    opacity: 1;
  }

  .suopu-breadcrumb-swiper-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: var(--suopu-breadcrumb-swiper-nav-size, 44px);
    height: var(--suopu-breadcrumb-swiper-nav-size, 44px);
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    color: var(--suopu-breadcrumb-swiper-nav-color, #fff);
    background: rgba(var(--suopu-breadcrumb-swiper-nav-bg-rgb, 0, 0, 0), var(--suopu-breadcrumb-swiper-nav-bg-opacity, .35));
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .25);
  }

  .suopu-breadcrumb-swiper-nav span {
    font-size: calc(var(--suopu-breadcrumb-swiper-nav-size, 44px) * .56);
    line-height: 1;
  }

  .suopu-breadcrumb-swiper-prev {
    left: max(1rem, calc((100vw - 80rem) / 2 + 1rem));
  }

  .suopu-breadcrumb-swiper-next {
    right: max(1rem, calc((100vw - 80rem) / 2 + 1rem));
  }

  .suopu-breadcrumb-swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .5rem;
    transform: translateX(-50%);
  }

  .suopu-breadcrumb-swiper-bullet {
    width: var(--suopu-breadcrumb-swiper-bullet-size, 9px);
    height: var(--suopu-breadcrumb-swiper-bullet-size, 9px);
    border: 0;
    border-radius: 999px;
    background: var(--suopu-breadcrumb-swiper-bullet-color, #fff);
    opacity: .48;
    cursor: pointer;
    transition: opacity .2s ease, transform .2s ease, width .2s ease;
  }

  .suopu-breadcrumb-swiper-bullet.is-active {
    background: var(--suopu-breadcrumb-swiper-bullet-active-color, #fff);
    opacity: 1;
    transform: scale(1.08);
  }

  .suopu-breadcrumb-swiper-pagination-pill .suopu-breadcrumb-swiper-bullet.is-active {
    width: calc(var(--suopu-breadcrumb-swiper-bullet-size, 9px) * 2.8);
  }

  .suopu-breadcrumb-swiper-pagination-line .suopu-breadcrumb-swiper-bullet {
    width: calc(var(--suopu-breadcrumb-swiper-bullet-size, 9px) * 3.2);
    height: max(3px, calc(var(--suopu-breadcrumb-swiper-bullet-size, 9px) / 3));
  }

  .suopu-breadcrumb-position-floating .suopu-breadcrumb-floating-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: clamp(1rem, 4vw, 3rem);
    z-index: 12;
    pointer-events: none;
  }

  .suopu-breadcrumb-position-floating .suopu-breadcrumb-floating-wrap {
    pointer-events: auto;
    width: auto;
    max-width: 100%;
    display: inline-flex;
    padding: .625rem .875rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, .28);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
  }

  .suopu-breadcrumb-position-floating .suopu-breadcrumb-nav {
    margin-top: 0;
  }

  .suopu-breadcrumb-position-floating.suopu-breadcrumb-align-center .suopu-breadcrumb-floating-container {
    text-align: center;
  }

  .suopu-breadcrumb-position-floating.suopu-breadcrumb-align-left .suopu-breadcrumb-floating-container {
    text-align: left;
  }

  .suopu-breadcrumb-below {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .suopu-breadcrumb-below .suopu-breadcrumb-nav {
    margin-top: 0;
  }

  .suopu-breadcrumb-separator svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
  }

  @media (min-width: 768px) {
    .suopu-breadcrumb-hero {
      min-height: var(--suopu-breadcrumb-pc-height, 320px);
      background-image: var(--suopu-breadcrumb-bg-gradient, none), var(--suopu-breadcrumb-bg-image-pc, none);
    }

    .suopu-breadcrumb-inner {
      min-height: var(--suopu-breadcrumb-pc-height, 320px);
    }

    .suopu-breadcrumb-glass-enabled .suopu-breadcrumb-content {
      padding: 1.5rem 1.75rem;
      border-radius: 1.25rem;
    }
  }

  @media (max-width: 767px) {
    .suopu-breadcrumb-swiper-nav {
      width: 34px;
      height: 34px;
    }

    .suopu-breadcrumb-swiper-pagination {
      bottom: .875rem;
    }

    .suopu-breadcrumb-position-floating .suopu-breadcrumb-floating-container {
      bottom: .875rem;
    }

    .suopu-breadcrumb-position-floating .suopu-breadcrumb-floating-wrap {
      max-width: calc(100vw - 2rem);
      border-radius: .875rem;
    }
  }

.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.min-h-full{min-height:100%}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.tracking-tight{letter-spacing:-.025em}.text-white{color:#fff}.text-white\/90{color:rgb(255 255 255 / .9)}.text-white\/85{color:rgb(255 255 255 / .85)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}