/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;

  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;

  --vt-c-indigo: #2c3e50;

  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);

  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);

  --section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}
body {
  min-height: 100vh;
  color: var(--color-text);
    position: relative;
    width: 100%;
    height: 100vh; /* 占满视口高度 */
    background-size: cover; /* 覆盖容器，可能裁剪 */
    background-repeat: no-repeat;
  cursor: url("/assets/1-C8mqyihV.cur"), auto !important;
    background-image: url("https://wwwtypimg.oss-cn-beijing.aliyuncs.com/images/hun/_DSC5044.jpg");
    background-position: 50% 25%;
  transition:
    color 0.5s,
    background-color 0.5s;
  line-height: 1.6;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vue-countdown-component {
    display: flex
}
@keyframes animate-flip-face {
    0% {
        transform: rotateX(-.01deg);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        transform: rotateX(-180deg);
        opacity: 0
    }
}
@keyframes animate-flip-back {
    0% {
        transform: rotateX(180deg)
    }

    to {
        transform: rotateX(-.01deg)
    }
}
.vue-countdown-component.ie .base .base-b {
    clip: rect(15px, auto, auto, auto)
}
.vue-countdown-component.ie .face {
    clip: rect(auto, auto, 15px, auto)
}
.vue-countdown-component.ie .back {
    clip: rect(15px, auto, auto, auto)
}
.vue-countdown-component.theme2 .time-box {
    min-width: 20px
}
.vue-countdown-component.theme2 .time-box+.time-box {
    margin-left: 1px
}
.vue-countdown-component .time-unit {
    padding: 0 4px;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 30px;
    white-space: nowrap;
    letter-spacing: 8px;
}
.vue-countdown-component .time-box {
    position: relative;
    box-sizing: border-box;
    height: 36px !important;
    min-width: 28px;
    font-size: 30px !important;
    text-align: center;
    background-color: #dd86ac !important;;
    perspective: 60px;
    border-radius: 3px;
    padding: 0 2px;
    color: #fff !important;
    line-height: 30px
}
.vue-countdown-component .time-box:before {
    content: "";
    position: absolute;
    background: #dd86ac!important;
    width: 1px;
    height: 6px;
    top: 50%;
    left: -1px;
    margin-top: -3px;
    z-index: -1
}
.vue-countdown-component .time-box:after {
    content: "";
    position: absolute;
    background: #dd86ac !important;
    width: 1px;
    height: 6px;
    top: 50%;
    right: -1px;
    margin-top: -3px;
    z-index: -1
}
.vue-countdown-component .time-box+.time-box {
    margin-left: 8px
}
.vue-countdown-component .time-box>div {
    overflow: hidden;
    animation-timing-function: linear;
    animation-duration: .4s;
    transform: rotateX(-.01deg);
    border-radius: 3px
}
.vue-countdown-component .time-box>div.base {
    position: relative
}
.vue-countdown-component .time-box>div.base .base-b {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 3px 3px;
    width: 100%;
    height: 100%;
    background-color: #dd86ac !important;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%)
}
.vue-countdown-component .time-box>div.face {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #dd86ac !important;
    backface-visibility: visible;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
    z-index: 2
}
.vue-countdown-component .time-box>div.face.anime {
    animation-name: animate-flip-face
}
.vue-countdown-component .time-box>div.back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #dd86ac !important;
    transform: rotateX(-180deg);
    backface-visibility: visible;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%)
}
.vue-countdown-component .time-box>div.back.anime {
    animation-name: animate-flip-back
}
@font-face {
  font-family: "hanyi";
  src: url("https://wwwtypimg.oss-cn-beijing.aliyuncs.com/ttf/fengyi.ttf");
}
@font-face {
  font-family: "aidian";
  src: url("/assets/AidianSignatureTi-Regular-2-D81ts3FN.ttf");
}
@font-face {
  font-family: "aidian2";
  src: url("/assets/Note-Script-SemiBold-2-BozJSebI.ttf");
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --primary-color: #f8e1e7;
    --secondary-color: #cc7bad;
    --accent-color: #cc7bad;
    --text-color: #5a4c3e;
    --white: #fff;
}
body {
    font-family: 'hanyi', serif;
    color: var(--text-color);
    background-color: var(--primary-color);
    /*background-image: url("@/assets/1.png");*/
    /*background-color: transparent;*/
    line-height: 1.6;
    overflow-x: hidden;
}
.h-icon {
    width: 1em;
    height: 1em;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 封面部分 */
.cover {
    width:100vw;
    height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*background: linear-gradient(rgb(255 255 255 / 29%), rgb(253 253 253 / 37%));*/
    background-size: cover;
    position: relative;
    overflow: hidden;
}
/* 移动端和平板适配 */
@media (max-width: 1200px) {
    .cover {
        width: 100%;
        height: auto;
        min-height: 100vh;
        max-height: none;
    }
    /*.card-header {*/
    /*    !*background-image: url("@/assets/hun/_DSC5046.jpg");*!*/
    /*    padding: 0px 40px 40px;*/
    /*    text-align: center;*/
    /*    position: relative;*/
    /*}*/
}
/* 针对iOS Safari等浏览器的高度适配 */
@supports (-webkit-touch-callout: none) {
    .cover {
        height: -webkit-fill-available;
    }
}
.cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="none" stroke="%23d4af37" stroke-width="0.5" d="M20,50 C20,70 40,85 50,85 C60,85 80,70 80,50 C80,30 60,15 50,15 C40,15 20,30 20,50 Z"/></svg>');
    background-size: 200px;
    opacity: 0.1;
    animation: float 20s infinite linear;
}
@keyframes float {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(-100px, -50px) rotate(360deg); }
}
.invitation-card {
    max-width: 800px;
    width: 100%;
    background: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.btn-sm {
    width: 91px;
    height: 28px;
    font-size: 14px !important;
    margin: 14px;
}
.card-header {
    /*background-image: url("@/assets/hun/_DSC5046.jpg");*/
    padding: 60px 40px 40px;
    text-align: center;
    position: relative;
}
.married-text {
    font-family: 'aidian', cursive;
    font-size: 1.8rem;
    color: #b8860b;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.invitation-title {
    font-size: 6.8rem;
    font-weight: 700;
    margin-bottom: 5px;
    color: #cc7bad;
    letter-spacing: 8px;
}
.invitation-subtitle {
    font-size: 1.2rem;
    color: #b8860b;
    margin-bottom: 40px;
    letter-spacing: 4px;
}
.divider {
    width: 80%;
    height: 1px;
    background: linear-gradient(to right, transparent, #b8860b, transparent);
    margin: 0 auto 40px;
}
.names-container {
    margin-bottom: 30px;
}
.bride-name, .groom-name {
    font-size: 2.8rem;
    font-weight: 700;
    margin: 10px 0;
    color: #ffffff;
}
.and-symbol {
    font-size: 2rem;
    color: #b8860b;
    margin: 15px 0;
    font-weight: 500;
}
. {
    font-size: 1.2rem;
    color: #555;
    margin: 40px 0;
    line-height: 1.8;
    text-align: center;
}
.date-section {
    margin: 50px 0 30px;
}
.wedding-date {
    font-size: 2.2rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4px;
}
.wedding-venue {
    margin-top: 10px;
    font-size: 1.4rem;
    color: #da6e9d;
}
.card-footer {
    padding: 30px 40px;
    background: #f9f3e9;
    text-align: center;
}
.floral-decoration {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0.1;
}
.floral-top-left {
    top: 20px;
    left: 20px;
    transform: rotate(-15deg);
}
.floral-top-right {
    top: 20px;
    right: 20px;
    transform: rotate(15deg);
}
.floral-bottom-left {
    bottom: 20px;
    left: 20px;
    transform: rotate(15deg);
}
.floral-bottom-right {
    bottom: 20px;
    right: 20px;
    transform: rotate(-15deg);
}
@media (max-width: 768px) {
    .invitation-card {
        max-width: 95%;
    }

    .card-header {
        padding: 40px 20px 30px;
    }

    .bride-name, .groom-name {
        font-size: 2.2rem;
    }

    .wedding-date {
        font-size: 1.8rem;
    }

    .wedding-venue {
        font-size: 1.2rem;
    }
}
@media (max-width: 480px) {
    .invitation-title {
        font-size: 1.8rem;
    }

    .bride-name, .groom-name {
        font-size: 1.8rem;
    }

    .wedding-date {
        font-size: 1.5rem;
    }
}
.hunli-title {
    font-size: 94px;
    margin-bottom: 135px;
    color: #c5408b;

}
.names {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}
.wedding-date {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #ffff;
    position: relative;
    z-index: 2;
}
.invitation-text {
    color: #fff;
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto 2rem;
    position: relative;
    z-index: 2;
}
.scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--accent-color);
    font-size: 1.5rem;
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
    40% { transform: translateY(-10px) translateX(-50%); }
    60% { transform: translateY(-5px) translateX(-50%); }
}
/* 内容部分 */
.section {
    padding: 80px 0;
    position: relative;
}
.section-title {
    text-align: center;
    font-size: 2.5rem;
    color: var(--secondary-color);
    margin-bottom: 3rem;
    position: relative;
}
.section-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 2px;
    background-color: var(--accent-color);
}
/* 我们的故事 */
.our-story {
    background-color: var(--white);
}
.story-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}
.story-text {
    flex: 1;
    min-width: 300px;
    font-size: 1.1rem;
    line-height: 1.8;
}
.story-image {
    flex: 1;
    min-width: 300px;
    height: 400px;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: 1.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
/* 婚礼详情 */
.wedding-details {
    background-color: var(--primary-color);
}
.details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}
.detail-card {
    background: var(--white);
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}
.detail-card:hover {
    transform: translateY(-5px);
}
.detail-icon {
    font-size: 2.5rem;
    color: var(--secondary-color);
    margin-bottom: 15px;
}
.detail-title {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: var(--accent-color);
}
/* 照片集 */
.photo-gallery {
    background-color: var(--white);
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}
.gallery-grid img {
    width: 100%;
}
.gallery-item {
    height: 100%;
    background: #d2d4d3;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    overflow: hidden;
    position: relative;
}
/*.gallery-item::after {*/
/*    content: "❤";*/
/*    position: absolute;*/
/*    font-size: 2rem;*/
/*    opacity: 0.7;*/
/*}*/
/* 回复表单 */
.rsvp {
    background-color: var(--primary-color);
}
.rsvp-form {
    max-width: 600px;
    margin: 0 auto;
    background: var(--white);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.form-group {
    margin-bottom: 20px;
}
label {
    display: block;
    margin-bottom: 8px;
    color: var(--accent-color);
}
input, select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0d6c9;
    border-radius: 5px;
    font-family: 'Noto Serif SC', serif;
    font-size: 1rem;
}
textarea {
    height: 120px;
    resize: vertical;
}
.flipdown{
    justify-content: center;
}
.btn {
    display: inline-block;
    background: var(--secondary-color);
    color: var(--white);
    /*padding: 12px 30px;*/
    border: none;
    border-radius: 5px;
    font-family: 'Noto Serif SC', serif;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.3s ease;
}
.btn:hover {
    background: var(--accent-color);
}
/* 页脚 */
footer {
    background: #dccbcf;
    color: #ffff;
    text-align: center;
    padding: 40px 0;
}
.footer-text {
    font-size: 1.1rem;
    margin-bottom: 20px;
}
.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}
.social-icons a {
    color: var(--white);
    font-size: 1.5rem;
    transition: color 0.3s ease;
}
.social-icons a:hover {
    color: var(--secondary-color);
}
/* 响应式设计 */
@media (max-width: 768px) {
    .names {
        font-size: 3rem;
    }

    .wedding-date {
        font-size: 1.5rem;
    }

    .section {
        padding: 60px 0;
    }

    .section-title {
        font-size: 2rem;
    }
}
@media (max-width: 480px) {
    .names {
        font-size: 2.5rem;
    }

    .rsvp-form {
        padding: 20px;
    }
}
div[data-v-2ffbc4e7] {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 20px;
}
button[data-v-2ffbc4e7] {
  padding: 10px 20px;
  font-size: 12px;
  background: linear-gradient(135deg, #d5438c57, #d5393957);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: url('/assets/weixin01-DYDtron_.jpg'), pointer;
}
button[data-v-2ffbc4e7]:hover {
  background-color: #ff1493;
}
.vue-countdown-component{display:flex}@keyframes animate-flip-face{0%{transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{transform:rotateX(-180deg);opacity:0}}@keyframes animate-flip-back{0%{transform:rotateX(180deg)}to{transform:rotateX(-.01deg)}}.vue-countdown-component.ie .base .base-b{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.ie .face{clip:rect(auto,auto,15px,auto)}.vue-countdown-component.ie .back{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.theme2 .time-box{min-width:20px}.vue-countdown-component.theme2 .time-box+.time-box{margin-left:1px}.vue-countdown-component .time-unit{padding:0 4px;color:#222;font-size:14px;line-height:30px;white-space:nowrap}.vue-countdown-component .time-box{position:relative;box-sizing:border-box;height:30px;min-width:28px;font-size:14px;text-align:center;background-color:#6c96e8;perspective:60px;border-radius:3px;padding:0 2px;color:#fff;line-height:30px}.vue-countdown-component .time-box:before{content:"";position:absolute;background:#a7c7ff;width:1px;height:6px;top:50%;left:-1px;margin-top:-3px;z-index:-1}.vue-countdown-component .time-box:after{content:"";position:absolute;background:#a7c7ff;width:1px;height:6px;top:50%;right:-1px;margin-top:-3px;z-index:-1}.vue-countdown-component .time-box+.time-box{margin-left:8px}.vue-countdown-component .time-box>div{overflow:hidden;animation-timing-function:linear;animation-duration:.4s;transform:rotateX(-.01deg);border-radius:3px}.vue-countdown-component .time-box>div.base{position:relative}.vue-countdown-component .time-box>div.base .base-b{position:absolute;left:0;bottom:0;border-radius:0 0 3px 3px;width:100%;height:100%;background-color:#709bf1;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.face{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#6c96e8;backface-visibility:visible;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);z-index:2}.vue-countdown-component .time-box>div.face.anime{animation-name:animate-flip-face}.vue-countdown-component .time-box>div.back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#709bf1;transform:rotateX(-180deg);backface-visibility:visible;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.back.anime{animation-name:animate-flip-back}
@font-face {
  font-family: "heimgfont"; /* Project id 1776686 */
  src: url('/assets/iconfont-CNO1eMOh.woff2?t=1749887467135') format('woff2'),
       url('/assets/iconfont-Bs16vtSM.woff?t=1749887467135') format('woff'),
       url('/assets/iconfont-e1SPfRy8.ttf?t=1749887467135') format('truetype');
}
.heimgfont[data-v-65129b14] {
  font-family: "heimgfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.heimg-icona-zuozhuan902x[data-v-65129b14]:before {
  content: "\e662";
}
.heimg-icona-youzhuan902x[data-v-65129b14]:before {
  content: "\e663";
}
.heimg-iconnext[data-v-65129b14]:before {
  content: "\e639";
}
.heimg-iconprev[data-v-65129b14]:before {
  content: "\e63a";
}
.heimg-iconxiayige[data-v-65129b14]:before {
  content: "\e6ca";
}
.heimg-iconshangyige[data-v-65129b14]:before {
  content: "\e6cc";
}
.heimg-iconshangyige1[data-v-65129b14]:before {
  content: "\e616";
}
.heimg-iconxiayige1[data-v-65129b14]:before {
  content: "\e61e";
}
.heimg-iconziyouxuanzhuan[data-v-65129b14]:before {
  content: "\e624";
}
.heimg-iconziyouxuanzhuan1[data-v-65129b14]:before {
  content: "\e611";
}
.heimg-iconziyouxuanzhuan2[data-v-65129b14]:before {
  content: "\e638";
}
.heimg-iconcaozuo-ziyouxuanzhuan[data-v-65129b14]:before {
  content: "\e600";
}
.heimg-icona-ziyouxuanzhuanerwei[data-v-65129b14]:before {
  content: "\e927";
}
.heimg-iconguanbi1[data-v-65129b14]:before {
  content: "\e608";
}
.heimg-iconiconfontzhizuobiaozhun023146[data-v-65129b14]:before {
  content: "\e694";
}
.heimg-iconhelp[data-v-65129b14]:before {
  content: "\e626";
}
.heimg-iconjiazaizhong[data-v-65129b14]:before {
  content: "\e6b1";
}
.heimg-icontupianjiazaishibai[data-v-65129b14]:before {
  content: "\ec0d";
}
.heimg-iconicon_arrow_right[data-v-65129b14]:before {
  content: "\e60d";
}
.heimg-iconjiantouzuo[data-v-65129b14]:before {
  content: "\e620";
}
.heimg-iconxuanzhuan[data-v-65129b14]:before {
  content: "\e66f";
}
.heimg-iconxuanzhuan1[data-v-65129b14]:before {
  content: "\e670";
}
.heimg-iconyuanshibili[data-v-65129b14]:before {
  content: "\e86b";
}
.heimg-iconfangda[data-v-65129b14]:before {
  content: "\e65d";
}
.heimg-iconsuoxiao[data-v-65129b14]:before {
  content: "\e65e";
}
.heimg-iconquanping[data-v-65129b14]:before {
  content: "\e698";
}
.heimg-iconguanbi[data-v-65129b14]:before {
  content: "\e764";
}
.hevue-imgpreview-wrap[data-v-65129b14] {
  --hevueimg-main-bg-color: rgba(0, 0, 0, 0.3);
  --hevueimg-main-text-color: rgba(255, 255, 255, 0.7);
  --hevueimg-main-backdrop: blur(5px);
  --hevueimg-main-border: none;
  --hevueimg-main-box-shadow: none;

  --hevueimg-mask-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-close-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-arrow-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-controlbar-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-controlnum-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-help-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-custom-rotate-bg-color: var(--hevueimg-main-bg-color);
  --hevueimg-custom-rotate-label-bg-color: var(--hevueimg-main-bg-color);

  --hevueimg-close-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-arrow-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-controlbar-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-controlnum-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-help-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-custom-rotate-box-shadow: var(--hevueimg-main-box-shadow);
  --hevueimg-custom-rotate-label-box-shadow: var(--hevueimg-main-box-shadow);

  --hevueimg-mask-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-close-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-arrow-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-controlbar-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-controlnum-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-help-backdrop: var(--hevueimg-main-backdrop);
  --hevueimg-custom-rotate-label-backdrop: var(--hevueimg-main-backdrop);

  --hevueimg-close-border: var(--hevueimg-main-border);
  --hevueimg-arrow-border: var(--hevueimg-main-border);
  --hevueimg-controlbar-border: var(--hevueimg-main-border);
  --hevueimg-controlnum-border: var(--hevueimg-main-border);
  --hevueimg-help-border: var(--hevueimg-main-border);
  --hevueimg-custom-rotate-label-border: var(--hevueimg-main-border);

  --hevueimg-custom-rotate-label-text-color: var(--hevueimg-main-text-color);
  --hevueimg-custom-rotate-text-color: var(--hevueimg-main-text-color);
  --hevueimg-close-icon-text-color: var(--hevueimg-main-text-color);
  --hevueimg-arrow-text-color: var(--hevueimg-main-text-color);
  --hevueimg-controlnum-text-color: var(--hevueimg-main-text-color);
  --hevueimg-controlbar-text-color: var(--hevueimg-main-text-color);
  --hevueimg-help-text-color: var(--hevueimg-main-text-color);
  --hevueimg-status-icon-text-color: var(--hevueimg-main-text-color);
}
.hevue-imgpreview-wrap[data-v-65129b14] {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 9999;
  color: var(--hevueimg-main-text-color);
  /* opacity: 0;
  transition: all 0.5s; */
}
.hevue-imgpreview-wrap.disableTransition[data-v-65129b14] * {
  transition: none !important;
}
.hevue-imgpreview-wrap.heShow[data-v-65129b14] {
  opacity: 1;
}
.hevue-imgpreview-wrap .he-img-wrap[data-v-65129b14] {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s;
}
.hevue-imgpreview-wrap .he-img-wrap.heShow[data-v-65129b14] {
  opacity: 1;
}
.hevue-imgpreview-wrap .he-img-wrap[data-v-65129b14] * {
  pointer-events: initial;
}
.hevue-img-mask[data-v-65129b14] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  backdrop-filter: none;
  transition: all 0.3s;
}
.hevue-img-mask.heShow[data-v-65129b14] {
  background: var(--hevueimg-mask-bg-color);
  backdrop-filter: var(--hevueimg-mask-backdrop);
}
.hevue-imgpreview-wrap .he-img-view[data-v-65129b14] {
  /* transition: transform 0.3s; */
  position: absolute;
}
.hevue-imgpreview-wrap .arrow[data-v-65129b14] {
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--hevueimg-arrow-text-color);
  background: var(--hevueimg-arrow-bg-color);
  backdrop-filter: var(--hevueimg-arrow-backdrop);
  border: var(--hevueimg-arrow-border);
  box-shadow: var(--hevueimg-arrow-box-shadow);
}
.hevue-imgpreview-wrap .arrow[data-v-65129b14]:hover {
  opacity: 0.8;
  transform: translateY(-50%) scale(1.2);
}
.hevue-imgpreview-wrap .arrow-left[data-v-65129b14] {
  left: 50px;
}
.hevue-imgpreview-wrap .arrow-right[data-v-65129b14] {
  right: 50px;
}

/* 关闭按钮 */
.hevue-imgpreview-wrap .he-close-icon[data-v-65129b14] {
  position: absolute;
  right: 50px;
  top: 50px;
  width: 36px;
  height: 36px;
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--hevueimg-close-icon-text-color);
  background: var(--hevueimg-close-bg-color);
  backdrop-filter: var(--hevueimg-close-backdrop);
  border: var(--hevueimg-close-border);
  box-shadow: var(--hevueimg-close-box-shadow);
}
.hevue-imgpreview-wrap .he-close-icon[data-v-65129b14]:hover {
  transform: rotate(90deg);
}
.hevue-imgpreview-wrap .he-bottom-wrap[data-v-65129b14] {
  position: fixed;
  bottom: 5vh;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.hevue-imgpreview-wrap .he-bottom-wrap div[data-v-65129b14] {
  pointer-events: initial;
}

/* 自定义旋转条 */
.hevue-custom-rotate-wrap[data-v-65129b14] {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  align-items: center;
}
.hevue-custom-range-label[data-v-65129b14] {
  font-size: 16px;
  margin-bottom: 5px;
  width: 50px;
  border-radius: 15px;
  color: var(--hevueimg-custom-rotate-label-text-color);
  background: var(--hevueimg-custom-rotate-label-bg-color);
  backdrop-filter: var(--hevueimg-custom-rotate-label-backdrop);
  border: var(--hevueimg-custom-rotate-label-border);
  box-shadow: var(--hevueimg-custom-rotate-label-box-shadow);
  position: relative;
}
.hevue-custom-range[data-v-65129b14] {
  position: relative;
  outline: none;
  /*去掉点击时出现的外边框*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*这三个是去掉那条线原有的默认样式，划重点！！*/

  width: 300px;
  border-radius: 10px;
  background: var(--hevueimg-custom-rotate-bg-color);
  height: 8px;
  box-shadow: var(--hevueimg-custom-rotate-box-shadow);
}
.hevue-custom-range[data-v-65129b14]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--hevueimg-custom-rotate-text-color);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}

/* 底部控制条 */
.hevue-imgpreview-wrap .he-control-bar[data-v-65129b14] {
  height: 44px;
  bottom: 10%;
  padding: 0 22px;
  display: flex;
  border-radius: 22px;
  margin: 0 auto;
  color: var(--hevueimg-controlbar-text-color);
  background: var(--hevueimg-controlbar-bg-color);
  backdrop-filter: var(--hevueimg-controlbar-backdrop);
  border: var(--hevueimg-controlbar-border);
  box-shadow: var(--hevueimg-controlbar-box-shadow);
  position: relative;
}
.hevue-imgpreview-wrap .he-control-btn[data-v-65129b14] {
  line-height: 44px;
  font-size: 24px;
  cursor: pointer;
  padding: 0 9px;
  transition: all 0.2s;
  z-index: 2;
}
.hevue-imgpreview-wrap .he-control-btn[data-v-65129b14]:hover {
  transform: scale(1.2);
}

/* 缩略图 */
.he-imglist-wrap[data-v-65129b14] {
  padding: 10px 0;
  min-width: 600px;
  max-width: 1200px;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    #fff 40%,
    #fff 60%,
    rgba(0, 0, 0, 0) 100%
  );
}
.hevue-imgpreview-wrap .he-imglist[data-v-65129b14] {
  display: flex;
  flex-wrap: nowrap;
  transform: translateX(50%);
  position: relative;
  transition: all 0.3s;
  left: 0;
  backdrop-filter: blur(10px);
}
.he-imglist[data-v-65129b14] {
  display: flex;
}
.he-img-item[data-v-65129b14] {
  width: 100px;
  height: 56px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
  opacity: 0.8;
  flex-shrink: 0;
  position: relative;
}
.he-img-item.active[data-v-65129b14] {
  opacity: 1;
  border: 2px solid #fff;
  box-sizing: border-box;
}
.he-img-item[data-v-65129b14]:hover {
  opacity: 1;
  transform: scale(1.2);
  z-index: 2;
}
.he-img-item-img[data-v-65129b14] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hevue-imgpreview-wrap .he-control-num[data-v-65129b14] {
  /* position: absolute; */
  /* bottom: 5%; */
  /* left: 50%;
  transform: translateX(-50%); */
  /* -ms-transform: translateX(-50%); */
  padding: 0 22px;
  font-size: 16px;
  border-radius: 15px;
  color: var(--hevueimg-controlnum-text-color);
  background: var(--hevueimg-controlnum-bg-color);
  backdrop-filter: var(--hevueimg-controlnum-backdrop);
  border: var(--hevueimg-controlnum-border);
  box-shadow: var(--hevueimg-controlnum-box-shadow);
  position: relative;
}
.hevue-imgpreview-wrap .fade-enter-active[data-v-65129b14] {
  opacity: 0;
  transition: all 0.3s;
}
.hevue-imgpreview-wrap .fade-leave-active[data-v-65129b14] {
  transition: opacity 0.3s;
}
.hevue-imgpreview-wrap .fade-enter[data-v-65129b14],
.hevue-imgpreview-wrap .fade-leave-to[data-v-65129b14] {
  opacity: 0;
}
.hevue-imgpreview-wrap .fade-enter-to[data-v-65129b14] {
  opacity: 1;
}
.hevue-imgpreview-wrap .hevue-img-status-icon[data-v-65129b14] {
  font-size: 56px;
}
.hevue-imgpreview-wrap .rotate-animation[data-v-65129b14] {
  animation: rotate-65129b14 1.5s linear infinite;
}
@keyframes rotate-65129b14 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

