
#app {
  width: 100%;
  height: 100%;
}
.record {
  background-color: #fc4152;
  text-align: center;
  font-size: .3rem;
  padding-bottom: .3rem;
}
.record p{
  color: white;
}
* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
html,
body {
  height: 100%;
}
b {
  width: 800px;
}
.et-wrapper.et-warn {
  margin-top: 300px !important;
  font-size: .3rem !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}


*[data-v-4503ce90] {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.star-ring-page[data-v-4503ce90] {
  width: 100%;
  position: relative;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  /* background: #a8d88f; */
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100vh;
}

/* 三段式背景容器 */
.page-bg-wrapper[data-v-4503ce90] {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 414px;
  min-height: 100vh;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 顶部背景 - 固定高度 */
.bg-top[data-v-4503ce90] {
  width: 100%;
  height: auto;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* 中间背景 - 可拉伸 */
.bg-middle[data-v-4503ce90] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
}
.bg-middle-img[data-v-4503ce90] {
  width: 100%;
  height: 900px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* 底部背景 - 固定高度 */
.bg-bottom[data-v-4503ce90] {
  width: 100%;
  height: 630px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-bg[data-v-4503ce90] {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 414px;
  height: auto;
  z-index: 0;
  display: block;
}
.content[data-v-4503ce90] {
  position: relative;
  z-index: 1;
  max-width: 414px;
  margin: 0 auto;
  padding: 0 16px;
  padding-bottom: 24px;
}

/* 顶部占位 - 背景图包含标题文字 */
.header-placeholder[data-v-4503ce90] {
  height: 230px;
}

/* 视频卡片区域 */
.video-cards[data-v-4503ce90] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0;
  margin-bottom: 0;
  padding: 0 10px 0;
}
.video-card[data-v-4503ce90] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
  max-width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px;
  position: relative;
}
.video-card[data-v-4503ce90]:first-child {
  -webkit-transform: rotate(-8deg) translateY(10px);
          transform: rotate(-8deg) translateY(10px);
  z-index: 1;
}
.video-card[data-v-4503ce90]:nth-child(2) {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  z-index: 3;
}
.video-card[data-v-4503ce90]:last-child {
  -webkit-transform: rotate(8deg) translateY(10px);
          transform: rotate(8deg) translateY(10px);
  z-index: 1;
}
.video-card .card-img[data-v-4503ce90] {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 18px;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  background: #000;
}

/* 视频来电按钮组 */
.video-buttons[data-v-4503ce90] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 12px auto 16px;
  padding: 0 30px;
  position: relative;
  z-index: 3;
}
.video-buttons .buttons-img[data-v-4503ce90] {
  width: 95%;
  max-width: 340px;
  height: auto;
  display: block;
}
.card-label[data-v-4503ce90] {
  margin-top: 8px;
  padding: 6px 18px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.label-pink[data-v-4503ce90] {
  background: -webkit-gradient(linear, left top, right top, from(#ff9a9e), to(#fecfef));
  background: linear-gradient(90deg, #ff9a9e 0%, #fecfef 100%);
}
.label-blue[data-v-4503ce90] {
  background: -webkit-gradient(linear, left top, right top, from(#a1c4fd), to(#c2e9fb));
  background: linear-gradient(90deg, #a1c4fd 0%, #c2e9fb 100%);
}
.label-orange[data-v-4503ce90] {
  background: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
  background: linear-gradient(90deg, #ffecd2 0%, #fcb69f 100%);
  color: #333;
}

/* 输入框区域 */
.input-section[data-v-4503ce90] {
  position: relative;
  margin: 0 auto 12px;
  width: 98%;
}
.input-bg[data-v-4503ce90] {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}
.phone-input[data-v-4503ce90] {
  position: absolute;
  top: 28%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 88%;
  height: 28%;
  border: none;
  background: transparent;
  font-size: 16px;
  text-align: center;
  color: #50b97d;
  font-weight: bold;
  outline: none;
  border-radius: 20px;
  z-index: 2;
}
.input-hint[data-v-4503ce90] {
  position: absolute;
  top: 28%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 16px;
  color: #50b97d;
  white-space: nowrap;
  font-weight: bold;
  z-index: 1;
  pointer-events: none;
}

/* 提交按钮 - 在input内部 */
.input-section .submit-btn[data-v-4503ce90] {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 65%;
  height: auto;
  cursor: pointer;
}

/* 协议勾选 - 在input内部 */
.input-section .checkbox-wrapper[data-v-4503ce90] {
  position: absolute;
  top: 78%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 11px;
  white-space: nowrap;
}
.input-section .checkbox[data-v-4503ce90] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border: 2px solid #2d5f43;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.input-section .checkbox[data-v-4503ce90]:checked {
  background-color: #50b97d;
  border-color: #50b97d;
}
.input-section .checkbox[data-v-4503ce90]:checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 45%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
.input-section .agreement-text[data-v-4503ce90] {
  color: #666;
  font-size: 15px;
}

/* 业务说明 */
.business-info[data-v-4503ce90] {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 16px;
}
.info-title[data-v-4503ce90] {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 16px;
}
.info-content[data-v-4503ce90] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  padding: 0 8px;
}
.info-content p[data-v-4503ce90] {
  margin-bottom: 6px;
  text-align: justify;
  text-indent: 0;
}

/* 底部卡片 */
.bottom-card[data-v-4503ce90] {
  position: relative;
  margin-top: 40px;
  margin-bottom: 12px;
  border-radius: 16px;
}
.bottom-card .card-bg[data-v-4503ce90] {
  width: 100%;
  height: auto;
  display: block;
}

/* 视频图标容器 */
.bottom-card .video-icon-wrapper[data-v-4503ce90] {
  position: absolute;
  left: 24px;
  top: 32%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 104px;
  height: auto;
  z-index: 2;
}
.bottom-card .video-icon[data-v-4503ce90] {
  width: 100%;
  height: auto;
  display: block;
  border: 3px solid #ffffff;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.1);
}

/* 播放按钮 - 在视频框正中间 */
.bottom-card .play-icon[data-v-4503ce90] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: auto;
  z-index: 3;
  cursor: pointer;
}
.bottom-card .setting-btn[data-v-4503ce90] {
  position: absolute;
  left: 60%;
  top: 56%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 140px;
  height: auto;
  cursor: pointer;
}

/* 客服电话 */
.customer-service[data-v-4503ce90] {
  text-align: center;
  font-size: 16px;
  color: #333;
  padding: 12px 0;
}
.service-label[data-v-4503ce90] {
  color: #000301;
}
.service-phone[data-v-4503ce90] {
  color: #000301;
  font-weight: bold;
}


*[data-v-8e12439e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button[data-v-8e12439e],
input[data-v-8e12439e] {
  border: 0;
  outline: none;
  font-family: inherit;
}
button[data-v-8e12439e] {
  padding: 0;
  background: transparent;
}
.alarm-page[data-v-8e12439e] {
  --u: 10vw;
  position: relative;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(1.093333 * var(--u));
  overflow-x: hidden;
  background: #fb3c27;
  color: #fff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.page-header-wrapper[data-v-8e12439e] {
  position: relative;
  width: calc(10 * var(--u));
  height: calc(12.266667 * var(--u));
  padding-top: calc(0.013333 * var(--u));
  background: url(../img/hbg.27f00d7.png) no-repeat;
  background-size: 100%;
  z-index: 1;
}
.phw-btn[data-v-8e12439e] {
  position: absolute;
  right: 0;
  z-index: 5;
  padding: 0 calc(0.133333 * var(--u));
  border-radius: calc(0.266667 * var(--u)) 0 0 calc(0.266667 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.32 * var(--u));
  font-weight: 600;
  line-height: calc(0.346667 * var(--u));
  text-align: center;
}
.phw-set[data-v-8e12439e] {
  top: calc(0.8 * var(--u));
  width: calc(0.653333 * var(--u));
  height: calc(1.2 * var(--u));
  padding-top: calc(0.266667 * var(--u));
}
.phw-intro[data-v-8e12439e] {
  top: calc(2.4 * var(--u));
  width: calc(0.666667 * var(--u));
  height: calc(1.973333 * var(--u));
  padding-top: calc(0.266667 * var(--u));
}
.pig[data-v-8e12439e],
.dog[data-v-8e12439e] {
  position: absolute;
  top: calc(6.2 * var(--u));
  z-index: 3;
  width: calc(0.733333 * var(--u));
  height: calc(0.733333 * var(--u));
}
.pig[data-v-8e12439e] {
  left: calc(2.293333 * var(--u));
}
.dog[data-v-8e12439e] {
  right: calc(2.4 * var(--u));
}
.tab-box[data-v-8e12439e] {
  position: relative;
  z-index: 1;
  width: calc(9.186667 * var(--u));
  height: calc(3.613333 * var(--u));
  margin: calc(-2.666667 * var(--u)) auto 0;
  overflow: hidden;
  border-radius: calc(0.8 * var(--u));
  background: #fff3e4;
}
.hide-tab[data-v-8e12439e] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: calc(0.8 * var(--u));
}
.hide-tab-item[data-v-8e12439e] {
  position: relative;
  z-index: 51;
  width: 50%;
  height: 100%;
  margin-right: calc(0.066667 * var(--u));
  opacity: 0;
}
.tab-box-item[data-v-8e12439e] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.tab-box-item1[data-v-8e12439e] {
  position: relative;
  background-image: url(../img/tab-item1.25043f7.png);
}
.tab-box-item2[data-v-8e12439e] {
  position: relative;
  background-image: url(../img/tab-item2.ae8091f.png);
}
.ljjr[data-v-8e12439e] {
  position: absolute;
  top: calc(2.32 * var(--u));
  left: calc(0.586667 * var(--u));
  z-index: 51;
  width: calc(2.333333 * var(--u));
  height: calc(0.853333 * var(--u));
}
.jrzq[data-v-8e12439e] {
  position: absolute;
  top: calc(2.093333 * var(--u));
  right: calc(1.48 * var(--u));
  z-index: 51;
  width: calc(3.413333 * var(--u));
  height: calc(1.093333 * var(--u));
}
.spbf[data-v-8e12439e] {
  position: absolute;
  left: calc(0.293333 * var(--u));
  bottom: 0;
  z-index: 51;
  width: calc(3.106667 * var(--u));
  height: calc(2.76 * var(--u));
}
.order-box[data-v-8e12439e] {
  position: relative;
  width: calc(9.04 * var(--u));
  height: calc(6.266667 * var(--u));
  margin: calc(0.266667 * var(--u)) auto 0;
  overflow: hidden;
  border-radius: calc(0.666667 * var(--u));
  background: -webkit-gradient(linear, left bottom, left top, from(#fff5e9), to(#ffddb0));
  background: linear-gradient(0deg, #fff5e9, #ffddb0);
}
.input-box[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: calc(0.533333 * var(--u));
  padding: 0 calc(0.533333 * var(--u));
}
.ib-input[data-v-8e12439e] {
  width: calc(7.88 * var(--u));
  height: calc(1.066667 * var(--u));
  padding-left: calc(0.48 * var(--u));
  border-radius: calc(0.533333 * var(--u));
  background: #f2b668;
  color: #9c5917;
  font-size: calc(0.426667 * var(--u));
  text-align: center;
}
.ib-input[data-v-8e12439e]::-webkit-input-placeholder {
  color: #9c5917;
}
.ib-input[data-v-8e12439e]::-moz-placeholder {
  color: #9c5917;
}
.ib-input[data-v-8e12439e]:-ms-input-placeholder {
  color: #9c5917;
}
.ib-input[data-v-8e12439e]::-ms-input-placeholder {
  color: #9c5917;
}
.ib-input[data-v-8e12439e]::placeholder {
  color: #9c5917;
}
.code-box[data-v-8e12439e] {
  gap: calc(0.266667 * var(--u));
}
.ib-code[data-v-8e12439e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}
.get-code[data-v-8e12439e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: calc(1.066667 * var(--u));
  padding: 0 calc(0.4 * var(--u));
  border-radius: calc(0.533333 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.373333 * var(--u));
  white-space: nowrap;
}
.get-code[data-v-8e12439e]:disabled {
  opacity: 0.6;
}
.loginopen[data-v-8e12439e] {
  display: block;
  width: calc(7.906667 * var(--u));
  height: calc(1.333333 * var(--u));
  margin: calc(0.466667 * var(--u)) auto 0;
  background: url(../img/migu-star.437eb81.png) no-repeat;
  background-size: 100%;
}
.loginopen[data-v-8e12439e]:disabled {
  opacity: 0.75;
}
.agree-box[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: calc(0.466667 * var(--u));
  color: #ff3800;
  font-size: calc(0.32 * var(--u));
}
.checkbox[data-v-8e12439e] {
  width: calc(0.333333 * var(--u));
  height: calc(0.333333 * var(--u));
  margin-right: calc(0.106667 * var(--u));
  background: rgba(156, 89, 23, 0.28);
  border: 1px solid #ff3800;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.checkbox.checked[data-v-8e12439e] {
  position: relative;
  background: #ff3800;
}
.checkbox.checked[data-v-8e12439e]::after {
  content: "";
  position: absolute;
  left: 32%;
  top: 12%;
  width: 28%;
  height: 54%;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rule-box[data-v-8e12439e] {
  position: relative;
  z-index: 2;
  padding-top: calc(0.706667 * var(--u));
  overflow: hidden;
}
.rule-content[data-v-8e12439e] {
  padding: 0 calc(0.4 * var(--u)) 0 calc(0.48 * var(--u));
  color: #fff;
  font-size: calc(0.32 * var(--u));
  line-height: calc(0.6 * var(--u));
}
.rule-content[data-v-8e12439e] .title {
  margin-bottom: 15px;
  text-align: center;
  font-size: calc(0.48 * var(--u));
  font-weight: 700;
}
.rule-content[data-v-8e12439e] div {
  margin-bottom: 10px;
}
.quit-btn[data-v-8e12439e] {
  position: absolute;
  top: calc(-0.133333 * var(--u));
  right: calc(-0.4 * var(--u));
  width: calc(2.173333 * var(--u));
  height: calc(2.653333 * var(--u));
  padding-top: calc(0.253333 * var(--u));
  padding-left: calc(0.133333 * var(--u));
  background: url(../img/tuiding.74f273f.png) no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 0;
}
.migu-app[data-v-8e12439e] {
  position: absolute;
  top: calc(19.466667 * var(--u));
  left: 0;
  width: calc(1.92 * var(--u));
  height: calc(2.04 * var(--u));
  background: url(../img/miguapp-icon.86dbee3.png) no-repeat;
  background-size: 100%;
}
.click-box[data-v-8e12439e] {
  position: absolute;
  top: calc(0.2 * var(--u));
  left: calc(0.4 * var(--u));
  z-index: 3;
  width: calc(1.066667 * var(--u));
  height: calc(1.333333 * var(--u));
}
.video-box[data-v-8e12439e] {
  position: relative;
  z-index: 1;
  margin: calc(0.666667 * var(--u)) auto 0;
}
.video-box-item[data-v-8e12439e] {
  position: relative;
  width: calc(9.28 * var(--u));
  height: calc(4.36 * var(--u));
  margin: 0 auto calc(0.666667 * var(--u));
}
.cover[data-v-8e12439e] {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-button[data-v-8e12439e] {
  position: absolute;
  top: calc(0.493333 * var(--u));
  left: calc(0.653333 * var(--u));
  width: calc(2.293333 * var(--u));
  height: calc(3.373333 * var(--u));
  overflow: hidden;
}
.poster[data-v-8e12439e] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.set-btn[data-v-8e12439e] {
  position: absolute;
  right: calc(2.026667 * var(--u));
  bottom: calc(0.8 * var(--u));
  z-index: 2;
  width: calc(3.52 * var(--u));
  height: calc(1.146667 * var(--u));
  background: url(../img/set.cf388db.png) no-repeat;
  background-size: 100%;
}
.odb-bottom[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(9.026667 * var(--u));
  height: calc(1.066667 * var(--u));
  margin: calc(0.333333 * var(--u)) auto 0;
  border-radius: calc(0.533333 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.32 * var(--u));
}
.service-icon[data-v-8e12439e] {
  width: calc(0.453333 * var(--u));
  height: calc(0.453333 * var(--u));
  margin-right: calc(0.146667 * var(--u));
  border-radius: 50%;
  background: #fff;
}
.underline[data-v-8e12439e] {
  color: #fff;
  text-decoration: underline;
}
.tip[data-v-8e12439e] {
  font-size: calc(0.32 * var(--u));
}
.dialog-mask[data-v-8e12439e] {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.62);
}
.privacy-dialog[data-v-8e12439e] {
  width: calc(8 * var(--u));
  height: calc(4.653333 * var(--u));
  padding: calc(0.8 * var(--u)) 0 calc(0.666667 * var(--u));
  border-radius: calc(0.8 * var(--u));
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%;
  color: #9c5917;
  text-align: center;
}
.privacy-dialog h2[data-v-8e12439e] {
  margin: 0;
  font-size: calc(0.48 * var(--u));
  font-weight: 700;
}
.privacy-dialog p[data-v-8e12439e] {
  margin: calc(0.4 * var(--u)) 0 0;
  font-size: calc(0.346667 * var(--u));
}
.privacy-actions[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(0.4 * var(--u));
  margin-top: calc(0.533333 * var(--u));
}
.privacy-actions button[data-v-8e12439e] {
  width: calc(3.133333 * var(--u));
  height: calc(1.2 * var(--u));
  border-radius: calc(0.64 * var(--u));
  color: #fff;
  font-size: calc(0.48 * var(--u));
  font-weight: 700;
}
.privacy-actions .cancel[data-v-8e12439e] {
  background: #9c5917;
}
.privacy-actions .confirm[data-v-8e12439e] {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff7500), to(#ff3000));
  background: linear-gradient(0deg, #ff7500, #ff3000);
}
.quit-dialog[data-v-8e12439e] {
  position: relative;
  width: calc(8.933333 * var(--u));
  padding: calc(0.746667 * var(--u)) calc(0.533333 * var(--u)) calc(0.64 * var(--u));
  border-radius: calc(0.4 * var(--u));
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe2b9), to(#ffd19c));
  background: linear-gradient(180deg, #ffe2b9, #ffd19c);
  color: #a8551c;
  text-align: center;
}
.dialog-close[data-v-8e12439e] {
  position: absolute;
  right: calc(0.24 * var(--u));
  top: calc(-0.56 * var(--u));
  width: calc(0.746667 * var(--u));
  height: calc(0.746667 * var(--u));
  border-radius: 50%;
  background: #fff;
}
.dialog-close[data-v-8e12439e]::before,
.dialog-close[data-v-8e12439e]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(0.32 * var(--u));
  height: 2px;
  border-radius: 1px;
  background: #8a8a8a;
}
.dialog-close[data-v-8e12439e]::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.dialog-close[data-v-8e12439e]::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.quit-dialog h2[data-v-8e12439e] {
  margin: 0 0 calc(0.373333 * var(--u));
  font-size: calc(0.533333 * var(--u));
  font-weight: 700;
}
.quit-input-box[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(6.853333 * var(--u));
  height: calc(1.066667 * var(--u));
  margin: 0 auto calc(0.32 * var(--u));
  border-radius: calc(0.533333 * var(--u));
  background: #f2b668;
}
.quit-input[data-v-8e12439e] {
  width: 100%;
  height: 100%;
  padding: 0 calc(0.426667 * var(--u));
  border-radius: calc(0.533333 * var(--u));
  background: transparent;
  color: #9c5917;
  font-size: calc(0.426667 * var(--u));
  text-align: center;
}
.quit-input[data-v-8e12439e]::-webkit-input-placeholder {
  color: #9c5917;
}
.quit-input[data-v-8e12439e]::-moz-placeholder {
  color: #9c5917;
}
.quit-input[data-v-8e12439e]:-ms-input-placeholder {
  color: #9c5917;
}
.quit-input[data-v-8e12439e]::-ms-input-placeholder {
  color: #9c5917;
}
.quit-input[data-v-8e12439e]::placeholder {
  color: #9c5917;
}
.quit-code-box[data-v-8e12439e] {
  gap: calc(0.213333 * var(--u));
  background: transparent;
}
.quit-code-input[data-v-8e12439e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f2b668;
}
.quit-code-btn[data-v-8e12439e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(2.426667 * var(--u));
  height: calc(1.066667 * var(--u));
  border-radius: calc(0.533333 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.346667 * var(--u));
  white-space: nowrap;
}
.quit-code-btn[data-v-8e12439e]:disabled {
  opacity: 0.6;
}
.quit-actions[data-v-8e12439e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(0.333333 * var(--u));
  margin-top: calc(0.266667 * var(--u));
}
.quit-actions button[data-v-8e12439e] {
  width: calc(3.2 * var(--u));
  height: calc(1.146667 * var(--u));
  border-radius: calc(0.613333 * var(--u));
  color: #fff;
  font-size: calc(0.426667 * var(--u));
  font-weight: 700;
}
.quit-cancel[data-v-8e12439e] {
  background: #ad6013;
}
.quit-confirm[data-v-8e12439e] {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6a20), to(#ff3a00));
  background: linear-gradient(180deg, #ff6a20, #ff3a00);
}






*[data-v-5862ce04] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button[data-v-5862ce04] {
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  font-family: inherit;
}
.alarm-detail-page[data-v-5862ce04] {
  --u: 10vw;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(1.093333 * var(--u));
  overflow-x: hidden;
  background: #fb3c27;
  color: #fff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.page-header-wrapper[data-v-5862ce04] {
  position: relative;
  width: calc(10 * var(--u));
  height: calc(12.266667 * var(--u));
  padding-top: calc(0.013333 * var(--u));
  background: url(../img/hbg.27f00d7.png) no-repeat;
  background-size: 100%;
  z-index: 1;
}
.phw-btn[data-v-5862ce04] {
  position: absolute;
  right: 0;
  z-index: 5;
  padding: 0 calc(0.133333 * var(--u));
  border-radius: calc(0.266667 * var(--u)) 0 0 calc(0.266667 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.32 * var(--u));
  font-weight: 600;
  line-height: calc(0.346667 * var(--u));
  text-align: center;
}
.phw-set[data-v-5862ce04] {
  top: calc(0.8 * var(--u));
  width: calc(0.653333 * var(--u));
  height: calc(1.2 * var(--u));
  padding-top: calc(0.266667 * var(--u));
}
.pig[data-v-5862ce04],
.dog[data-v-5862ce04] {
  position: absolute;
  top: calc(6.2 * var(--u));
  z-index: 3;
  width: calc(0.733333 * var(--u));
  height: calc(0.733333 * var(--u));
}
.pig[data-v-5862ce04] {
  left: calc(2.293333 * var(--u));
}
.dog[data-v-5862ce04] {
  right: calc(2.4 * var(--u));
}
.video-box[data-v-5862ce04] {
  position: relative;
  z-index: 1;
  margin: calc(-2 * var(--u)) auto 0;
}
.video-box-item[data-v-5862ce04] {
  position: relative;
  width: calc(9.28 * var(--u));
  height: calc(4.36 * var(--u));
  margin: 0 auto calc(0.666667 * var(--u));
}
.cover[data-v-5862ce04] {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-button[data-v-5862ce04] {
  position: absolute;
  top: calc(0.493333 * var(--u));
  left: calc(0.653333 * var(--u));
  width: calc(2.293333 * var(--u));
  height: calc(3.373333 * var(--u));
  overflow: hidden;
}
.poster[data-v-5862ce04] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.set-btn[data-v-5862ce04] {
  position: absolute;
  right: calc(2.026667 * var(--u));
  bottom: calc(0.8 * var(--u));
  z-index: 2;
  width: calc(3.52 * var(--u));
  height: calc(1.146667 * var(--u));
  background: url(../img/set.cf388db.png) no-repeat;
  background-size: 100%;
}
.odb-bottom[data-v-5862ce04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(9.026667 * var(--u));
  height: calc(1.066667 * var(--u));
  margin: calc(0.333333 * var(--u)) auto 0;
  border-radius: calc(0.533333 * var(--u));
  background: #bf1d17;
  color: #fff;
  font-size: calc(0.32 * var(--u));
}
.service-icon[data-v-5862ce04] {
  width: calc(0.453333 * var(--u));
  height: calc(0.453333 * var(--u));
  margin-right: calc(0.146667 * var(--u));
  border-radius: 50%;
  background: #fff;
}
.underline[data-v-5862ce04] {
  color: #fff;
  text-decoration: underline;
}
.tip[data-v-5862ce04] {
  font-size: calc(0.32 * var(--u));
}


*[data-v-79ff7541] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button[data-v-79ff7541] {
  border: 0;
  outline: none;
  padding: 0;
  background: transparent;
  font-family: inherit;
}
.page-container[data-v-79ff7541] {
  --u: 10vw;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(1.093333 * var(--u));
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffd5d7;
  color: #aa5641;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.page-header-wrapper[data-v-79ff7541] {
  position: relative;
  z-index: 1;
  width: calc(10 * var(--u));
  height: calc(6.813333 * var(--u));
  padding-top: calc(0.013333 * var(--u));
  background: url(../img/hbg.abd2e13.png) no-repeat;
  background-size: 100%;
  pointer-events: none;
}
.video-box[data-v-79ff7541] {
  position: relative;
  z-index: 1;
  width: calc(9.466667 * var(--u));
  margin: calc(-0.266667 * var(--u)) auto 0;
  border-radius: calc(0.533333 * var(--u));
}
.video-box-wrapper[data-v-79ff7541] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100% - 0.8 * var(--u));
  padding: 0 calc(0.266667 * var(--u)) calc(0.533333 * var(--u));
  overflow: auto;
}
.video-box-item[data-v-79ff7541] {
  position: relative;
  width: calc(4.4 * var(--u));
  margin-bottom: calc(0.4 * var(--u));
}
.poster-wrapper[data-v-79ff7541] {
  position: relative;
  display: block;
  width: 100%;
  padding: calc(0.066667 * var(--u));
  border-radius: calc(0.373333 * var(--u));
  background: #fff;
}
.poster[data-v-79ff7541] {
  display: block;
  width: calc(4.266667 * var(--u));
  height: calc(7.36 * var(--u));
  border-radius: calc(0.373333 * var(--u));
  background: #d8d8d8;
  -o-object-fit: cover;
     object-fit: cover;
}
.play[data-v-79ff7541] {
  position: absolute;
  top: calc(3.173333 * var(--u));
  left: calc(1.626667 * var(--u));
  width: calc(1.013333 * var(--u));
  height: calc(1.013333 * var(--u));
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
  pointer-events: none;
}
.play[data-v-79ff7541]::before {
  content: "";
  position: absolute;
  left: 40%;
  top: 30%;
  width: 0;
  height: 0;
  border-top: calc(0.2 * var(--u)) solid transparent;
  border-bottom: calc(0.2 * var(--u)) solid transparent;
  border-left: calc(0.32 * var(--u)) solid #fff;
}
.name[data-v-79ff7541] {
  min-height: calc(0.56 * var(--u));
  margin-top: calc(0.08 * var(--u));
  color: #aa5641;
  font-size: calc(0.373333 * var(--u));
  font-weight: 600;
  line-height: calc(0.506667 * var(--u));
  text-align: center;
}
.set-btn[data-v-79ff7541] {
  display: block;
  width: calc(2.8 * var(--u));
  height: calc(0.786667 * var(--u));
  margin: calc(0.2 * var(--u)) auto calc(0.4 * var(--u));
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAA7CAMAAAA5DCQ6AAAB0VBMVEUAAAD/eUn/WT7/VT3/Vz7/VDz/jE//ZkD/Vz3/VT3/iU7/ik7/VT3/b0f/bEj/i07/Vz3/h03/Vj3/ik7/ik//Vj7/ik//iU3/VTz/i0//Vj3/VT3/jU//Vj3/Vj3/ik7/ik3/VT3/ik//Vjz/iE7/VD3/Wz//VDz/ik7/VT3/Vjz/Vj3/jlD/hk7/////hk3/e0r/gEv/Wz//aUT/g0z/bUX/YUH/h07/dkj/fUr/b0b/WD7/cUb/eEn/a0T/Y0L/c0f/fkv/hEz/dUj/ckf/Wj//iU7/Z0P/VT3/bEX/ekn/Vz7/ZUL/XT//ik7/XkD/aEP/X0D/i0//ZEL/YED/ZkL/eEj/b0X/9fP/h03/VDz/jE//7uj/18//zcP/5N3/pJP/4dv/yLH/m4j/+fj/uav/oID/l33/7Of/hm//iWj/eFn/08b/0MT/iF//flz/59//vq3//fz/wq//s6H/p43/k2r/9PH/4dj/xbn/i3H/cFf/8ez/aUj/r5j/dFj/c1j/3dT/y7v/wLP/hV7/2Mn/lHr/f2P/j2D/cE//uJ7/mXX/g2f/tpf/qJX/flT/hVL/wrX/vqb/h2v/dFH/28//poT/moP/9/P/clT/jFG81Tl0AAAALnRSTlMA/v7+/v7+B/7d3UFBIBDp1+7m1pyak0lJ9Pfv37mRe29vYWEsLO3quZ9/d7u3MkXZ6wAADiJJREFUaN6NmolblFUUxhmYAdzKJcts3/fPCgOBcNBihmQzJHFm1BZGxUxEYhEETFMEt9xa/9rec+65+3zoO58yT2VPv95z3nvu/W5dbb395vPv79jWdpC0l/XZ3s9EBw7gOdAOfap0COrq6jqKZ9/RfdBXpG7W19CXUEcHno7R0S9I35D2Qy37W1iHDxeh76D+/v4jR47kj+TzrflW0kjryMjIt98OQQNDA6TPoXe3vvLqW+/UPa2aNj2/sbRHFBMRj0ZqZ6LMoUOZDDFlgMREDOUhAQhEHUAiaSRNBKSAidTKAhAhERXz4IF6eup76rfv3Pw0QM+8trHQ1tammMQkko/UfkCIoAyYug5ljnZlYBSIwKQUujQKfaHkuyRIQiRIQqRMYpvEIlJ9D9RZ39m54Y1nnuTQa9vAs6fUJh45hRe5BCBTecBhuYX3lRABydqkgIhJPPKR+knGpLxlApLrUg8jsV56o2k9ohfgEAlIIgaKoUBkmMgkIGUEKW4mxUO/QDQaumSZQMQK6s5DIiBhIqeyndnOvg270i16rgAiVXYla1NUd75N1EmHFNFRALEUkF95X47GvdQCJkMkUEcECUyMFSDpViImMqm5ua8vuzPFqC07CpBAOfEQIeERIpt4IEIruYkXEJGol4LIY6IWZVIxvZds4Ymk8Eh90NYttYg2PTs8OAgkKbwSAzGSMIWFBxkk8ADIrzs8PhLZ5BUeZJGgMPBiJDCZwOtEPGQFqfe9zTXa6MVBbRKAdOJRL0WVJy6xbIoj7mhhYoUuQewRmskjsvEAJmsS5CBBknj46IDgwquvzzJRtrevYfeuyKMXhwcLgyDCh1wykZeyMHkmcTMxEnCiePiSmTgeYFGH7SWb4TbEXSQbeHqtdSKvXiovS0wNvQ19uwOftjw7iKoTnwpeK+GJQ9wWniQEcKjyAiJrk2ol8Gim/cyEx0EqgsivvCgehmSpJSDkAwlEqLze3u1ePzXtGEYjCREnnvQSeMJmsoFn11opO6k7PTwwlZcOHbIueZFnC++pewmiuutUTNm+BtjU27vVzb3nAOTY5LrkEQlUOOJlJO+AFNpkl1pkQ9hLtvKKLDFJmGzhCdMAydQdyq4HZQcgIuoFVMMHTjSwR2yTtFLKuhRUnpfhanB11iXDFA4P0ksst5e8EId8JAlxPGap1SFOQKSyiYiml4chTVQAUQlQFihOvGgSZyIBqjmKdygmBykYHrzKEyA7tgqRrTyaWtkkCXGlDbr0Xq8MDw5bl0russRSgXf/7t374lEceV1Ue6g8uzCJS3ZspXToCKeHYF2SeUiW2jgehpzBVbVSM9vEvdSQK38os/e24UbtUpvSHiMnH24kyaW0EKfCYx5/IgoKD60kMkhRisfrUms0PdgMF5OyDeRTLld+6RkxqSK9JEut30qaaDWBZuNeglThXZ+wuj5xHRIkAzT6fZL8HLm0ckGIzhkVJR6WrrB+07pMWiIkNBNMYknZwadcufwRI72skQp42iTEQ6S/rk4lpEt/hS5liAiFl/knCfWHOz0QFiMJkyb6e6q6opgSo3MSD2NJDY0pm7iZoGa4xHnXC6Qcd9OmSmMFRKAqqHgolcx2iQciVN7qn4nR1VWLZLeAUIR0LIiHGAlQa1eTZOoeiCIkFF06kkziFOJZDA9KOZTeZlqTKuQSQcEmOCTDgxviq8cTR4uzhBQn3rVfXOG/9PvucK0VJACJS4DqeIB/57RCqs5Dc0CisweFNDYygt/Pfjt0Ft8HBuivSOB1wiUv8cq95XJ5J5CerTQOk014dCv5y9LB++OJp+P39eaiXYjUHlD2FhDC4XSSnFdAhmmUkYJBHJoGywVGGqfI+1EXHiP9Pjb2O5DHxqblOyExlExEWSai0gNRrrwdZ0GN4hIeRuLYEyJ8UHg/JYGugYile4mHB3wuzY3PSobfSpKLrkm0B7SF528Bp6srIHqcJJOMpF3KP6nwsqaXmIgzr/xO3ZuVSiMj2RnPRYJWq0mgqVVCiseHT6uIBMnwa0myjBT39ksWKdinX6BeWoYNCHHXpTunRCcQTPr7Hb3U1sMk7iXOBxKIym/VPS9IXHfoJY1UMiPe3STSLVV47baVeKGdTZI5vSxdSpLT/hYQ+6UYyS5LZ/D/4w65hC6cHxt71JpfWlg4exYPNA/cs0at7JKeWqWVEHllQnq17v0KpF0apAGPfrnpcD5GuuGlOEUeD3gz+DsaCU0+QUQm8cSlP89rzVDhXVNfi+fganKRV1q0C3Qqnz+XpOgybIJFOEwhNSPyZMwro/JewarU2MjDgwlxe0J0kIeHS0mkyXYXSeUDoNB0D4XoD/xTmWhsBZLVRUI6pr4ePocI+mWJJ6Irk4J05ZgRLQlWl9U5Xr1K8WaJPEHaisADETNBDMQulexSOxkjHdcutevNBSMB/i9xaRZhL8NDOhLSQZCKxZvHl/WMV7yzsLBwzj3Hy1eTOdkCmpGIe0k26g12fCi/VIdWknhwXQLRukiWSDIvAyJKh/O/Kt1AW/GX60hxd106c0Hr8X4IP2eAhF5aOWO0snJW75fmtUtT4tC8ENFAhMojJLKpQTUTlKurwCNJB8UEeS7tTUHyl1ra18KZWD+HS200tp5RSN7id0Kf4p1MAp1Ue0BYxDvArPIJPHgQD/CprrGCD4CgYTapUKIdkyWqieRt1NXClKF0iHXdxEOMhMITpGKEBAnSTTuJXwaS2tVy5AkQIfHOlk3K1b1o4gFMvNIGJ5OpvWRPU9QJctfq6VCoxMfOMX/sEqAYCSl+7wHmx2kSwu8k8+QZ6dIJo6vkkjma5MwDFiKPAy/HKf5e3Q64JERqIpJ8EKX3kgxEcijO8eBvASG0gM6HJxZesWUxGV+ieADG345LVRt1VUHqYQFHHXoBidSQo8TbUPcxVqWKs1EXCVNKLy3KUqtnvIzMeHKgos9akeSLAIoK7xs8IRI0jVkOSGP4U0tB4clxymVGsvmgN+pZnojK3Euv8PRARGZsLRVKlgj6rxojTU0wknOMN3E81LXu7glUjbgUDUTCpJGWHheLS+PJ1EL/naqY1CpIkz8afW+Q9Ck/oCjx1DjUq6aHN1F4GMTxMYnH5ymaaA/iONaf94O3MRNJqF+6u2/jd4sEhYVn4mHtxAxsWphKqj8s4g/J2UNK4Q2oVYm3tVJ4iAfFlMu9Vfc2jUON0ktCBJtMKzFRrBtO4h2CaiLRikNEwRZQziadwjs/mZyks4d7CWl8Tc4enMIb8hJPugk8KvKAxL1EpfcO9umIBzsRIRz8XlqsjXSckDQRRx5lQ/D6+dckmSGkYL8EniDEoUlCWhunqn6kj1NSCw8yB8i0zvKMp5CwX0IzOVMr8xTcwDv9U03ddusOHxARlWHqhrrGQeAEXrxRZ82wM9gDrk2r8Wju3tK6hSdHD4qI6y6rdheUeLSr3STx4CaeBmLFB8gpR5PYXsiZ+OzM6du3T2Pkm/sKSLdMZEwhzOjnuNIphpqkKl0r3jxFQFMXyajF5X+JKVhqB4Y48QZ4qdUpnjUbdXaJzx6aNlbMfgnyQ9wCya7poXeQx1MrVR4xceGxMLSKlikdfk1SNM8uzSdT0y0zP6qp4VH/0imK2Or5tdZlLK5z4VI7hx/39JtNPhKHUHiEVKZVifQaE9l4gGQD6B4hz6pDr1l9gOykOIjUfskgdc2pI6JbPIk/PJaiB9xLdyYfHS6uMNACnx9foMHuWj4/n6ToAZdep4hmVh155TfktJWbqQCk0CP3KsfdKsriofYoup0ix8dSebdnlpeXb//h7ZdG1aH4aHSA/A0dIJ+cPHXB3BK4+fuxK/n8wg8pWlD7Jd6lExOAeBCX01ayabhCy1LK9GBKb/bWrdn4/RKISHQ2aZFqvdiE4qsc9pi/xbnKARV5uyQnyCbE+V2MnfF4AwgiqEFt1Nkk7qZhku0lfxTHUyMdDnjvlzJ6yPPOxMUkMHXI7oI8ClMcCu/b8EG/IZJj/gHvkgAbJUttA3BIdNYqekEqzxaeMSn9/ZLdAdqXMbIwAUgz2bMHTOLGJgJykA5DINJI/cQTv9m0RBDz1DNRFoUn2uW8BZSx1aa4cWmvYYqRhEnOvOKl1raS2BQWnhC1KKSi45IZ8kZIafceslkyibOBtNN/VytE5sJN3EvxRa/oLaAuO/8SkSB5rSRIIntJQDHl/TfqFglykCBZljjFtzb5b9RNK4lLEZHHFAUeK9gv4RGbzESEx3v9HNx7KOp0CG5FQQGRDA+GCXpvS3jvATY5SFopl9eClzGCFEQe5LlkKy9GksLzkJx4iJmApNKhWcbW3Ztr305pU6d4BUsExa0kkRcUXsbk3b4YSV4C+kgteKLLa7aX4jfqAmQrT48Pvbt31bpDZONhj0Se8MQuRccpGX98iK9FiYQojIcYCUQBksvUQ3JfP2/fnHbTi10qcIh7THGKO6cpYhNBuYWnkLoFyUwPT++SEKHyAKSRoiuGXHlbt6Tex2vTgSfdlH5JwB/EgUQ+eS4JkTc8CFJ4tRWSlZYUuhSHOGTqjgrvg6b1bk0Kknu3VZopPcXtdTx5ZxZcIQqX2viKIdtkMlyQvHUpjgdh6vNvTcZGvb4t3DCl1p2JB57EmWmf2BQstX4+SIpHLgFp3WtRHhPlnTpPefdDsShVz7y+kVyK766lr0ukMMMhO+MJUdxKULwuxUgA8q/r2sDb8BFm7ydr03PPupeq41aK4kHywexqPSR7XRdlhyfopfRL1dYj65KX4bgnvo5D8W3+TzZuO8jXJo28VgpOiGR6cN4/4wlveuHRzZRSeNJLkUvB2Fq/3m3+/wEcUECGt4GWVQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
}


.fullscreen-player[data-v-03659c34] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  z-index: 9999;
  overflow: hidden;
}
.fullscreen-player video[data-v-03659c34] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.close-button[data-v-03659c34] {
  position: fixed;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 10000;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.close-button[data-v-03659c34]:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.close-button[data-v-03659c34]:active {
  background-color: rgba(0, 0, 0, 0.9);
}
.download-button[data-v-03659c34] {
  position: fixed;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 10000;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.download-button[data-v-03659c34]:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.download-button[data-v-03659c34]:active {
  background-color: rgba(0, 0, 0, 0.9);
}


*[data-v-b48788ba] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.set-alarm-page[data-v-b48788ba] {
  min-height: 100vh;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  color: #244424;
  background: #f7f8f6;
  overflow-x: hidden;
}
button[data-v-b48788ba],
input[data-v-b48788ba],
select[data-v-b48788ba] {
  font: inherit;
}
button[data-v-b48788ba] {
  cursor: pointer;
}
.phone-shell[data-v-b48788ba] {
  position: relative;
  width: min(100%, 750px);
  min-height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 242, 143, 0.55), transparent 190px),
    radial-gradient(circle at 96% 4%, rgba(255, 126, 157, 0.28), transparent 160px),
    -webkit-gradient(linear, left top, left bottom, from(#dff8d3), color-stop(42%, #9bdc6a), to(#75b735));
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 242, 143, 0.55), transparent 190px),
    radial-gradient(circle at 96% 4%, rgba(255, 126, 157, 0.28), transparent 160px),
    linear-gradient(180deg, #dff8d3 0%, #9bdc6a 42%, #75b735 100%);
}
.alarm-view[data-v-b48788ba],
.family-view[data-v-b48788ba],
.placeholder-view[data-v-b48788ba] {
  min-height: 100vh;
  padding: 12px 30px 118px;
}
.hero-panel[data-v-b48788ba] {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 0 0 22px 22px;
  background: #eaf9e8;
  -webkit-box-shadow: 0 8px 20px rgba(75, 146, 45, 0.18);
          box-shadow: 0 8px 20px rgba(75, 146, 45, 0.18);
}
.hero-banner[data-v-b48788ba] {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  -o-object-fit: cover;
     object-fit: cover;
}
.reserve-link[data-v-b48788ba] {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 104px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  background: #68C266;
  -webkit-box-shadow: 0 3px 8px rgba(104, 194, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: 0 3px 8px rgba(104, 194, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.reserve-link.with-logout[data-v-b48788ba] {
  right: 132px;
}
.logout-link[data-v-b48788ba] {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 104px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  background: #68C266;
  -webkit-box-shadow: 0 3px 8px rgba(104, 194, 102, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: 0 3px 8px rgba(104, 194, 102, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.ring-list[data-v-b48788ba] {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: 0 4px;
}
.ring-card[data-v-b48788ba] {
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 254px;
  border: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 20px;
  padding: 0 16px 0 0;
  background: rgba(244, 255, 236, 0.92);
  -webkit-box-shadow: 0 8px 18px rgba(86, 147, 52, 0.16);
          box-shadow: 0 8px 18px rgba(86, 147, 52, 0.16);
}
.video-thumb[data-v-b48788ba] {
  position: relative;
  width: 188px;
  height: 330px;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #19152a;
  -webkit-box-shadow: 0 5px 12px rgba(46, 90, 38, 0.22);
          box-shadow: 0 5px 12px rgba(46, 90, 38, 0.22);
}
.video-thumb video[data-v-b48788ba] {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-thumb em[data-v-b48788ba] {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 18px;
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.play-mark[data-v-b48788ba] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 68px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
}
.play-mark[data-v-b48788ba]::after {
  content: "";
  position: absolute;
  left: 27px;
  top: 19px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 23px solid #fff;
}
.ring-info[data-v-b48788ba] {
  min-width: 0;
  padding: 18px 2px 18px 28px;
}
.ring-info h2[data-v-b48788ba] {
  margin: 0 0 28px;
  color: #1f381d;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
}
.glow-button[data-v-b48788ba],
.family-submit[data-v-b48788ba] {
  width: min(100%, 370px);
  min-height: 84px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  background: #68C266;
  -webkit-box-shadow:
    inset 0 0 12px #fff,
    inset 0 -10px 15px rgba(63, 142, 56, 0.18),
    0 0 0 2px rgba(255, 255, 255, 0.5),
    0 6px 12px rgba(104, 194, 102, 0.24);
          box-shadow:
    inset 0 0 12px #fff,
    inset 0 -10px 15px rgba(63, 142, 56, 0.18),
    0 0 0 2px rgba(255, 255, 255, 0.5),
    0 6px 12px rgba(104, 194, 102, 0.24);
  text-shadow:
    0 2px 0 #3f8e38,
    2px 0 0 #3f8e38,
    -2px 0 0 #3f8e38,
    0 -2px 0 #3f8e38;
}
.placeholder-view[data-v-b48788ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 32px;
}
.content-card[data-v-b48788ba],
.family-panel[data-v-b48788ba] {
  width: min(100%, 688px);
  border-radius: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 28px rgba(66, 137, 42, 0.16);
          box-shadow: 0 14px 28px rgba(66, 137, 42, 0.16);
}
.content-card[data-v-b48788ba] {
  max-width: 560px;
}
.content-card h1[data-v-b48788ba],
.family-panel h1[data-v-b48788ba] {
  margin: 0 0 22px;
  font-size: 28px;
  line-height: 1.2;
}
.content-card p[data-v-b48788ba] {
  margin: 0 0 22px;
  color: #56556b;
  font-size: 18px;
  line-height: 1.6;
}
.plain-action[data-v-b48788ba] {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  background: #68C266;
}
.family-view[data-v-b48788ba] {
  padding: 30px 50px 118px;
}
.family-panel[data-v-b48788ba] {
  border-radius: 24px;
}
.family-icon[data-v-b48788ba],
.avatar[data-v-b48788ba] {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  border-radius: 50% 50% 45% 45%;
  vertical-align: -5px;
  background: linear-gradient(135deg, #73db72, #2fb66d);
}
.member-card[data-v-b48788ba] {
  position: relative;
  display: grid;
  grid-template-columns: 54px 1fr 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 78px;
  margin-bottom: 14px;
  border-radius: 16px;
  padding: 12px 16px;
  background: #eaf8df;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.avatar[data-v-b48788ba] {
  width: 48px;
  height: 48px;
  margin: 0;
}
.member-card strong[data-v-b48788ba] {
  display: block;
  margin-bottom: 4px;
  color: #000;
  font-size: 22px;
  font-weight: 900;
}
.member-card p[data-v-b48788ba] {
  margin: 0;
  color: #202020;
  font-size: 18px;
}
.member-card p span[data-v-b48788ba] {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  color: #2f7a20;
  background: #d9f7c8;
}
.remove-member[data-v-b48788ba] {
  width: 26px;
  height: 26px;
  border: 2px solid #68C266;
  border-radius: 50%;
  color: #68C266;
  font-size: 26px;
  line-height: 18px;
  background: transparent;
}
.add-member[data-v-b48788ba] {
  width: 100%;
  min-height: 56px;
  margin: 6px 0 20px;
  border: 1px dashed #68C266;
  border-radius: 16px;
  color: #68C266;
  font-size: 22px;
  background: #fff;
}
.family-submit[data-v-b48788ba] {
  width: 100%;
  min-height: 90px;
}
.bottom-nav[data-v-b48788ba] {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  width: min(100%, 750px);
  padding: 14px 56px 10px;
  background: #68C266;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.bottom-nav button[data-v-b48788ba] {
  height: 62px;
  border: 3px solid #d8ffc8;
  border-radius: 10px;
  color: #68C266;
  font-size: 18px;
  font-weight: 900;
  background: #fff;
  -webkit-box-shadow: 0 4px 0 rgba(37, 103, 24, 0.24);
          box-shadow: 0 4px 0 rgba(37, 103, 24, 0.24);
}
.bottom-nav button.active[data-v-b48788ba] {
  color: #fff;
  background: #68C266;
  -webkit-box-shadow:
    inset 0 0 10px #fff,
    0 4px 0 rgba(49, 124, 42, 0.25);
          box-shadow:
    inset 0 0 10px #fff,
    0 4px 0 rgba(49, 124, 42, 0.25);
  text-shadow: 0 1px 2px rgba(63, 142, 56, 0.9);
}
.nav-bell[data-v-b48788ba] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 6px;
  border-radius: 50% 50% 45% 45%;
  vertical-align: -9px;
  background: radial-gradient(circle at 70% 20%, #ffe66b 0 18%, transparent 19%), #68C266;
}
.nav-bell.small[data-v-b48788ba] {
  width: 30px;
  height: 30px;
}
.mask[data-v-b48788ba] {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 0 0;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(1px);
}
.sheet[data-v-b48788ba] {
  width: min(100%, 750px);
  min-height: 188px;
  max-height: 74vh;
  overflow: auto;
  border-radius: 22px 22px 0 0;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.sheet-title[data-v-b48788ba],
.dialog-title[data-v-b48788ba] {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 68px;
  border-bottom: 1px solid #eee;
  text-align: center;
  background: #fff;
}
.sheet-title h2[data-v-b48788ba],
.dialog-title h2[data-v-b48788ba],
.add-dialog h2[data-v-b48788ba] {
  margin: 0;
  color: #242424;
  font-size: 23px;
  font-weight: 900;
}
.sheet-title button[data-v-b48788ba],
.dialog-title button[data-v-b48788ba],
.video-dialog > button[data-v-b48788ba] {
  border: 0;
  color: #68C266;
  font-size: 34px;
  background: transparent;
}
.sheet-title .back[data-v-b48788ba] {
  color: #68C266;
  font-size: 36px;
}
.select-row[data-v-b48788ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: calc(100% - 32px);
  min-height: 70px;
  border: 0;
  border-radius: 14px;
  margin: 14px 16px 0;
  padding: 0 18px;
  color: #252525;
  text-align: left;
  background: #f7f8fb;
}
.select-row strong[data-v-b48788ba] {
  font-size: 24px;
}
.select-row em[data-v-b48788ba] {
  color: #aaa;
  font-size: 18px;
  font-style: normal;
}
.checkbox[data-v-b48788ba] {
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #c9c9c9;
  border-radius: 7px;
  background: #fff;
}
.checkbox.checked[data-v-b48788ba] {
  border-color: #68C266;
  background: #68C266;
}
.checkbox.checked[data-v-b48788ba]::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sheet-next[data-v-b48788ba],
.confirm-btn[data-v-b48788ba] {
  width: calc(100% - 28px);
  height: 64px;
  margin: 22px 14px 24px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
}
.sheet-next[data-v-b48788ba]:disabled {
  opacity: 0.45;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.frequency-options[data-v-b48788ba] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 30px 20px 34px;
}
.frequency-options button[data-v-b48788ba] {
  min-height: 62px;
  border: 2px solid transparent;
  border-radius: 12px;
  color: #333;
  font-size: 22px;
  background: #f5f5f7;
}
.frequency-options button.active[data-v-b48788ba] {
  color: #fff;
  border-color: #68C266;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.2);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.2);
}
.wheel-grid[data-v-b48788ba] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 28px 14px 18px;
  background:
    -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), color-stop(34%, rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.92)), color-stop(34%, rgba(255, 255, 255, 0)));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 34%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 34%);
}
.wheel-grid[data-v-b48788ba]::before,
.wheel-grid[data-v-b48788ba]::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  height: 1px;
  background: #ededed;
}
.wheel-grid[data-v-b48788ba]::before {
  top: 86px;
}
.wheel-grid[data-v-b48788ba]::after {
  top: 150px;
}
.wheel-grid label[data-v-b48788ba] {
  display: block;
}
.wheel-grid select[data-v-b48788ba] {
  width: 100%;
  height: 188px;
  border: 0;
  color: #111;
  font-size: 24px;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  background: transparent;
  outline: none;
}
.date-sheet .confirm-btn[data-v-b48788ba] {
  background: #68C266;
}
.dialog[data-v-b48788ba] {
  width: min(92vw, 640px);
  margin: auto;
  border-radius: 18px;
  background: #fff;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}
.h5-manager-mask[data-v-b48788ba] {
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(100%, 750px);
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(1px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reserve-dialog[data-v-b48788ba] {
  width: 100%;
  height: 78vh;
  max-height: 78vh;
  overflow: auto;
  border-radius: 0;
  padding: 0 0 24px;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.manager-title[data-v-b48788ba] {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 66px;
  border-bottom: 1px solid #ededed;
  background: #fff;
}
.manager-title h2[data-v-b48788ba] {
  margin: 0;
  color: #222;
  font-size: 24px;
  font-weight: 900;
}
.manager-list[data-v-b48788ba] {
  display: grid;
  gap: 14px;
  padding: 20px 16px 0;
}
.manager-loading[data-v-b48788ba] {
  padding: 58px 20px;
  color: #b9b9b9;
  font-size: 20px;
  text-align: center;
}
.manager-card[data-v-b48788ba] {
  border-radius: 8px;
  padding: 14px 16px 16px;
  background: #f2f2f2;
  -webkit-box-shadow: 0 6px 18px rgba(42, 36, 70, 0.08);
          box-shadow: 0 6px 18px rgba(42, 36, 70, 0.08);
}
.manager-card-head[data-v-b48788ba],
.manager-row[data-v-b48788ba],
.manager-members[data-v-b48788ba] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.manager-card-head strong[data-v-b48788ba] {
  color: #111;
  font-size: 15px;
  font-weight: 900;
}
.manager-status[data-v-b48788ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.manager-status button[data-v-b48788ba],
.manager-row button[data-v-b48788ba],
.manager-members > button[data-v-b48788ba] {
  border: 0;
  color: #68C266;
  font-size: 13px;
  background: transparent;
}
.manager-status span[data-v-b48788ba] {
  position: relative;
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: #d8f3d7;
}
.manager-status span[data-v-b48788ba]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #68C266;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.manager-status span.active[data-v-b48788ba]::after {
  -webkit-transform: translateX(16px);
          transform: translateX(16px);
}
.manager-row[data-v-b48788ba] {
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-top: 14px;
}
.manager-row span[data-v-b48788ba],
.manager-members > span[data-v-b48788ba] {
  color: #222;
  font-size: 14px;
}
.manager-row p[data-v-b48788ba] {
  min-width: 0;
  margin: 0;
  color: #111;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manager-members[data-v-b48788ba] {
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 14px;
}
.manager-members div[data-v-b48788ba] {
  display: grid;
  gap: 10px;
}
.manager-members p[data-v-b48788ba] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
}
.manager-members em[data-v-b48788ba] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #333;
  font-size: 13px;
  font-style: normal;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(28, 20, 70, 0.16);
          box-shadow: 0 1px 4px rgba(28, 20, 70, 0.16);
}
.manager-members strong[data-v-b48788ba] {
  min-width: 0;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.empty-text[data-v-b48788ba] {
  margin: 0;
  color: #777;
  font-size: 15px;
}
.empty-text[data-v-b48788ba] {
  padding: 58px 20px;
  text-align: center;
}
.manager-slide-enter-active[data-v-b48788ba],
.manager-slide-leave-active[data-v-b48788ba] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.manager-slide-enter-active .reserve-dialog[data-v-b48788ba],
.manager-slide-leave-active .reserve-dialog[data-v-b48788ba] {
  -webkit-transition: -webkit-transform 0.22s ease;
  transition: -webkit-transform 0.22s ease;
  transition: transform 0.22s ease;
  transition: transform 0.22s ease, -webkit-transform 0.22s ease;
}
.manager-slide-enter[data-v-b48788ba],
.manager-slide-leave-to[data-v-b48788ba] {
  opacity: 0;
}
.manager-slide-enter .reserve-dialog[data-v-b48788ba],
.manager-slide-leave-to .reserve-dialog[data-v-b48788ba] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.add-dialog[data-v-b48788ba] {
  padding: 30px 30px 30px;
  text-align: center;
}
.add-dialog input[data-v-b48788ba] {
  width: 100%;
  height: 64px;
  margin: 24px 0 30px;
  border: 1px solid #e6e6ee;
  border-radius: 12px;
  padding: 0 18px;
  color: #333;
  font-size: 22px;
  outline: none;
  background: #fafafa;
}
.add-dialog input[data-v-b48788ba]:focus {
  border-color: #68C266;
  -webkit-box-shadow: 0 0 0 4px rgba(104, 194, 102, 0.14);
          box-shadow: 0 0 0 4px rgba(104, 194, 102, 0.14);
}
.dialog-actions[data-v-b48788ba] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.dialog-actions button[data-v-b48788ba] {
  height: 60px;
  border: 0;
  border-radius: 999px;
  color: #68C266;
  font-size: 22px;
  background: #f3f3f3;
}
.dialog-actions .primary[data-v-b48788ba] {
  color: #fff;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
}
.dialog-actions .primary[data-v-b48788ba]:disabled,
.confirm-actions button[data-v-b48788ba]:disabled {
  opacity: 0.55;
}
.confirm-dialog[data-v-b48788ba] {
  width: min(78vw, 480px);
  margin: auto;
  overflow: hidden;
  border-radius: 22px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}
.confirm-dialog h2[data-v-b48788ba] {
  margin: 40px 20px 16px;
  color: #111;
  font-size: 24px;
  font-weight: 900;
}
.confirm-dialog p[data-v-b48788ba] {
  margin: 0 24px 40px;
  color: #333;
  font-size: 20px;
  line-height: 1.45;
}
.confirm-actions[data-v-b48788ba] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #f0f0f0;
}
.confirm-actions button[data-v-b48788ba] {
  height: 72px;
  border: 0;
  color: #68C266;
  font-size: 22px;
  background: #fff;
}
.confirm-actions button + button[data-v-b48788ba] {
  border-left: 1px solid #f0f0f0;
  color: #68C266;
}
.video-mask[data-v-b48788ba] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-dialog[data-v-b48788ba] {
  position: relative;
  width: min(92vw, 420px);
  border-radius: 18px;
  padding: 16px;
  color: #fff;
  background: #151421;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}
.video-dialog > button[data-v-b48788ba] {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 2;
  color: #68C266;
}
.video-dialog video[data-v-b48788ba] {
  width: 100%;
  max-height: 70vh;
  display: block;
  border-radius: 12px;
  background: #000;
}
.video-dialog h2[data-v-b48788ba] {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.4;
}
.login-layer[data-v-b48788ba] {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  color: #222;
  background: rgba(0, 0, 0, 0.58);
}
.login-panel[data-v-b48788ba] {
  width: min(100%, 750px);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.login-header[data-v-b48788ba] {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 14px;
}
.login-header h2[data-v-b48788ba] {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.login-back[data-v-b48788ba] {
  width: 34px;
  height: 34px;
  border: 0;
  color: #68C266;
  font-size: 28px;
  line-height: 1;
  background: transparent;
}
.login-form[data-v-b48788ba] {
  padding: 0 18px 26px;
}
.login-field[data-v-b48788ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 54px;
  border-bottom: 1px solid #eee;
}
.login-field input[data-v-b48788ba] {
  width: 100%;
  height: 40px;
  border: 0;
  color: #222;
  font-size: 14px;
  outline: none;
}
.login-field input[data-v-b48788ba]::-webkit-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-b48788ba]::-moz-placeholder {
  color: #8c939b;
}
.login-field input[data-v-b48788ba]:-ms-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-b48788ba]::-ms-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-b48788ba]::placeholder {
  color: #8c939b;
}
.code-login-field[data-v-b48788ba] {
  gap: 10px;
}
.code-login-field button[data-v-b48788ba] {
  min-width: 78px;
  height: 30px;
  border: 1px solid #68C266;
  border-radius: 999px;
  color: #68C266;
  font-size: 12px;
  background: #fff;
}
.code-login-field button[data-v-b48788ba]:disabled {
  color: #aaa;
  border-color: #ddd;
}
.login-submit[data-v-b48788ba] {
  width: 100%;
  height: 42px;
  margin-top: 18px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #68C266;
}
.login-submit[data-v-b48788ba]:disabled {
  opacity: 0.72;
}
.fade-enter-active[data-v-b48788ba],
.fade-leave-active[data-v-b48788ba] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-b48788ba],
.fade-leave-to[data-v-b48788ba] {
  opacity: 0;
}
@media (min-width: 751px) {
.phone-shell[data-v-b48788ba] {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.mask[data-v-b48788ba] {
    padding-left: calc((100vw - min(100vw, 750px)) / 2);
    padding-right: calc((100vw - min(100vw, 750px)) / 2);
}
}
@media (min-width: 900px) {
.phone-shell[data-v-b48788ba] {
    width: 720px;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 0;
}
.bottom-nav[data-v-b48788ba] {
    width: 720px;
}
.h5-manager-mask[data-v-b48788ba] {
    width: 720px;
}
.login-panel[data-v-b48788ba] {
    width: 720px;
}
}
@media (max-width: 560px) {
.alarm-view[data-v-b48788ba],
  .family-view[data-v-b48788ba],
  .placeholder-view[data-v-b48788ba] {
    padding: 10px 8px 92px;
}
.hero-panel[data-v-b48788ba] {
    padding: 0;
    border-radius: 0 0 18px 18px;
}
.hero-banner[data-v-b48788ba] {
    aspect-ratio: 3 / 2;
}
.reserve-link[data-v-b48788ba] {
    top: 20px;
    width: 84px;
    height: 30px;
    right: 12px;
    font-size: 15px;
}
.reserve-link.with-logout[data-v-b48788ba] {
    right: 106px;
}
.logout-link[data-v-b48788ba] {
    top: 20px;
    right: 12px;
    width: 84px;
    height: 30px;
    font-size: 15px;
}
.reserve-dialog[data-v-b48788ba] {
    height: 80vh;
    max-height: 80vh;
    padding-bottom: 18px;
}
.manager-card[data-v-b48788ba] {
    padding: 12px;
}
.manager-row[data-v-b48788ba],
  .manager-members[data-v-b48788ba] {
    gap: 8px;
}
.hero-slogan[data-v-b48788ba] {
    font-size: 14px;
}
.hero-title[data-v-b48788ba] {
    min-height: 70px;
    gap: 8px;
    padding: 10px 12px;
    overflow: hidden;
}
.hero-title strong[data-v-b48788ba] {
    font-size: clamp(28px, 9vw, 36px);
    white-space: nowrap;
}
.dot[data-v-b48788ba] {
    width: 10px;
    height: 10px;
    border-width: 3px;
}
.hero-steps[data-v-b48788ba] {
    gap: 6px;
}
.hero-steps span[data-v-b48788ba] {
    width: 54px;
    height: 48px;
    font-size: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.hero-steps p[data-v-b48788ba],
  .call-tip[data-v-b48788ba] {
    font-size: 13px;
    line-height: 1.35;
}
.hero-steps p[data-v-b48788ba] {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    white-space: nowrap;
}
.ring-list[data-v-b48788ba] {
    gap: 18px;
    padding: 0 4px;
}
.ring-card[data-v-b48788ba] {
    grid-template-columns: 126px minmax(0, 1fr);
    min-height: 174px;
    border-radius: 14px;
    padding-right: 10px;
}
.video-thumb[data-v-b48788ba] {
    width: 126px;
    height: 220px;
}
.video-thumb em[data-v-b48788ba] {
    font-size: 12px;
}
.play-mark[data-v-b48788ba] {
    width: 54px;
    height: 54px;
}
.play-mark[data-v-b48788ba]::after {
    left: 22px;
    top: 15px;
}
.ring-info[data-v-b48788ba] {
    padding: 12px 2px 12px 14px;
}
.ring-info h2[data-v-b48788ba] {
    font-size: 15px;
    margin-bottom: 18px;
}
.glow-button[data-v-b48788ba] {
    min-height: 54px;
    min-width: 0;
    max-width: 100%;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
}
.family-view[data-v-b48788ba] {
    padding: 20px 30px 92px;
}
.family-panel[data-v-b48788ba] {
    padding: 18px 14px;
}
.family-panel h1[data-v-b48788ba] {
    font-size: 21px;
}
.member-card[data-v-b48788ba] {
    grid-template-columns: 44px 1fr 28px;
    min-height: 66px;
}
.avatar[data-v-b48788ba] {
    width: 38px;
    height: 38px;
}
.member-card strong[data-v-b48788ba] {
    font-size: 18px;
}
.member-card p[data-v-b48788ba],
  .add-member[data-v-b48788ba] {
    font-size: 16px;
}
.family-submit[data-v-b48788ba] {
    min-height: 66px;
    font-size: 28px;
}
.bottom-nav[data-v-b48788ba] {
    gap: 10px;
    padding: 10px 10px 8px;
}
.bottom-nav button[data-v-b48788ba] {
    height: 54px;
    min-width: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
}
.nav-bell[data-v-b48788ba] {
    display: none;
}
.sheet-title h2[data-v-b48788ba],
  .dialog-title h2[data-v-b48788ba],
  .add-dialog h2[data-v-b48788ba] {
    font-size: 20px;
}
.frequency-options button[data-v-b48788ba],
  .select-row strong[data-v-b48788ba],
  .sheet-next[data-v-b48788ba],
  .confirm-btn[data-v-b48788ba],
  .add-dialog input[data-v-b48788ba],
  .dialog-actions button[data-v-b48788ba] {
    font-size: 18px;
}
.select-row[data-v-b48788ba] {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
}
.select-row em[data-v-b48788ba] {
    display: none;
}
.frequency-options[data-v-b48788ba] {
    gap: 10px;
    padding: 24px 12px 28px;
}
.wheel-grid[data-v-b48788ba] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 0;
}
.wheel-grid[data-v-b48788ba]::before,
  .wheel-grid[data-v-b48788ba]::after {
    display: none;
}
.wheel-grid select[data-v-b48788ba] {
    height: 66px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
}
.dialog[data-v-b48788ba] {
    width: calc(100vw - 30px);
}
}
@media (max-width: 420px) {
.alarm-view[data-v-b48788ba],
  .family-view[data-v-b48788ba],
  .placeholder-view[data-v-b48788ba] {
    padding-left: 6px;
    padding-right: 6px;
}
.hero-panel[data-v-b48788ba] {
    padding: 0;
}
.reserve-link[data-v-b48788ba] {
    top: 20px;
    width: 72px;
    right: 12px;
    font-size: 13px;
}
.reserve-link.with-logout[data-v-b48788ba] {
    right: 92px;
}
.logout-link[data-v-b48788ba] {
    top: 20px;
    right: 12px;
    width: 72px;
    font-size: 13px;
}
.hero-title[data-v-b48788ba] {
    min-height: 68px;
    border-radius: 40px;
    padding-left: 8px;
    padding-right: 8px;
}
.hero-title strong[data-v-b48788ba] {
    font-size: clamp(25px, 8.6vw, 32px);
}
.hero-steps p[data-v-b48788ba] {
    font-size: 12px;
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.call-tip[data-v-b48788ba] {
    font-size: 13px;
}
.ring-card[data-v-b48788ba] {
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 160px;
    padding-right: 8px;
}
.video-thumb[data-v-b48788ba] {
    width: 112px;
    height: 196px;
}
.ring-info[data-v-b48788ba] {
    padding-left: 12px;
}
.ring-info h2[data-v-b48788ba] {
    font-size: 14px;
    margin-bottom: 16px;
}
.glow-button[data-v-b48788ba] {
    min-height: 48px;
    font-size: 18px;
}
.bottom-nav[data-v-b48788ba] {
    gap: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.bottom-nav button[data-v-b48788ba] {
    height: 52px;
    border-width: 2px;
    font-size: 12px;
}
}


*[data-v-2a5bf978] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.set-alarm-page[data-v-2a5bf978] {
  min-height: 100vh;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  color: #244424;
  background: #f7f8f6;
  overflow-x: hidden;
}
button[data-v-2a5bf978],
input[data-v-2a5bf978],
select[data-v-2a5bf978] {
  font: inherit;
}
button[data-v-2a5bf978] {
  cursor: pointer;
}
.phone-shell[data-v-2a5bf978] {
  position: relative;
  width: min(100%, 750px);
  min-height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 242, 143, 0.55), transparent 190px),
    radial-gradient(circle at 96% 4%, rgba(255, 126, 157, 0.28), transparent 160px),
    -webkit-gradient(linear, left top, left bottom, from(#dff8d3), color-stop(42%, #9bdc6a), to(#75b735));
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 242, 143, 0.55), transparent 190px),
    radial-gradient(circle at 96% 4%, rgba(255, 126, 157, 0.28), transparent 160px),
    linear-gradient(180deg, #dff8d3 0%, #9bdc6a 42%, #75b735 100%);
}
.alarm-view[data-v-2a5bf978],
.family-view[data-v-2a5bf978],
.placeholder-view[data-v-2a5bf978] {
  min-height: 100vh;
  padding: 12px 30px 118px;
}
.hero-panel[data-v-2a5bf978] {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 0 0 22px 22px;
  background: #eaf9e8;
  -webkit-box-shadow: 0 8px 20px rgba(75, 146, 45, 0.18);
          box-shadow: 0 8px 20px rgba(75, 146, 45, 0.18);
}
.hero-banner[data-v-2a5bf978] {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  -o-object-fit: cover;
     object-fit: cover;
}
.reserve-link[data-v-2a5bf978] {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 104px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  background: #68C266;
  -webkit-box-shadow: 0 3px 8px rgba(104, 194, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: 0 3px 8px rgba(104, 194, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.reserve-link.with-logout[data-v-2a5bf978] {
  right: 132px;
}
.logout-link[data-v-2a5bf978] {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 104px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  background: #68C266;
  -webkit-box-shadow: 0 3px 8px rgba(104, 194, 102, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: 0 3px 8px rgba(104, 194, 102, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.ring-list[data-v-2a5bf978] {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: 0 4px;
}
.ring-card[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 254px;
  border: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 20px;
  padding: 0 16px 0 0;
  background: rgba(244, 255, 236, 0.92);
  -webkit-box-shadow: 0 8px 18px rgba(86, 147, 52, 0.16);
          box-shadow: 0 8px 18px rgba(86, 147, 52, 0.16);
}
.video-thumb[data-v-2a5bf978] {
  position: relative;
  width: 188px;
  height: 330px;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #19152a;
  -webkit-box-shadow: 0 5px 12px rgba(46, 90, 38, 0.22);
          box-shadow: 0 5px 12px rgba(46, 90, 38, 0.22);
}
.video-thumb video[data-v-2a5bf978] {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-thumb em[data-v-2a5bf978] {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 18px;
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.play-mark[data-v-2a5bf978] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 68px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
}
.play-mark[data-v-2a5bf978]::after {
  content: "";
  position: absolute;
  left: 27px;
  top: 19px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 23px solid #fff;
}
.ring-info[data-v-2a5bf978] {
  min-width: 0;
  padding: 18px 2px 18px 28px;
}
.ring-info h2[data-v-2a5bf978] {
  margin: 0 0 28px;
  color: #1f381d;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
}
.glow-button[data-v-2a5bf978],
.family-submit[data-v-2a5bf978] {
  width: min(100%, 370px);
  min-height: 84px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  background: #68C266;
  -webkit-box-shadow:
    inset 0 0 12px #fff,
    inset 0 -10px 15px rgba(63, 142, 56, 0.18),
    0 0 0 2px rgba(255, 255, 255, 0.5),
    0 6px 12px rgba(104, 194, 102, 0.24);
          box-shadow:
    inset 0 0 12px #fff,
    inset 0 -10px 15px rgba(63, 142, 56, 0.18),
    0 0 0 2px rgba(255, 255, 255, 0.5),
    0 6px 12px rgba(104, 194, 102, 0.24);
  text-shadow:
    0 2px 0 #3f8e38,
    2px 0 0 #3f8e38,
    -2px 0 0 #3f8e38,
    0 -2px 0 #3f8e38;
}
.placeholder-view[data-v-2a5bf978] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 32px;
}
.content-card[data-v-2a5bf978],
.family-panel[data-v-2a5bf978] {
  width: min(100%, 688px);
  border-radius: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0 14px 28px rgba(66, 137, 42, 0.16);
          box-shadow: 0 14px 28px rgba(66, 137, 42, 0.16);
}
.content-card[data-v-2a5bf978] {
  max-width: 560px;
}
.content-card h1[data-v-2a5bf978],
.family-panel h1[data-v-2a5bf978] {
  margin: 0 0 22px;
  font-size: 28px;
  line-height: 1.2;
}
.content-card p[data-v-2a5bf978] {
  margin: 0 0 22px;
  color: #56556b;
  font-size: 18px;
  line-height: 1.6;
}
.plain-action[data-v-2a5bf978] {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  background: #68C266;
}
.family-view[data-v-2a5bf978] {
  padding: 30px 50px 118px;
}
.family-panel[data-v-2a5bf978] {
  border-radius: 24px;
}
.family-icon[data-v-2a5bf978],
.avatar[data-v-2a5bf978] {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  border-radius: 50% 50% 45% 45%;
  vertical-align: -5px;
  background: linear-gradient(135deg, #73db72, #2fb66d);
}
.member-card[data-v-2a5bf978] {
  position: relative;
  display: grid;
  grid-template-columns: 54px 1fr 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 78px;
  margin-bottom: 14px;
  border-radius: 16px;
  padding: 12px 16px;
  background: #eaf8df;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.avatar[data-v-2a5bf978] {
  width: 48px;
  height: 48px;
  margin: 0;
}
.member-card strong[data-v-2a5bf978] {
  display: block;
  margin-bottom: 4px;
  color: #000;
  font-size: 22px;
  font-weight: 900;
}
.member-card p[data-v-2a5bf978] {
  margin: 0;
  color: #202020;
  font-size: 18px;
}
.member-card p span[data-v-2a5bf978] {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  color: #2f7a20;
  background: #d9f7c8;
}
.remove-member[data-v-2a5bf978] {
  width: 26px;
  height: 26px;
  border: 2px solid #68C266;
  border-radius: 50%;
  color: #68C266;
  font-size: 26px;
  line-height: 18px;
  background: transparent;
}
.add-member[data-v-2a5bf978] {
  width: 100%;
  min-height: 56px;
  margin: 6px 0 20px;
  border: 1px dashed #68C266;
  border-radius: 16px;
  color: #68C266;
  font-size: 22px;
  background: #fff;
}
.family-submit[data-v-2a5bf978] {
  width: 100%;
  min-height: 90px;
}
.bottom-nav[data-v-2a5bf978] {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  width: min(100%, 750px);
  padding: 14px 56px 10px;
  background: #68C266;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.bottom-nav button[data-v-2a5bf978] {
  height: 62px;
  border: 3px solid #d8ffc8;
  border-radius: 10px;
  color: #68C266;
  font-size: 18px;
  font-weight: 900;
  background: #fff;
  -webkit-box-shadow: 0 4px 0 rgba(37, 103, 24, 0.24);
          box-shadow: 0 4px 0 rgba(37, 103, 24, 0.24);
}
.bottom-nav button.active[data-v-2a5bf978] {
  color: #fff;
  background: #68C266;
  -webkit-box-shadow:
    inset 0 0 10px #fff,
    0 4px 0 rgba(49, 124, 42, 0.25);
          box-shadow:
    inset 0 0 10px #fff,
    0 4px 0 rgba(49, 124, 42, 0.25);
  text-shadow: 0 1px 2px rgba(63, 142, 56, 0.9);
}
.nav-bell[data-v-2a5bf978] {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 6px;
  border-radius: 50% 50% 45% 45%;
  vertical-align: -9px;
  background: radial-gradient(circle at 70% 20%, #ffe66b 0 18%, transparent 19%), #68C266;
}
.nav-bell.small[data-v-2a5bf978] {
  width: 30px;
  height: 30px;
}
.mask[data-v-2a5bf978] {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px 0 0;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(1px);
}
.sheet[data-v-2a5bf978] {
  width: min(100%, 750px);
  min-height: 188px;
  max-height: 74vh;
  overflow: auto;
  border-radius: 22px 22px 0 0;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.sheet-title[data-v-2a5bf978],
.dialog-title[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 68px;
  border-bottom: 1px solid #eee;
  text-align: center;
  background: #fff;
}
.sheet-title h2[data-v-2a5bf978],
.dialog-title h2[data-v-2a5bf978],
.add-dialog h2[data-v-2a5bf978] {
  margin: 0;
  color: #242424;
  font-size: 23px;
  font-weight: 900;
}
.sheet-title button[data-v-2a5bf978],
.dialog-title button[data-v-2a5bf978],
.video-dialog > button[data-v-2a5bf978] {
  border: 0;
  color: #68C266;
  font-size: 34px;
  background: transparent;
}
.sheet-title .back[data-v-2a5bf978] {
  color: #68C266;
  font-size: 36px;
}
.select-row[data-v-2a5bf978] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: calc(100% - 32px);
  min-height: 70px;
  border: 0;
  border-radius: 14px;
  margin: 14px 16px 0;
  padding: 0 18px;
  color: #252525;
  text-align: left;
  background: #f7f8fb;
}
.select-row strong[data-v-2a5bf978] {
  font-size: 24px;
}
.select-row em[data-v-2a5bf978] {
  color: #aaa;
  font-size: 18px;
  font-style: normal;
}
.checkbox[data-v-2a5bf978] {
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #c9c9c9;
  border-radius: 7px;
  background: #fff;
}
.checkbox.checked[data-v-2a5bf978] {
  border-color: #68C266;
  background: #68C266;
}
.checkbox.checked[data-v-2a5bf978]::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sheet-next[data-v-2a5bf978],
.confirm-btn[data-v-2a5bf978] {
  width: calc(100% - 28px);
  height: 64px;
  margin: 22px 14px 24px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
}
.sheet-next[data-v-2a5bf978]:disabled {
  opacity: 0.45;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.frequency-options[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 30px 20px 34px;
}
.frequency-options button[data-v-2a5bf978] {
  min-height: 62px;
  border: 2px solid transparent;
  border-radius: 12px;
  color: #333;
  font-size: 22px;
  background: #f5f5f7;
}
.frequency-options button.active[data-v-2a5bf978] {
  color: #fff;
  border-color: #68C266;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.2);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.2);
}
.wheel-grid[data-v-2a5bf978] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 28px 14px 18px;
  background:
    -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), color-stop(34%, rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.92)), color-stop(34%, rgba(255, 255, 255, 0)));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 34%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 34%);
}
.wheel-grid[data-v-2a5bf978]::before,
.wheel-grid[data-v-2a5bf978]::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  height: 1px;
  background: #ededed;
}
.wheel-grid[data-v-2a5bf978]::before {
  top: 86px;
}
.wheel-grid[data-v-2a5bf978]::after {
  top: 150px;
}
.wheel-grid label[data-v-2a5bf978] {
  display: block;
}
.wheel-grid select[data-v-2a5bf978] {
  width: 100%;
  height: 188px;
  border: 0;
  color: #111;
  font-size: 24px;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  background: transparent;
  outline: none;
}
.date-sheet .confirm-btn[data-v-2a5bf978] {
  background: #68C266;
}
.dialog[data-v-2a5bf978] {
  width: min(92vw, 640px);
  margin: auto;
  border-radius: 18px;
  background: #fff;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}
.h5-manager-mask[data-v-2a5bf978] {
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(100%, 750px);
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(1px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reserve-dialog[data-v-2a5bf978] {
  width: 100%;
  height: 78vh;
  max-height: 78vh;
  overflow: auto;
  border-radius: 0;
  padding: 0 0 24px;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.manager-title[data-v-2a5bf978] {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 66px;
  border-bottom: 1px solid #ededed;
  background: #fff;
}
.manager-title h2[data-v-2a5bf978] {
  margin: 0;
  color: #222;
  font-size: 24px;
  font-weight: 900;
}
.manager-list[data-v-2a5bf978] {
  display: grid;
  gap: 14px;
  padding: 20px 16px 0;
}
.manager-loading[data-v-2a5bf978] {
  padding: 58px 20px;
  color: #b9b9b9;
  font-size: 20px;
  text-align: center;
}
.manager-card[data-v-2a5bf978] {
  border-radius: 8px;
  padding: 14px 16px 16px;
  background: #f2f2f2;
  -webkit-box-shadow: 0 6px 18px rgba(42, 36, 70, 0.08);
          box-shadow: 0 6px 18px rgba(42, 36, 70, 0.08);
}
.manager-card-head[data-v-2a5bf978],
.manager-row[data-v-2a5bf978],
.manager-members[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.manager-card-head strong[data-v-2a5bf978] {
  color: #111;
  font-size: 15px;
  font-weight: 900;
}
.manager-status[data-v-2a5bf978] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.manager-status button[data-v-2a5bf978],
.manager-row button[data-v-2a5bf978],
.manager-members > button[data-v-2a5bf978] {
  border: 0;
  color: #68C266;
  font-size: 13px;
  background: transparent;
}
.manager-status span[data-v-2a5bf978] {
  position: relative;
  width: 34px;
  height: 18px;
  border-radius: 999px;
  background: #d8f3d7;
}
.manager-status span[data-v-2a5bf978]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #68C266;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.manager-status span.active[data-v-2a5bf978]::after {
  -webkit-transform: translateX(16px);
          transform: translateX(16px);
}
.manager-row[data-v-2a5bf978] {
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-top: 14px;
}
.manager-row span[data-v-2a5bf978],
.manager-members > span[data-v-2a5bf978] {
  color: #222;
  font-size: 14px;
}
.manager-row p[data-v-2a5bf978] {
  min-width: 0;
  margin: 0;
  color: #111;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manager-members[data-v-2a5bf978] {
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 14px;
}
.manager-members div[data-v-2a5bf978] {
  display: grid;
  gap: 10px;
}
.manager-members p[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
}
.manager-members em[data-v-2a5bf978] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #333;
  font-size: 13px;
  font-style: normal;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(28, 20, 70, 0.16);
          box-shadow: 0 1px 4px rgba(28, 20, 70, 0.16);
}
.manager-members strong[data-v-2a5bf978] {
  min-width: 0;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.empty-text[data-v-2a5bf978] {
  margin: 0;
  color: #777;
  font-size: 15px;
}
.empty-text[data-v-2a5bf978] {
  padding: 58px 20px;
  text-align: center;
}
.manager-slide-enter-active[data-v-2a5bf978],
.manager-slide-leave-active[data-v-2a5bf978] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.manager-slide-enter-active .reserve-dialog[data-v-2a5bf978],
.manager-slide-leave-active .reserve-dialog[data-v-2a5bf978] {
  -webkit-transition: -webkit-transform 0.22s ease;
  transition: -webkit-transform 0.22s ease;
  transition: transform 0.22s ease;
  transition: transform 0.22s ease, -webkit-transform 0.22s ease;
}
.manager-slide-enter[data-v-2a5bf978],
.manager-slide-leave-to[data-v-2a5bf978] {
  opacity: 0;
}
.manager-slide-enter .reserve-dialog[data-v-2a5bf978],
.manager-slide-leave-to .reserve-dialog[data-v-2a5bf978] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.add-dialog[data-v-2a5bf978] {
  padding: 30px 30px 30px;
  text-align: center;
}
.add-dialog input[data-v-2a5bf978] {
  width: 100%;
  height: 64px;
  margin: 24px 0 30px;
  border: 1px solid #e6e6ee;
  border-radius: 12px;
  padding: 0 18px;
  color: #333;
  font-size: 22px;
  outline: none;
  background: #fafafa;
}
.add-dialog input[data-v-2a5bf978]:focus {
  border-color: #68C266;
  -webkit-box-shadow: 0 0 0 4px rgba(104, 194, 102, 0.14);
          box-shadow: 0 0 0 4px rgba(104, 194, 102, 0.14);
}
.dialog-actions[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.dialog-actions button[data-v-2a5bf978] {
  height: 60px;
  border: 0;
  border-radius: 999px;
  color: #68C266;
  font-size: 22px;
  background: #f3f3f3;
}
.dialog-actions .primary[data-v-2a5bf978] {
  color: #fff;
  background: #68C266;
  -webkit-box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
          box-shadow: 0 8px 18px rgba(104, 194, 102, 0.22);
}
.dialog-actions .primary[data-v-2a5bf978]:disabled,
.confirm-actions button[data-v-2a5bf978]:disabled {
  opacity: 0.55;
}
.confirm-dialog[data-v-2a5bf978] {
  width: min(78vw, 480px);
  margin: auto;
  overflow: hidden;
  border-radius: 22px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}
.confirm-dialog h2[data-v-2a5bf978] {
  margin: 40px 20px 16px;
  color: #111;
  font-size: 24px;
  font-weight: 900;
}
.confirm-dialog p[data-v-2a5bf978] {
  margin: 0 24px 40px;
  color: #333;
  font-size: 20px;
  line-height: 1.45;
}
.confirm-actions[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #f0f0f0;
}
.confirm-actions button[data-v-2a5bf978] {
  height: 72px;
  border: 0;
  color: #68C266;
  font-size: 22px;
  background: #fff;
}
.confirm-actions button + button[data-v-2a5bf978] {
  border-left: 1px solid #f0f0f0;
  color: #68C266;
}
.video-mask[data-v-2a5bf978] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-dialog[data-v-2a5bf978] {
  position: relative;
  width: min(92vw, 420px);
  border-radius: 18px;
  padding: 16px;
  color: #fff;
  background: #151421;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
          box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}
.video-dialog > button[data-v-2a5bf978] {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 2;
  color: #68C266;
}
.video-dialog video[data-v-2a5bf978] {
  width: 100%;
  max-height: 70vh;
  display: block;
  border-radius: 12px;
  background: #000;
}
.video-dialog h2[data-v-2a5bf978] {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.4;
}
.login-layer[data-v-2a5bf978] {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  color: #222;
  background: rgba(0, 0, 0, 0.58);
}
.login-panel[data-v-2a5bf978] {
  width: min(100%, 750px);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
          box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
}
.login-header[data-v-2a5bf978] {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 14px;
}
.login-header h2[data-v-2a5bf978] {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.login-back[data-v-2a5bf978] {
  width: 34px;
  height: 34px;
  border: 0;
  color: #68C266;
  font-size: 28px;
  line-height: 1;
  background: transparent;
}
.login-form[data-v-2a5bf978] {
  padding: 0 18px 26px;
}
.login-field[data-v-2a5bf978] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 54px;
  border-bottom: 1px solid #eee;
}
.login-field input[data-v-2a5bf978] {
  width: 100%;
  height: 40px;
  border: 0;
  color: #222;
  font-size: 14px;
  outline: none;
}
.login-field input[data-v-2a5bf978]::-webkit-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-2a5bf978]::-moz-placeholder {
  color: #8c939b;
}
.login-field input[data-v-2a5bf978]:-ms-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-2a5bf978]::-ms-input-placeholder {
  color: #8c939b;
}
.login-field input[data-v-2a5bf978]::placeholder {
  color: #8c939b;
}
.code-login-field[data-v-2a5bf978] {
  gap: 10px;
}
.code-login-field button[data-v-2a5bf978] {
  min-width: 78px;
  height: 30px;
  border: 1px solid #68C266;
  border-radius: 999px;
  color: #68C266;
  font-size: 12px;
  background: #fff;
}
.code-login-field button[data-v-2a5bf978]:disabled {
  color: #aaa;
  border-color: #ddd;
}
.login-submit[data-v-2a5bf978] {
  width: 100%;
  height: 42px;
  margin-top: 18px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #68C266;
}
.login-submit[data-v-2a5bf978]:disabled {
  opacity: 0.72;
}
.fade-enter-active[data-v-2a5bf978],
.fade-leave-active[data-v-2a5bf978] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.fade-enter[data-v-2a5bf978],
.fade-leave-to[data-v-2a5bf978] {
  opacity: 0;
}
@media (min-width: 751px) {
.phone-shell[data-v-2a5bf978] {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.mask[data-v-2a5bf978] {
    padding-left: calc((100vw - min(100vw, 750px)) / 2);
    padding-right: calc((100vw - min(100vw, 750px)) / 2);
}
}
@media (min-width: 900px) {
.phone-shell[data-v-2a5bf978] {
    width: 720px;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 0;
}
.bottom-nav[data-v-2a5bf978] {
    width: 720px;
}
.h5-manager-mask[data-v-2a5bf978] {
    width: 720px;
}
.login-panel[data-v-2a5bf978] {
    width: 720px;
}
}
@media (max-width: 560px) {
.alarm-view[data-v-2a5bf978],
  .family-view[data-v-2a5bf978],
  .placeholder-view[data-v-2a5bf978] {
    padding: 10px 8px 92px;
}
.hero-panel[data-v-2a5bf978] {
    padding: 0;
    border-radius: 0 0 18px 18px;
}
.hero-banner[data-v-2a5bf978] {
    aspect-ratio: 3 / 2;
}
.reserve-link[data-v-2a5bf978] {
    top: 20px;
    width: 84px;
    height: 30px;
    right: 12px;
    font-size: 15px;
}
.reserve-link.with-logout[data-v-2a5bf978] {
    right: 106px;
}
.logout-link[data-v-2a5bf978] {
    top: 20px;
    right: 12px;
    width: 84px;
    height: 30px;
    font-size: 15px;
}
.reserve-dialog[data-v-2a5bf978] {
    height: 80vh;
    max-height: 80vh;
    padding-bottom: 18px;
}
.manager-card[data-v-2a5bf978] {
    padding: 12px;
}
.manager-row[data-v-2a5bf978],
  .manager-members[data-v-2a5bf978] {
    gap: 8px;
}
.hero-slogan[data-v-2a5bf978] {
    font-size: 14px;
}
.hero-title[data-v-2a5bf978] {
    min-height: 70px;
    gap: 8px;
    padding: 10px 12px;
    overflow: hidden;
}
.hero-title strong[data-v-2a5bf978] {
    font-size: clamp(28px, 9vw, 36px);
    white-space: nowrap;
}
.dot[data-v-2a5bf978] {
    width: 10px;
    height: 10px;
    border-width: 3px;
}
.hero-steps[data-v-2a5bf978] {
    gap: 6px;
}
.hero-steps span[data-v-2a5bf978] {
    width: 54px;
    height: 48px;
    font-size: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.hero-steps p[data-v-2a5bf978],
  .call-tip[data-v-2a5bf978] {
    font-size: 13px;
    line-height: 1.35;
}
.hero-steps p[data-v-2a5bf978] {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    white-space: nowrap;
}
.ring-list[data-v-2a5bf978] {
    gap: 18px;
    padding: 0 4px;
}
.ring-card[data-v-2a5bf978] {
    grid-template-columns: 126px minmax(0, 1fr);
    min-height: 174px;
    border-radius: 14px;
    padding-right: 10px;
}
.video-thumb[data-v-2a5bf978] {
    width: 126px;
    height: 220px;
}
.video-thumb em[data-v-2a5bf978] {
    font-size: 12px;
}
.play-mark[data-v-2a5bf978] {
    width: 54px;
    height: 54px;
}
.play-mark[data-v-2a5bf978]::after {
    left: 22px;
    top: 15px;
}
.ring-info[data-v-2a5bf978] {
    padding: 12px 2px 12px 14px;
}
.ring-info h2[data-v-2a5bf978] {
    font-size: 15px;
    margin-bottom: 18px;
}
.glow-button[data-v-2a5bf978] {
    min-height: 54px;
    min-width: 0;
    max-width: 100%;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
}
.family-view[data-v-2a5bf978] {
    padding: 20px 30px 92px;
}
.family-panel[data-v-2a5bf978] {
    padding: 18px 14px;
}
.family-panel h1[data-v-2a5bf978] {
    font-size: 21px;
}
.member-card[data-v-2a5bf978] {
    grid-template-columns: 44px 1fr 28px;
    min-height: 66px;
}
.avatar[data-v-2a5bf978] {
    width: 38px;
    height: 38px;
}
.member-card strong[data-v-2a5bf978] {
    font-size: 18px;
}
.member-card p[data-v-2a5bf978],
  .add-member[data-v-2a5bf978] {
    font-size: 16px;
}
.family-submit[data-v-2a5bf978] {
    min-height: 66px;
    font-size: 28px;
}
.bottom-nav[data-v-2a5bf978] {
    gap: 10px;
    padding: 10px 10px 8px;
}
.bottom-nav button[data-v-2a5bf978] {
    height: 54px;
    min-width: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
}
.nav-bell[data-v-2a5bf978] {
    display: none;
}
.sheet-title h2[data-v-2a5bf978],
  .dialog-title h2[data-v-2a5bf978],
  .add-dialog h2[data-v-2a5bf978] {
    font-size: 20px;
}
.frequency-options button[data-v-2a5bf978],
  .select-row strong[data-v-2a5bf978],
  .sheet-next[data-v-2a5bf978],
  .confirm-btn[data-v-2a5bf978],
  .add-dialog input[data-v-2a5bf978],
  .dialog-actions button[data-v-2a5bf978] {
    font-size: 18px;
}
.select-row[data-v-2a5bf978] {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
}
.select-row em[data-v-2a5bf978] {
    display: none;
}
.frequency-options[data-v-2a5bf978] {
    gap: 10px;
    padding: 24px 12px 28px;
}
.wheel-grid[data-v-2a5bf978] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 0;
}
.wheel-grid[data-v-2a5bf978]::before,
  .wheel-grid[data-v-2a5bf978]::after {
    display: none;
}
.wheel-grid select[data-v-2a5bf978] {
    height: 66px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
}
.dialog[data-v-2a5bf978] {
    width: calc(100vw - 30px);
}
}
@media (max-width: 420px) {
.alarm-view[data-v-2a5bf978],
  .family-view[data-v-2a5bf978],
  .placeholder-view[data-v-2a5bf978] {
    padding-left: 6px;
    padding-right: 6px;
}
.hero-panel[data-v-2a5bf978] {
    padding: 0;
}
.reserve-link[data-v-2a5bf978] {
    top: 20px;
    width: 72px;
    right: 12px;
    font-size: 13px;
}
.reserve-link.with-logout[data-v-2a5bf978] {
    right: 92px;
}
.logout-link[data-v-2a5bf978] {
    top: 20px;
    right: 12px;
    width: 72px;
    font-size: 13px;
}
.hero-title[data-v-2a5bf978] {
    min-height: 68px;
    border-radius: 40px;
    padding-left: 8px;
    padding-right: 8px;
}
.hero-title strong[data-v-2a5bf978] {
    font-size: clamp(25px, 8.6vw, 32px);
}
.hero-steps p[data-v-2a5bf978] {
    font-size: 12px;
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.call-tip[data-v-2a5bf978] {
    font-size: 13px;
}
.ring-card[data-v-2a5bf978] {
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 160px;
    padding-right: 8px;
}
.video-thumb[data-v-2a5bf978] {
    width: 112px;
    height: 196px;
}
.ring-info[data-v-2a5bf978] {
    padding-left: 12px;
}
.ring-info h2[data-v-2a5bf978] {
    font-size: 14px;
    margin-bottom: 16px;
}
.glow-button[data-v-2a5bf978] {
    min-height: 48px;
    font-size: 18px;
}
.bottom-nav[data-v-2a5bf978] {
    gap: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.bottom-nav button[data-v-2a5bf978] {
    height: 52px;
    border-width: 2px;
    font-size: 12px;
}
}


.food-ai-page[data-v-84beee38] {
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
  min-width: 0;
  background:
    radial-gradient(circle at 50% -90px, rgba(83, 207, 255, .52), transparent 330px),
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9fbff), color-stop(46%, #dff5ff), to(#f2ffff));
  background:
    radial-gradient(circle at 50% -90px, rgba(83, 207, 255, .52), transparent 330px),
    linear-gradient(180deg, #e9fbff 0, #dff5ff 46%, #f2ffff 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  color: #12316b;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*[data-v-84beee38] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button[data-v-84beee38],
textarea[data-v-84beee38],
select[data-v-84beee38],
input[data-v-84beee38] {
  font-family: inherit;
}
button[data-v-84beee38] {
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.drag-scroll-x[data-v-84beee38] {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: pan-y pinch-zoom;
      touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.drag-scroll-x.dragging[data-v-84beee38] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  scroll-behavior: auto;
}
.drag-scroll-x[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.phone-shell[data-v-84beee38] {
  width: 100%;
  max-width: 480px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  background:
    radial-gradient(circle at 50% 0, rgba(76, 246, 255, .8), transparent 34%),
    linear-gradient(180deg, #55a7ff 0, #93ddff 330px, #dff5ff 620px, #eaffff 100%);
  overflow: hidden;
  position: relative;
}
.home-page[data-v-84beee38],
.inner-page[data-v-84beee38] {
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
}
.top-bar[data-v-84beee38] {
  height: 48px;
  padding: 12px 14px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 5;
}
.plain-link[data-v-84beee38],
.record-pill[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #0a5dc4;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plain-link[data-v-84beee38] {
  max-width: 82px;
}
.plain-link[data-v-84beee38]::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid currentColor;
  margin-right: 3px;
}
.top-actions[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  height: 28px;
  min-width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 142px;
          flex: 0 1 142px;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.brand-pill[data-v-84beee38],
.record-pill[data-v-84beee38] {
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 15px;
  padding: 0 12px;
  background: rgba(255, 255, 255, .36);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45), 0 6px 18px rgba(36, 116, 235, .18);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45), 0 6px 18px rgba(36, 116, 235, .18);
  backdrop-filter: blur(8px);
}
.brand-pill[data-v-84beee38] {
  position: absolute;
  left: 50%;
  top: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  background: -webkit-gradient(linear, left top, right top, from(#6c8cff), to(#28d8ff));
  background: linear-gradient(90deg, #6c8cff, #28d8ff);
  white-space: nowrap;
  z-index: 1;
  pointer-events: none;
  gap: 3px;
}
.record-pill[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 68px;
          flex: 0 0 68px;
  width: 68px;
  padding-inline: 8px;
}
.home-logout-btn[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 15px;
  color: #0a5dc4;
  background: rgba(255, 255, 255, .42);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 6px 16px rgba(36, 116, 235, .16);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 6px 16px rgba(36, 116, 235, .16);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}
.hero-stage[data-v-84beee38] {
  height: 162px;
  position: relative;
  overflow: hidden;
  padding-top: 6px;
  text-align: center;
}
.stadium-ring[data-v-84beee38] {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.ring-one[data-v-84beee38] {
  width: 430px;
  height: 130px;
  top: -34px;
  border: 18px solid rgba(255, 255, 255, .28);
  -webkit-box-shadow: 0 20px 35px rgba(40, 74, 180, .22);
          box-shadow: 0 20px 35px rgba(40, 74, 180, .22);
}
.ring-two[data-v-84beee38] {
  width: 360px;
  height: 108px;
  top: 22px;
  border: 2px solid rgba(255, 255, 255, .45);
}
.light-beam[data-v-84beee38] {
  position: absolute;
  width: 80px;
  height: 210px;
  top: -58px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .72)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0));
  opacity: .42;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.beam-one[data-v-84beee38] {
  left: 26px;
  -webkit-transform: rotate(-24deg);
          transform: rotate(-24deg);
}
.beam-two[data-v-84beee38] {
  right: 24px;
  -webkit-transform: rotate(24deg);
          transform: rotate(24deg);
}
.hero-stage h1[data-v-84beee38] {
  margin: 4px 0 0;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 42px;
  line-height: 48px;
  font-weight: 1000;
  letter-spacing: 0;
  text-shadow: 0 4px 0 #3868ff, 0 10px 22px rgba(29, 73, 202, .42);
}
.hero-stage p[data-v-84beee38] {
  margin: 4px 0 0;
  position: relative;
  z-index: 2;
  color: #eaffff;
  font-size: 14px;
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(19, 61, 155, .35);
}
.trial-badge[data-v-84beee38] {
  position: absolute;
  left: 22px;
  bottom: 18px;
  z-index: 3;
  height: 28px;
  border-radius: 15px;
  padding: 0 12px;
  color: #168950;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbff60), to(#90ff4c));
  background: linear-gradient(180deg, #fbff60, #90ff4c);
  -webkit-box-shadow: 0 4px 0 #2eca74, 0 8px 16px rgba(21, 115, 99, .22);
          box-shadow: 0 4px 0 #2eca74, 0 8px 16px rgba(21, 115, 99, .22);
  font-size: 12px;
  font-weight: 900;
}
.trial-badge i[data-v-84beee38] {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: -3px;
  margin-left: 3px;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.trial-badge i[data-v-84beee38]::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  border-left: 5px solid #2bd55f;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.floating-dish[data-v-84beee38] {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
}
.dish-a[data-v-84beee38] {
  right: 35px;
  bottom: 10px;
  width: 48px;
  height: 48px;
  background:
    radial-gradient(circle at 50% 50%, #fff 0 28%, transparent 29%),
    conic-gradient(#ff7d3b 0 22%, #fff 22% 34%, #2be37c 34% 52%, #fff 52% 65%, #ffd73a 65% 82%, #fff 82%);
  -webkit-box-shadow: 0 8px 16px rgba(14, 65, 158, .24);
          box-shadow: 0 8px 16px rgba(14, 65, 158, .24);
}
.dish-b[data-v-84beee38] {
  right: -12px;
  bottom: 35px;
  width: 36px;
  height: 36px;
  background: radial-gradient(circle, #fff 0 38%, #ffeb56 39% 58%, #ff7038 59%);
  opacity: .8;
}
.home-content[data-v-84beee38] {
  width: 100%;
  padding: 0 clamp(14px, 4vw, 20px) 28px;
  position: relative;
  z-index: 4;
  overflow: hidden;
}
.showcase-wrap[data-v-84beee38] {
  height: clamp(318px, 86vw, 352px);
  position: relative;
  margin: -2px calc(clamp(14px, 4vw, 20px) * -1) 0;
  overflow: hidden;
}
.video-carousel[data-v-84beee38] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 calc((100% - min(61vw, 246px)) / 2);
  scrollbar-width: none;
  cursor: -webkit-grab;
  cursor: grab;
  overscroll-behavior-x: contain;
  -ms-touch-action: pan-y pinch-zoom;
      touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.video-carousel.no-snap[data-v-84beee38] {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.video-carousel.dragging[data-v-84beee38] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.video-carousel[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.showcase-card[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(61vw, 246px);
          flex: 0 0 min(61vw, 246px);
  aspect-ratio: 9 / 16;
  height: auto;
  max-height: 342px;
  margin: 0;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background:
    -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .78)), to(rgba(255, 255, 255, .16))),
    -webkit-gradient(linear, left top, left bottom, from(#0b2f71), to(#071b3f));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .16)),
    linear-gradient(180deg, #0b2f71, #071b3f);
  -webkit-box-shadow:
    0 15px 26px rgba(17, 80, 161, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .72);
          box-shadow:
    0 15px 26px rgba(17, 80, 161, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .72);
  scroll-snap-align: center;
  -webkit-transform: translateZ(0) scale(.88);
          transform: translateZ(0) scale(.88);
  opacity: .62;
  -webkit-transition: opacity .22s ease, -webkit-transform .26s cubic-bezier(.2, .78, .22, 1), -webkit-filter .22s ease, -webkit-box-shadow .22s ease;
  transition: opacity .22s ease, -webkit-transform .26s cubic-bezier(.2, .78, .22, 1), -webkit-filter .22s ease, -webkit-box-shadow .22s ease;
  transition: transform .26s cubic-bezier(.2, .78, .22, 1), opacity .22s ease, filter .22s ease, box-shadow .22s ease;
  transition: transform .26s cubic-bezier(.2, .78, .22, 1), opacity .22s ease, filter .22s ease, box-shadow .22s ease, -webkit-transform .26s cubic-bezier(.2, .78, .22, 1), -webkit-filter .22s ease, -webkit-box-shadow .22s ease;
  will-change: transform, opacity;
  cursor: inherit;
  -webkit-filter: saturate(.9) brightness(.82);
          filter: saturate(.9) brightness(.82);
}
.showcase-card.active[data-v-84beee38] {
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
  opacity: 1;
  -webkit-filter: saturate(1.08) brightness(1);
          filter: saturate(1.08) brightness(1);
  -webkit-box-shadow:
    0 18px 36px rgba(15, 75, 160, .36),
    0 0 0 3px rgba(255, 255, 255, .88),
    0 0 0 5px rgba(102, 218, 255, .44),
    inset 0 0 0 1px rgba(255, 255, 255, .72);
          box-shadow:
    0 18px 36px rgba(15, 75, 160, .36),
    0 0 0 3px rgba(255, 255, 255, .88),
    0 0 0 5px rgba(102, 218, 255, .44),
    inset 0 0 0 1px rgba(255, 255, 255, .72);
}
.showcase-card[data-v-84beee38]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 0 -42px 56px rgba(0, 35, 76, .36);
          box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 0 -42px 56px rgba(0, 35, 76, .36);
}
.showcase-card[data-v-84beee38]::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  z-index: 2;
  height: 54px;
  border-radius: 999px;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .32)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0));
  -webkit-filter: blur(.2px);
          filter: blur(.2px);
}
.showcase-card video[data-v-84beee38],
.thumb-strip img[data-v-84beee38],
.work-cover video[data-v-84beee38],
.preview-panel img[data-v-84beee38],
.template-list img[data-v-84beee38],
.loading-card img[data-v-84beee38],
.result-preview img[data-v-84beee38],
.record-cover img[data-v-84beee38] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.showcase-card video[data-v-84beee38] {
  -webkit-transform: translateZ(0) scale(1.035);
          transform: translateZ(0) scale(1.035);
  -webkit-filter: contrast(1.04) saturate(1.08);
          filter: contrast(1.04) saturate(1.08);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.showcase-card.active video[data-v-84beee38] {
  -webkit-transform: translateZ(0) scale(1.01);
          transform: translateZ(0) scale(1.01);
}
.showcase-shade[data-v-84beee38] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, .28), transparent 38%),
    -webkit-gradient(linear, left top, left bottom, from(rgba(0, 34, 87, .18)), color-stop(30%, transparent)),
    -webkit-gradient(linear, left top, left bottom, color-stop(46%, transparent), to(rgba(0, 0, 0, .72)));
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, .28), transparent 38%),
    linear-gradient(180deg, rgba(0, 34, 87, .18), transparent 30%),
    linear-gradient(180deg, transparent 46%, rgba(0, 0, 0, .72));
}
.showcase-card strong[data-v-84beee38] {
  position: absolute;
  z-index: 3;
  left: 14px;
  right: 14px;
  bottom: 28px;
  color: #fff452;
  font-size: 26px;
  line-height: 30px;
  font-weight: 1000;
  text-align: center;
  text-shadow: 0 3px 0 #12a8ff, 0 5px 10px rgba(0, 0, 0, .3);
}
.showcase-card span[data-v-84beee38] {
  position: absolute;
  z-index: 3;
  left: 16px;
  right: 16px;
  bottom: 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.showcase-card .play-btn[data-v-84beee38] {
  display: none;
}
.play-btn[data-v-84beee38],
.card-play[data-v-84beee38] {
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  position: absolute;
}
.play-btn[data-v-84beee38] {
  width: 46px;
  height: 46px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
          box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}
.play-btn[data-v-84beee38]::after,
.card-play[data-v-84beee38]::after {
  content: "";
  position: absolute;
  border-left: 12px solid #19b85f;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.play-btn[data-v-84beee38]::after {
  left: 18px;
  top: 15px;
}
.play-btn.big[data-v-84beee38] {
  width: 58px;
  height: 58px;
}
.play-btn.big[data-v-84beee38]::after {
  left: 23px;
  top: 20px;
}
.style-tabs[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  padding: 12px max(4px, calc((100% - 260px) / 2)) 8px;
  scroll-behavior: smooth;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.style-tabs[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.style-tabs button[data-v-84beee38],
.filter-row button[data-v-84beee38],
.style-picks button[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 28px;
  min-width: 76px;
  border-radius: 14px;
  padding: 0 12px;
  border: 1px solid rgba(75, 187, 255, .9);
  color: #2b9dea;
  background: rgba(255, 255, 255, .7);
  font-size: 12px;
  font-weight: 800;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: background .2s ease, color .2s ease, -webkit-box-shadow .2s ease, -webkit-transform .16s ease;
  transition: background .2s ease, color .2s ease, -webkit-box-shadow .2s ease, -webkit-transform .16s ease;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .16s ease;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .16s ease, -webkit-box-shadow .2s ease, -webkit-transform .16s ease;
  will-change: transform;
}
.style-tabs button[data-v-84beee38]:active,
.filter-row button[data-v-84beee38]:active,
.style-picks button[data-v-84beee38]:active {
  -webkit-transform: translateZ(0) scale(.97);
          transform: translateZ(0) scale(.97);
}
.style-tabs button.active[data-v-84beee38],
.filter-row button.active[data-v-84beee38],
.style-picks button.active[data-v-84beee38] {
  border-color: rgba(63, 210, 230, .95);
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#45c7ff), to(#2be6c5));
  background: linear-gradient(90deg, #45c7ff, #2be6c5);
  -webkit-box-shadow: 0 6px 12px rgba(36, 182, 214, .22), inset 0 0 0 1px rgba(255, 255, 255, .2);
          box-shadow: 0 6px 12px rgba(36, 182, 214, .22), inset 0 0 0 1px rgba(255, 255, 255, .2);
}
.thumb-strip[data-v-84beee38] {
  min-height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 8px max(8px, calc((100% - 58px) / 2)) 12px;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  contain: layout paint;
}
.thumb-strip[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.thumb-strip button[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58px;
          flex: 0 0 58px;
  width: 58px;
  padding: 0;
  background: transparent;
  color: #fff;
  text-align: center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  scroll-snap-align: center;
  will-change: transform;
  -webkit-transition: -webkit-transform .18s cubic-bezier(.2, .78, .22, 1);
  transition: -webkit-transform .18s cubic-bezier(.2, .78, .22, 1);
  transition: transform .18s cubic-bezier(.2, .78, .22, 1);
  transition: transform .18s cubic-bezier(.2, .78, .22, 1), -webkit-transform .18s cubic-bezier(.2, .78, .22, 1);
}
.thumb-strip button[data-v-84beee38]:active {
  -webkit-transform: translateZ(0) scale(.96);
          transform: translateZ(0) scale(.96);
}
.thumb-strip img[data-v-84beee38] {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  background: rgba(14, 84, 127, .2);
  border: 2px solid rgba(255, 255, 255, .82);
  -webkit-box-shadow: 0 6px 12px rgba(21, 98, 145, .14);
          box-shadow: 0 6px 12px rgba(21, 98, 145, .14);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: border-color .18s ease, -webkit-box-shadow .18s ease, -webkit-transform .18s ease, -webkit-filter .18s ease;
  transition: border-color .18s ease, -webkit-box-shadow .18s ease, -webkit-transform .18s ease, -webkit-filter .18s ease;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease, -webkit-box-shadow .18s ease, -webkit-transform .18s ease, -webkit-filter .18s ease;
  -webkit-filter: saturate(.9) brightness(.94);
          filter: saturate(.9) brightness(.94);
  will-change: transform;
}
.thumb-strip .active img[data-v-84beee38] {
  border-color: #20efbd;
  -webkit-box-shadow: 0 8px 16px rgba(23, 202, 183, .28), 0 0 0 2px rgba(255, 255, 255, .75);
          box-shadow: 0 8px 16px rgba(23, 202, 183, .28), 0 0 0 2px rgba(255, 255, 255, .75);
  -webkit-transform: translateZ(0) scale(1.04);
          transform: translateZ(0) scale(1.04);
  -webkit-filter: saturate(1.08) brightness(1.02);
          filter: saturate(1.08) brightness(1.02);
}
.thumb-strip span[data-v-84beee38] {
  display: block;
  width: 58px;
  margin-top: 5px;
  color: #247cc4;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yellow-cta[data-v-84beee38],
.generate-btn[data-v-84beee38] {
  width: 100%;
  height: 42px;
  border-radius: 22px;
  color: #5d3c00;
  font-size: 15px;
  font-weight: 900;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .42) 0 2px, transparent 3px) 0 0 / 12px 12px,
    -webkit-gradient(linear, left top, left bottom, from(#fff748), to(#ffd100));
  background:
    radial-gradient(circle, rgba(255, 255, 255, .42) 0 2px, transparent 3px) 0 0 / 12px 12px,
    linear-gradient(180deg, #fff748, #ffd100);
  -webkit-box-shadow: 0 5px 0 #ffb900, 0 12px 22px rgba(241, 181, 0, .28);
          box-shadow: 0 5px 0 #ffb900, 0 12px 22px rgba(241, 181, 0, .28);
}
.plaza-head[data-v-84beee38] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 34px 38px 14px;
}
.plaza-head span[data-v-84beee38] {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#70bcff));
  background: linear-gradient(90deg, transparent, #70bcff);
  position: relative;
}
.plaza-head span[data-v-84beee38]:last-child {
  background: -webkit-gradient(linear, left top, right top, from(#70bcff), to(transparent));
  background: linear-gradient(90deg, #70bcff, transparent);
}
.plaza-head h2[data-v-84beee38] {
  margin: 0;
  color: #31a6ff;
  font-size: 17px;
  font-weight: 900;
}
.filter-row[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 12px;
  padding: 0 4px;
  scroll-behavior: smooth;
}
.filter-row button[data-v-84beee38] {
  min-width: 48px;
  height: 26px;
  padding: 0 13px;
}
.work-grid[data-v-84beee38] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px clamp(10px, 3vw, 14px);
  width: 100%;
}
.theme-plaza[data-v-84beee38] {
  width: 100%;
  margin: 0;
  display: grid;
  gap: 14px;
}
.theme-group[data-v-84beee38] {
  width: 100%;
  padding: 12px 10px 11px;
  border-radius: 9px;
  position: relative;
  background:
    radial-gradient(circle at 7px 7px, rgba(255, 255, 255, .78) 0 1.6px, transparent 2.4px) 0 0 / 13px 13px,
    -webkit-gradient(linear, left top, left bottom, from(#ffef9a), color-stop(56%, #fff2ad), to(#e8fbff));
  background:
    radial-gradient(circle at 7px 7px, rgba(255, 255, 255, .78) 0 1.6px, transparent 2.4px) 0 0 / 13px 13px,
    linear-gradient(180deg, #ffef9a 0%, #fff2ad 56%, #e8fbff 100%);
  -webkit-box-shadow: 0 7px 15px rgba(43, 163, 214, .12);
          box-shadow: 0 7px 15px rgba(43, 163, 214, .12);
}
.theme-group-head[data-v-84beee38] {
  height: 24px;
  margin: -3px 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme-group-head strong[data-v-84beee38] {
  min-width: 66px;
  max-width: 110px;
  height: 23px;
  padding: 0 8px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #483411;
  font-size: 12px;
  line-height: 16px;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff4a8), to(#ffd56d));
  background: linear-gradient(180deg, #fff4a8, #ffd56d);
  -webkit-box-shadow: 0 3px 7px rgba(210, 154, 45, .16);
          box-shadow: 0 3px 7px rgba(210, 154, 45, .16);
  white-space: nowrap;
}
.theme-group-head span[data-v-84beee38] {
  height: 24px;
  min-width: 42px;
  padding: 0 7px;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-9deg);
          transform: rotate(-9deg);
  color: #1e1e1e;
  font-size: 11px;
  font-weight: 1000;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(76, 107, 122, .16);
          box-shadow: 0 4px 8px rgba(76, 107, 122, .16);
}
.theme-work-grid[data-v-84beee38] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.theme-work-grid .work-cover[data-v-84beee38] {
  aspect-ratio: 145 / 204;
  border-radius: 7px;
  -webkit-box-shadow: 0 8px 16px rgba(19, 87, 154, .17);
          box-shadow: 0 8px 16px rgba(19, 87, 154, .17);
}
.theme-work-grid .card-play[data-v-84beee38] {
  width: 34px;
  height: 34px;
}
.theme-work-grid .card-play[data-v-84beee38]::after {
  left: 13px;
  top: 9px;
  border-left-width: 10px;
  border-top-width: 7px;
  border-bottom-width: 7px;
}
.theme-work-grid .work-cover em[data-v-84beee38] {
  left: 8px;
  right: 8px;
  bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}
.work-card[data-v-84beee38] {
  min-width: 0;
}
.work-cover[data-v-84beee38] {
  width: 100%;
  aspect-ratio: 145 / 204;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: #0a4b9a;
  -webkit-box-shadow: 0 10px 20px rgba(18, 92, 170, .18);
          box-shadow: 0 10px 20px rgba(18, 92, 170, .18);
}
.work-cover[data-v-84beee38]::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .05) 44%, rgba(0, 0, 0, .5)),
    linear-gradient(135deg, rgba(88, 255, 198, .22), transparent 32%);
}
.poster-title[data-v-84beee38] {
  position: absolute;
  z-index: 2;
  left: 8px;
  right: 8px;
  top: 10px;
  color: #fff142;
  font-size: 24px;
  line-height: 27px;
  font-weight: 1000;
  text-align: center;
  text-shadow: 0 3px 0 #0bb7a9, 0 4px 9px rgba(0, 0, 0, .24);
}
.card-play[data-v-84beee38] {
  z-index: 2;
  width: 34px;
  height: 34px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.card-play[data-v-84beee38]::after {
  left: 13px;
  top: 9px;
  border-left-width: 10px;
  border-top-width: 7px;
  border-bottom-width: 7px;
}
.work-cover em[data-v-84beee38] {
  position: absolute;
  z-index: 2;
  left: 8px;
  right: 8px;
  bottom: 8px;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}
.want-btn[data-v-84beee38] {
  display: block;
  width: 88px;
  height: 28px;
  margin: 8px auto 0;
  border-radius: 14px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#5fc7ff), to(#41edbf));
  background: linear-gradient(90deg, #5fc7ff, #41edbf);
  font-weight: 800;
  font-size: 12px;
  -webkit-box-shadow: 0 6px 12px rgba(45, 180, 220, .25);
          box-shadow: 0 6px 12px rgba(45, 180, 220, .25);
}
.plaza-player[data-v-84beee38] {
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1200;
  width: min(100vw, 430px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #030303;
  color: #fff;
  overflow: hidden;
}
.player-back[data-v-84beee38] {
  position: absolute;
  left: 10px;
  top: max(9px, env(safe-area-inset-top));
  z-index: 4;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
}
.player-back[data-v-84beee38]::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.plaza-player-list[data-v-84beee38] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.plaza-player-list[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.plaza-player-item[data-v-84beee38] {
  min-height: 100vh;
  min-height: 100dvh;
  scroll-snap-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: max(42px, env(safe-area-inset-top)) 10px max(18px, env(safe-area-inset-bottom));
}
.player-video-card[data-v-84beee38] {
  width: 100%;
  max-height: calc(100vh - 132px);
  max-height: calc(100dvh - 132px);
  aspect-ratio: 9 / 16;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
  -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, .46);
          box-shadow: 0 10px 32px rgba(0, 0, 0, .46);
}
.player-video-card video[data-v-84beee38] {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  background: #000;
}
.player-info[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 13px 2px 0;
}
.player-info strong[data-v-84beee38] {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
}
.player-info span[data-v-84beee38] {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
}
.player-info button[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 34px;
  border-radius: 17px;
  padding: 0 16px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, right top, from(#45c8ff), to(#21e6ca));
  background: linear-gradient(90deg, #45c8ff, #21e6ca);
  -webkit-box-shadow: 0 8px 18px rgba(25, 199, 217, .28);
          box-shadow: 0 8px 18px rgba(25, 199, 217, .28);
}
.player-tip[data-v-84beee38] {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .56);
  font-size: 11px;
  text-align: center;
}
.player-fade-enter-active[data-v-84beee38],
.player-fade-leave-active[data-v-84beee38] {
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}
.player-fade-enter[data-v-84beee38],
.player-fade-leave-to[data-v-84beee38] {
  opacity: 0;
}
.inner-page[data-v-84beee38] {
  background:
    radial-gradient(circle at 50% -60px, rgba(69, 239, 214, .58), transparent 260px),
    linear-gradient(180deg, #55a7ff 0, #dff5ff 290px, #eaffff 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-header[data-v-84beee38] {
  height: 56px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.page-header h2[data-v-84beee38] {
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  text-shadow: 0 2px 8px rgba(0, 86, 180, .28);
}
.back-btn[data-v-84beee38],
.close-btn[data-v-84beee38],
.share-btn[data-v-84beee38] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .36);
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
}
.back-btn[data-v-84beee38]::before {
  content: "";
  width: 11px;
  height: 11px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  position: absolute;
  left: 13px;
  top: 11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-btn[data-v-84beee38]::before,
.close-btn[data-v-84beee38]::after {
  content: "";
  width: 16px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  left: 9px;
  top: 15px;
}
.close-btn[data-v-84beee38]::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-btn[data-v-84beee38]::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.share-btn[data-v-84beee38]::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 3px solid #fff;
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  -webkit-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
.inner-content[data-v-84beee38] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0 18px 28px;
}
.upload-create-content[data-v-84beee38] {
  padding: 0 0 28px;
}
.upload-input[data-v-84beee38] {
  display: none;
}
.preview-panel[data-v-84beee38],
.form-card[data-v-84beee38],
.loading-card[data-v-84beee38],
.progress-card[data-v-84beee38],
.tip-card[data-v-84beee38],
.result-preview[data-v-84beee38],
.result-info[data-v-84beee38],
.record-list article[data-v-84beee38] {
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  -webkit-box-shadow: 0 10px 25px rgba(36, 115, 176, .16);
          box-shadow: 0 10px 25px rgba(36, 115, 176, .16);
  overflow: hidden;
}
.upload-preview-card[data-v-84beee38] {
  width: min(258px, calc(100vw - 72px));
  aspect-ratio: 1 / 1;
  margin: 18px auto 16px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: rgba(255, 255, 255, .48);
  -webkit-box-shadow: 0 14px 30px rgba(45, 148, 210, .16);
          box-shadow: 0 14px 30px rgba(45, 148, 210, .16);
}
.upload-preview-card.empty[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px dashed rgba(25, 142, 226, .38);
}
.upload-preview-card img[data-v-84beee38] {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.upload-empty-state[data-v-84beee38] {
  padding: 0 20px;
  text-align: center;
  color: #168ce6;
}
.upload-empty-state strong[data-v-84beee38] {
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 900;
}
.upload-empty-state span[data-v-84beee38] {
  display: block;
  margin-top: 8px;
  color: #5b91bd;
  font-size: 12px;
  line-height: 18px;
}
.upload-change-btn[data-v-84beee38] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 30px;
  padding: 0 14px;
  border-radius: 16px;
  color: #fff;
  background: rgba(29, 181, 245, .9);
  font-size: 12px;
  font-weight: 800;
  -webkit-box-shadow: 0 7px 16px rgba(29, 150, 220, .22);
          box-shadow: 0 7px 16px rgba(29, 150, 220, .22);
}
.upload-agreement[data-v-84beee38] {
  width: min(294px, calc(100vw - 50px));
  margin: 0 auto 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  color: #164c88;
  font-size: 11px;
  line-height: 16px;
}
.upload-agreement input[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: #20d8bb;
}
.upload-agreement em[data-v-84beee38] {
  color: #198dff;
  font-style: normal;
}
.upload-action-row[data-v-84beee38] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  padding: 0 18px;
}
.reupload-btn[data-v-84beee38],
.create-submit-btn[data-v-84beee38] {
  height: 48px;
  border-radius: 24px;
  font-size: 17px;
  font-weight: 900;
}
.reupload-btn[data-v-84beee38] {
  color: #249eff;
  background: rgba(255, 255, 255, .34);
  -webkit-box-shadow: inset 0 0 0 1.5px #2baaff;
          box-shadow: inset 0 0 0 1.5px #2baaff;
}
.create-submit-btn[data-v-84beee38] {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#43b9ff), to(#21efba));
  background: linear-gradient(90deg, #43b9ff, #21efba);
  -webkit-box-shadow: 0 10px 20px rgba(27, 190, 210, .28);
          box-shadow: 0 10px 20px rgba(27, 190, 210, .28);
}
.upload-requirements[data-v-84beee38] {
  padding: 0 22px;
  margin-top: 34px;
}
.upload-requirements h3[data-v-84beee38],
.example-panel h3[data-v-84beee38] {
  margin: 0;
  color: #222;
  font-size: 18px;
  line-height: 24px;
  font-weight: 900;
}
.requirement-list[data-v-84beee38] {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.requirement-list article[data-v-84beee38] {
  min-width: 0;
  color: #555;
  font-size: 11px;
  text-align: center;
}
.requirement-list img[data-v-84beee38] {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin-bottom: 7px;
}
.requirement-list span[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  white-space: nowrap;
}
.requirement-list span[data-v-84beee38]::before {
  content: "×";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background: #ff5a2d;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
.requirement-list .valid span[data-v-84beee38]::before {
  content: "✓";
  background: #36d175;
}
.upload-requirements p[data-v-84beee38] {
  margin: 12px 0 0;
  color: #6085bd;
  font-size: 12px;
  line-height: 18px;
}
.example-panel[data-v-84beee38] {
  margin-top: 12px;
  padding: 16px 22px 28px;
  border-radius: 16px 16px 0 0;
  background: #fff;
}
.example-image-list[data-v-84beee38] {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.example-image-list button[data-v-84beee38] {
  min-width: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  background: #e9f7f2;
}
.example-image-list img[data-v-84beee38] {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.example-image-list span[data-v-84beee38] {
  position: absolute;
  inset: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background: rgba(37, 153, 132, .42);
  font-size: 17px;
  font-weight: 900;
}
.example-image-list .active span[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.preview-panel[data-v-84beee38] {
  margin-top: 6px;
}
.preview-panel img[data-v-84beee38] {
  height: 192px;
}
.preview-panel div[data-v-84beee38] {
  height: 44px;
  padding: 0 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #75a0c9;
  font-size: 12px;
}
.preview-panel strong[data-v-84beee38] {
  color: #18ba8a;
}
.form-card[data-v-84beee38] {
  padding: 16px;
  margin-top: 12px;
}
.form-title[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.form-title h3[data-v-84beee38] {
  margin: 0;
  color: #14468c;
  font-size: 15px;
  font-weight: 900;
}
.form-title span[data-v-84beee38],
.form-title button[data-v-84beee38] {
  color: #44a7ff;
  background: transparent;
  font-size: 12px;
}
.template-list[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0 2px 4px;
  scroll-behavior: smooth;
}
.template-list[data-v-84beee38]::-webkit-scrollbar {
  display: none;
}
.template-list button[data-v-84beee38] {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  padding: 0;
  background: transparent;
  color: #6f94bd;
  font-size: 12px;
  font-weight: 700;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: -webkit-transform .16s ease;
  transition: -webkit-transform .16s ease;
  transition: transform .16s ease;
  transition: transform .16s ease, -webkit-transform .16s ease;
}
.template-list button[data-v-84beee38]:active {
  -webkit-transform: translateZ(0) scale(.96);
          transform: translateZ(0) scale(.96);
}
.template-list img[data-v-84beee38] {
  height: 76px;
  border-radius: 12px;
  border: 3px solid transparent;
  -webkit-box-shadow: 0 6px 12px rgba(22, 105, 165, .12);
          box-shadow: 0 6px 12px rgba(22, 105, 165, .12);
  -webkit-transition: border-color .16s ease, -webkit-box-shadow .16s ease, -webkit-transform .16s ease;
  transition: border-color .16s ease, -webkit-box-shadow .16s ease, -webkit-transform .16s ease;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, -webkit-box-shadow .16s ease, -webkit-transform .16s ease;
}
.template-list .active img[data-v-84beee38] {
  border-color: #2af0c2;
  -webkit-box-shadow: 0 8px 16px rgba(23, 202, 183, .22);
          box-shadow: 0 8px 16px rgba(23, 202, 183, .22);
  -webkit-transform: translateZ(0) scale(1.02);
          transform: translateZ(0) scale(1.02);
}
.template-list span[data-v-84beee38] {
  display: block;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
textarea[data-v-84beee38] {
  width: 100%;
  min-height: 100px;
  border: 0;
  outline: 0;
  resize: none;
  border-radius: 14px;
  padding: 12px;
  color: #124070;
  background: #f0fbff;
  font-size: 13px;
  line-height: 20px;
}
.prompt-tags[data-v-84beee38],
.style-picks[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.prompt-tags button[data-v-84beee38] {
  border-radius: 14px;
  padding: 6px 10px;
  color: #2d9eef;
  background: #e7f8ff;
  font-size: 12px;
}
.style-picks[data-v-84beee38] {
  margin-top: 0;
}
.params-box[data-v-84beee38] {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(68, 167, 255, .22);
  display: grid;
  gap: 10px;
}
.params-box label[data-v-84beee38] {
  display: grid;
  grid-template-columns: 70px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6f94bd;
  font-size: 13px;
}
.params-box select[data-v-84beee38],
.params-box input[data-v-84beee38] {
  width: 100%;
}
.params-box select[data-v-84beee38] {
  height: 34px;
  border: 0;
  border-radius: 12px;
  padding: 0 10px;
  color: #14468c;
  background: #f0fbff;
}
.params-box input[data-v-84beee38] {
  accent-color: #2be4bf;
}
.generate-btn[data-v-84beee38] {
  margin-top: 16px;
}
.loading-card[data-v-84beee38] {
  position: relative;
  height: 214px;
  margin-top: 10px;
}
.loading-card img[data-v-84beee38] {
  -webkit-filter: blur(6px);
          filter: blur(6px);
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.loading-mask[data-v-84beee38] {
  position: absolute;
  inset: 0;
  background: rgba(14, 43, 94, .45);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.spinner[data-v-84beee38] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .32);
  border-top-color: #fff32e;
  -webkit-animation: spin-84beee38 1s linear infinite;
          animation: spin-84beee38 1s linear infinite;
}
.loading-mask strong[data-v-84beee38] {
  margin-top: 14px;
  font-size: 16px;
}
.loading-mask p[data-v-84beee38] {
  margin: 6px 0 0;
  font-size: 13px;
}
.progress-card[data-v-84beee38],
.tip-card[data-v-84beee38] {
  padding: 16px;
  margin-top: 12px;
}
.progress-track[data-v-84beee38] {
  height: 9px;
  border-radius: 99px;
  background: #dcefff;
  overflow: hidden;
}
.progress-track span[data-v-84beee38] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, right top, from(#fff13c), to(#37efb9));
  background: linear-gradient(90deg, #fff13c, #37efb9);
  -webkit-transition: width .2s linear;
  transition: width .2s linear;
}
.progress-card p[data-v-84beee38] {
  margin: 8px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #5c8bb8;
  font-size: 12px;
}
.tip-card[data-v-84beee38] {
  color: #2c6ca5;
  font-size: 13px;
  line-height: 20px;
}
.result-preview[data-v-84beee38] {
  position: relative;
  height: 240px;
  margin-top: 10px;
}
.result-info[data-v-84beee38] {
  margin-top: 12px;
  padding: 16px;
}
.result-info div[data-v-84beee38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-info span[data-v-84beee38],
.result-info em[data-v-84beee38] {
  border-radius: 14px;
  padding: 5px 10px;
  font-style: normal;
  font-size: 12px;
}
.result-info span[data-v-84beee38] {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#56bfff), to(#45edc4));
  background: linear-gradient(90deg, #56bfff, #45edc4);
}
.result-info em[data-v-84beee38] {
  color: #5d92bd;
  background: #edf9ff;
}
.result-info p[data-v-84beee38] {
  margin: 12px 0 0;
  color: #12316b;
  line-height: 22px;
  font-size: 14px;
}
.result-actions[data-v-84beee38] {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 12px;
  margin-top: 14px;
}
.result-actions button[data-v-84beee38] {
  height: 44px;
  border-radius: 22px;
  font-weight: 900;
}
.result-actions button[data-v-84beee38]:first-child {
  color: #43a4e8;
  background: #fff;
}
.result-actions button[data-v-84beee38]:last-child {
  color: #5d3c00;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff748), to(#ffd100));
  background: linear-gradient(180deg, #fff748, #ffd100);
}
.record-list[data-v-84beee38] {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.record-list article[data-v-84beee38] {
  padding: 10px;
  display: grid;
  grid-template-columns: 76px 1fr 54px;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.record-cover[data-v-84beee38] {
  width: 76px;
  height: 76px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: rgba(86, 191, 255, .16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.record-cover.loading[data-v-84beee38] {
  background: rgba(86, 191, 255, .16);
}
.record-cover.loading[data-v-84beee38]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(230, 248, 255, .34);
}
.record-spinner[data-v-84beee38] {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 52px;
  height: 52px;
  margin: auto;
  border-radius: 50%;
  background: rgba(255, 255, 255, .72);
  -webkit-box-shadow: 0 4px 12px rgba(25, 134, 180, .22);
          box-shadow: 0 4px 12px rgba(25, 134, 180, .22);
}
.record-spinner[data-v-84beee38]::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 5px solid rgba(35, 174, 206, .18);
  border-top-color: #1cc7df;
  -webkit-animation: recordSpin-84beee38 1s linear infinite;
          animation: recordSpin-84beee38 1s linear infinite;
}
.record-list strong[data-v-84beee38] {
  display: block;
  color: #12316b;
  font-size: 14px;
}
.record-list p[data-v-84beee38],
.record-list span[data-v-84beee38] {
  display: block;
  margin: 3px 0 0;
  color: #6f94bd;
  font-size: 12px;
}
.record-list .record-spinner[data-v-84beee38] {
  display: block;
  margin: auto;
}
.record-list button[data-v-84beee38] {
  height: 32px;
  border-radius: 16px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#56bfff), to(#45edc4));
  background: linear-gradient(90deg, #56bfff, #45edc4);
  font-weight: 800;
}
.record-list button[data-v-84beee38]:disabled {
  opacity: .58;
}
.aigc-login-mask[data-v-84beee38] {
  position: fixed;
  inset: 0;
  z-index: 1800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(15, 35, 70, .34);
}
.aigc-login-layer[data-v-84beee38] {
  width: min(100vw, 480px);
  height: min(46vh, 410px);
  min-height: 360px;
  max-height: calc(100vh - 64px);
  background: #fff;
  color: #333;
  border-radius: 18px 18px 0 0;
  -webkit-box-shadow: 0 -10px 28px rgba(24, 69, 122, .22);
          box-shadow: 0 -10px 28px rgba(24, 69, 122, .22);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.aigc-login-header[data-v-84beee38] {
  height: 36px;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #edf0f4;
}
.aigc-login-header h2[data-v-84beee38] {
  margin: 0;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.aigc-login-back[data-v-84beee38] {
  width: 36px;
  height: 36px;
  background: transparent;
  position: relative;
}
.aigc-login-back[data-v-84beee38]::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 12px;
  width: 10px;
  height: 10px;
  border-left: 1.5px solid #666;
  border-bottom: 1.5px solid #666;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.aigc-login-body[data-v-84beee38] {
  padding: 23px 20px 28px;
}
.migu-logo[data-v-84beee38] {
  height: 54px;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
.migu-logo span[data-v-84beee38] {
  color: #e6007e;
  font-size: 29px;
  line-height: 34px;
  font-weight: 900;
  letter-spacing: 0;
}
.migu-logo em[data-v-84beee38] {
  color: #666;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.aigc-login-field[data-v-84beee38] {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eceff3;
}
.aigc-login-field input[data-v-84beee38] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  border: 0;
  outline: 0;
  color: #333;
  font-size: 14px;
  background: transparent;
}
.aigc-login-field input[data-v-84beee38]::-webkit-input-placeholder {
  color: #9aa3ad;
}
.aigc-login-field input[data-v-84beee38]::-moz-placeholder {
  color: #9aa3ad;
}
.aigc-login-field input[data-v-84beee38]:-ms-input-placeholder {
  color: #9aa3ad;
}
.aigc-login-field input[data-v-84beee38]::-ms-input-placeholder {
  color: #9aa3ad;
}
.aigc-login-field input[data-v-84beee38]::placeholder {
  color: #9aa3ad;
}
.code-field[data-v-84beee38] {
  gap: 10px;
}
.code-field button[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 86px;
  height: 28px;
  border-radius: 15px;
  border: 1px solid #d8dde5;
  color: #7a8491;
  background: #fff;
  font-size: 12px;
}
.code-field button[data-v-84beee38]:disabled {
  opacity: .58;
}
.aigc-login-submit[data-v-84beee38] {
  width: 100%;
  height: 42px;
  margin-top: 15px;
  border-radius: 22px;
  color: #fff;
  background: #e6007e;
  font-size: 16px;
  font-weight: 700;
}
.aigc-login-submit[data-v-84beee38]:disabled {
  opacity: .68;
}
.password-login[data-v-84beee38] {
  margin-top: 12px;
  padding: 0;
  color: #e6007e;
  background: transparent;
  font-size: 13px;
}
.agreement-row[data-v-84beee38] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  color: #8c939b;
  font-size: 11px;
  line-height: 16px;
}
.agreement-row input[data-v-84beee38] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13px;
  height: 13px;
  margin: 1px 0 0;
  accent-color: #e6007e;
}
.agreement-row em[data-v-84beee38] {
  color: #e6007e;
  font-style: normal;
}
.login-slide-enter-active[data-v-84beee38],
.login-slide-leave-active[data-v-84beee38] {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.login-slide-enter-active .aigc-login-layer[data-v-84beee38],
.login-slide-leave-active .aigc-login-layer[data-v-84beee38] {
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}
.login-slide-enter[data-v-84beee38],
.login-slide-leave-to[data-v-84beee38] {
  opacity: 0;
}
.login-slide-enter .aigc-login-layer[data-v-84beee38],
.login-slide-leave-to .aigc-login-layer[data-v-84beee38] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.app-modal-overlay[data-v-84beee38] {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, .62);
}
.app-modal[data-v-84beee38] {
  width: min(292px, calc(100vw - 52px));
  max-height: calc(100vh - 72px);
  overflow-y: auto;
  border-radius: 10px;
  background: #fff;
  padding: 26px 18px 24px;
  color: #5f636b;
  position: relative;
  -webkit-box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
          box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
}
.app-modal h3[data-v-84beee38] {
  margin: 0 0 16px;
  color: #3d3d3d;
  font-size: 18px;
  line-height: 24px;
  font-weight: 900;
  text-align: center;
}
.modal-close[data-v-84beee38] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}
.modal-close[data-v-84beee38]::before,
.modal-close[data-v-84beee38]::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 13px;
  width: 12px;
  height: 1.5px;
  border-radius: 2px;
  background: #aeb5c0;
}
.modal-close[data-v-84beee38]::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-close[data-v-84beee38]::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-copy[data-v-84beee38] {
  font-size: 14px;
  line-height: 20px;
}
.modal-copy p[data-v-84beee38] {
  margin: 0 0 7px;
}
.modal-confirm[data-v-84beee38] {
  display: block;
  width: 198px;
  height: 40px;
  margin: 20px auto 0;
  border-radius: 22px;
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe900), to(#ffdb00));
  background: linear-gradient(180deg, #ffe900, #ffdb00);
  -webkit-box-shadow: 0 5px 12px rgba(226, 193, 0, .25);
          box-shadow: 0 5px 12px rgba(226, 193, 0, .25);
}
.modal-fade-enter-active[data-v-84beee38],
.modal-fade-leave-active[data-v-84beee38] {
  -webkit-transition: opacity .18s ease;
  transition: opacity .18s ease;
}
.modal-fade-enter[data-v-84beee38],
.modal-fade-leave-to[data-v-84beee38] {
  opacity: 0;
}
@-webkit-keyframes spin-84beee38 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-84beee38 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes recordSpin-84beee38 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes recordSpin-84beee38 {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.food-ai-page[data-v-84beee38] {
    padding: 0;
}
.phone-shell[data-v-84beee38] {
    max-width: 430px;
    -webkit-box-shadow: 0 18px 60px rgba(20, 72, 130, .16);
            box-shadow: 0 18px 60px rgba(20, 72, 130, .16);
}
}
@media (max-width: 767px) {
.phone-shell[data-v-84beee38] {
    max-width: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
}
@media (max-width: 374px) {
.home-content[data-v-84beee38],
  .inner-content[data-v-84beee38] {
    padding-left: 14px;
    padding-right: 14px;
}
.hero-stage h1[data-v-84beee38] {
    font-size: 38px;
}
.showcase-card[data-v-84beee38] {
    -ms-flex-preferred-size: 64vw;
        flex-basis: 64vw;
}
.video-carousel[data-v-84beee38] {
    padding: 0 18vw;
}
}

