@view-transition {
  navigation: auto;
}
::view-transition-group(root) {
  animation-duration: 0.5s;
}

/* sweetalert */
.swal2-popup {
  width: 450px !important;
  width: 45rem !important;
  border-radius: 0 !important;
  padding: 15px;
}
.swal2-title {
  color: #333 !important;
  font-size: 2.6rem !important;
}
.swal2-content,
.swal2-html-container {
  color: #666 !important;
  font-size: 1.8rem !important;
  font-weight: 400;
  padding: 10px 0px;
}
.swal2-styled.swal2-cancel {
  font-size: 1.8rem !important;
  border-radius: 0 !important;
}
.swal2-styled.swal2-confirm {
  font-size: 1.8rem !important;
  border-radius: 0 !important;
}
.swal2-styled {
  padding: 0.5em 1.5em !important;
}

/*==================================
                 首頁
====================================*/
.sec-energy {
  .index-energy-text {
    .en {
      word-break: normal;
      overflow-wrap: break-word;
    }
  }
  .index-energy-file {
    display: flex;
    align-items: center;
    gap: var(2 * var(--c-spacing));
  }
  .index-energy-btn {
    flex: 0 1 auto;
  }
}

/*==================================
     Figure：最新消息/計畫成果
====================================*/
:root {
  --c-spacing: 8px;
  --gap: 8px;
  --rounded: 8px;
}
.figure {
  .figure-photo {
    position: relative;
    display: grid;
    place-content: center;
    background-color: #f6f6f6;
    aspect-ratio: 4/3;
    border-radius: calc(2 * var(--rounded));
    overflow: clip;
    .img-fluid {
      margin: auto;
      aspect-ratio: 4/3;
      /* object-fit: contain; */
      transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    }
  }
  .figure-caption {
    margin-block-start: var(--c-spacing);
  }
}
.page-kv-title {
  animation-duration: 0.3s;
}
@keyframes pageKvTitle {
  from {
    translate: -50% -50%;
    scale: 1.05;
    filter: blur(0.25rem);
  }
  to {
    translate: -50% -50%;
    scale: 1;
    filter: blur(0);
  }
}