/* 快捷键提示 */
.hevue-img-help-wrap[data-v-65129b14] {
  background: var(--hevueimg-help-bg-color);
  position: absolute;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 16px;
  backdrop-filter: var(--hevueimg-help-backdrop);
  border: var(--hevueimg-help-border);
  box-shadow: var(--hevueimg-help-box-shadow);
}
.hevue-img-help-item[data-v-65129b14] {
  display: flex;
  position: relative;
  z-index: 2;
}
.hevue-img-help-item[data-v-65129b14] * {
  font-weight: 600;
}
.hevue-img-help-item-label[data-v-65129b14] {
  width: 40px;
  text-align: right;
}
.hevue-imgpreview-wrap.glass-theme[data-v-65129b14] {
  --hevueimg-main-bg-color: transparent;
  --hevueimg-main-text-color: rgba(255, 255, 255, 0.7);
  --hevueimg-main-backdrop: none;

  --hevueimg-mask-bg-color: rgba(0, 0, 0, 0.2);
  --hevueimg-mask-backdrop: blur(5px);

  /* --hevueimg-custom-rotate-bg-color: rgba(0, 0, 0, 0.2); */
}
.hevue-imgpreview-wrap.glass-theme .theme-item > span[data-v-65129b14] {
  position: relative;
  z-index: 3;
}
.hevue-imgpreview-wrap.glass-theme .theme-item[data-v-65129b14]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(1px);
  filter: url(#glass-distortion);
  border-radius: inherit;
}
.hevue-imgpreview-wrap.glass-theme .theme-item[data-v-65129b14]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: inset 1px 1px 1px 0 rgb(255 255 255 / 19%),
    inset -1px -1px 1px 150px rgba(0, 0, 0, 0.12),
    inset -1px -1px 1px rgba(255, 255, 255, 0.1), 2px 2px 8px rgb(0 0 0 / 31%);
}
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */

.gradient-title[data-v-56216acd] {
  margin-top: 420px;
  background:linear-gradient(45deg, #f93c6b, #ff9999, #f9508e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}