@atooyu/uxto-ui 1.0.0

package/dist/style.css

@@ -0,0 +1,2528 @@
+@charset "UTF-8";.u-button[data-v-a51cb0bf] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  height: 44px;
+  padding: 0 16px;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.2;
+  text-align: center;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  transition: all 0.3s;
+  -webkit-tap-highlight-color: transparent;
+}
+.u-button[data-v-a51cb0bf]::after {
+  border: none;
+}
+.u-button--default[data-v-a51cb0bf] {
+  color: #323233;
+  background-color: #ffffff;
+  border-color: #ebedf0;
+}
+.u-button--primary[data-v-a51cb0bf] {
+  color: #ffffff;
+  background-color: #1989fa;
+  border-color: #1989fa;
+}
+.u-button--success[data-v-a51cb0bf] {
+  color: #ffffff;
+  background-color: #07c160;
+  border-color: #07c160;
+}
+.u-button--warning[data-v-a51cb0bf] {
+  color: #ffffff;
+  background-color: #ff976a;
+  border-color: #ff976a;
+}
+.u-button--danger[data-v-a51cb0bf] {
+  color: #ffffff;
+  background-color: #ee0a24;
+  border-color: #ee0a24;
+}
+.u-button--large[data-v-a51cb0bf] {
+  height: 50px;
+  font-size: 16px;
+}
+.u-button--small[data-v-a51cb0bf] {
+  height: 32px;
+  padding: 0 12px;
+  font-size: 12px;
+}
+.u-button--mini[data-v-a51cb0bf] {
+  height: 24px;
+  padding: 0 8px;
+  font-size: 10px;
+}
+.u-button--plain[data-v-a51cb0bf] {
+  background-color: transparent;
+}
+.u-button--plain.u-button--primary[data-v-a51cb0bf] {
+  color: #1989fa;
+}
+.u-button--plain.u-button--success[data-v-a51cb0bf] {
+  color: #07c160;
+}
+.u-button--plain.u-button--warning[data-v-a51cb0bf] {
+  color: #ff976a;
+}
+.u-button--plain.u-button--danger[data-v-a51cb0bf] {
+  color: #ee0a24;
+}
+.u-button--round[data-v-a51cb0bf] {
+  border-radius: 999px;
+}
+.u-button--square[data-v-a51cb0bf] {
+  border-radius: 0;
+}
+.u-button--disabled[data-v-a51cb0bf] {
+  opacity: 0.5;
+}
+.u-button--block[data-v-a51cb0bf] {
+  display: flex;
+  width: 100%;
+}
+.u-button--active[data-v-a51cb0bf] {
+  opacity: 0.8;
+}
+.u-button__content[data-v-a51cb0bf] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-button__icon[data-v-a51cb0bf] {
+  margin-right: 4px;
+}
+.u-button__loading[data-v-a51cb0bf] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-button__loading-icon[data-v-a51cb0bf] {
+  width: 16px;
+  height: 16px;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: u-button-loading-a51cb0bf 0.8s linear infinite;
+}
+@keyframes u-button-loading-a51cb0bf {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}.u-input[data-v-2f635824] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 44px;
+  padding: 0 12px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #ebedf0;
+  transition: all 0.3s;
+}
+.u-input--focus[data-v-2f635824] {
+  border-color: #1989fa;
+}
+.u-input--error[data-v-2f635824] {
+  border-color: #ee0a24;
+}
+.u-input--disabled[data-v-2f635824] {
+  background-color: #f7f8fa;
+}
+.u-input__body[data-v-2f635824] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.u-input__control[data-v-2f635824] {
+  flex: 1;
+  height: 100%;
+  font-size: 14px;
+  color: #323233;
+  background: transparent;
+}
+.u-input__placeholder[data-v-2f635824] {
+  color: #969799;
+}
+.u-input__prefix[data-v-2f635824], .u-input__suffix[data-v-2f635824] {
+  display: flex;
+  align-items: center;
+}
+.u-input__prefix[data-v-2f635824] {
+  margin-right: 8px;
+}
+.u-input__suffix[data-v-2f635824] {
+  margin-left: 8px;
+}
+.u-input__icon[data-v-2f635824] {
+  color: #646566;
+  font-size: 14px;
+}
+.u-input__clear[data-v-2f635824] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  background-color: #969799;
+  border-radius: 50%;
+}
+.u-input__clear-icon[data-v-2f635824] {
+  color: #ffffff;
+  font-size: 12px;
+  line-height: 1;
+}.u-cell[data-v-c3a35a65] {
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+  padding: 12px 16px;
+  background-color: #ffffff;
+  position: relative;
+}
+.u-cell[data-v-c3a35a65]::after {
+  content: "";
+  position: absolute;
+  left: 16px;
+  right: 0;
+  bottom: 0;
+  height: 1px;
+  background-color: #ebedf0;
+  transform: scaleY(0.5);
+}
+.u-cell[data-v-c3a35a65]:last-child::after {
+  display: none;
+}
+.u-cell--disabled[data-v-c3a35a65] {
+  opacity: 0.5;
+}
+.u-cell--active[data-v-c3a35a65] {
+  background-color: #f7f8fa;
+}
+.u-cell__icon[data-v-c3a35a65] {
+  margin-right: 12px;
+}
+.u-cell__icon-img[data-v-c3a35a65] {
+  width: 20px;
+  height: 20px;
+}
+.u-cell__content[data-v-c3a35a65] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  overflow: hidden;
+}
+.u-cell__title[data-v-c3a35a65] {
+  flex: 1;
+  overflow: hidden;
+}
+.u-cell__title-text[data-v-c3a35a65] {
+  font-size: 14px;
+  color: #323233;
+  line-height: 24px;
+}
+.u-cell__label[data-v-c3a35a65] {
+  display: block;
+  margin-top: 2px;
+  font-size: 12px;
+  color: #646566;
+  line-height: 18px;
+}
+.u-cell__value[data-v-c3a35a65] {
+  overflow: hidden;
+}
+.u-cell__value-text[data-v-c3a35a65] {
+  font-size: 14px;
+  color: #646566;
+}
+.u-cell__arrow[data-v-c3a35a65] {
+  margin-left: 8px;
+  color: #969799;
+}
+.u-cell__arrow-icon[data-v-c3a35a65] {
+  font-size: 16px;
+}.u-cell-group[data-v-f529bc69] {
+  background-color: #ffffff;
+}
+.u-cell-group__title[data-v-f529bc69] {
+  padding: 12px 16px;
+  font-size: 12px;
+  color: #646566;
+  background-color: #f7f8fa;
+}
+.u-cell-group__body[data-v-f529bc69] {
+  position: relative;
+}.u-modal[data-v-9552a05f] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 999;
+}
+.u-modal__container[data-v-9552a05f] {
+  width: 280px;
+  background-color: #ffffff;
+  border-radius: 12px;
+  overflow: hidden;
+}
+.u-modal__header[data-v-9552a05f] {
+  padding: 16px 16px 8px;
+  text-align: center;
+}
+.u-modal__title[data-v-9552a05f] {
+  font-size: 16px;
+  font-weight: 600;
+  color: #323233;
+}
+.u-modal__body[data-v-9552a05f] {
+  padding: 12px 16px 16px;
+  text-align: center;
+  max-height: 300px;
+  overflow-y: auto;
+}
+.u-modal__message[data-v-9552a05f] {
+  font-size: 14px;
+  color: #646566;
+  line-height: 1.5;
+}
+.u-modal__footer[data-v-9552a05f] {
+  display: flex;
+  border-top: 1px solid #ebedf0;
+}
+.u-modal__button[data-v-9552a05f] {
+  flex: 1;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  transition: background-color 0.3s;
+}
+.u-modal__button[data-v-9552a05f]:active {
+  background-color: #f7f8fa;
+}
+.u-modal__button--cancel[data-v-9552a05f] {
+  color: #646566;
+  border-right: 1px solid #ebedf0;
+}
+.u-modal__button--confirm[data-v-9552a05f] {
+  color: #1989fa;
+  font-weight: 500;
+}.u-icon[data-v-5d845d48] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-style: normal;
+  line-height: 1;
+}
+.u-icon--spin[data-v-5d845d48] {
+  animation: u-icon-spin-5d845d48 1s linear infinite;
+}
+.u-icon__inner[data-v-5d845d48] {
+  font-family: inherit;
+  line-height: 1;
+}
+.u-icon__svg[data-v-5d845d48] {
+  display: block;
+  object-fit: contain;
+}
+@keyframes u-icon-spin-5d845d48 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}.u-loading[data-v-ce769006] {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.u-loading--vertical[data-v-ce769006] {
+  flex-direction: column;
+}
+.u-loading__spinner[data-v-ce769006] {
+  position: relative;
+  display: inline-block;
+}
+.u-loading__line[data-v-ce769006] {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 2px;
+  height: 25%;
+  margin-left: -1px;
+  border-radius: 1px;
+  transform-origin: center 200%;
+  opacity: 0.2;
+}
+.u-loading__line[data-v-ce769006]:nth-child(1) {
+  opacity: 0.2;
+}
+.u-loading__line[data-v-ce769006]:nth-child(2) {
+  opacity: 0.26;
+}
+.u-loading__line[data-v-ce769006]:nth-child(3) {
+  opacity: 0.32;
+}
+.u-loading__line[data-v-ce769006]:nth-child(4) {
+  opacity: 0.38;
+}
+.u-loading__line[data-v-ce769006]:nth-child(5) {
+  opacity: 0.44;
+}
+.u-loading__line[data-v-ce769006]:nth-child(6) {
+  opacity: 0.5;
+}
+.u-loading__line[data-v-ce769006]:nth-child(7) {
+  opacity: 0.56;
+}
+.u-loading__line[data-v-ce769006]:nth-child(8) {
+  opacity: 0.62;
+}
+.u-loading__line[data-v-ce769006]:nth-child(9) {
+  opacity: 0.68;
+}
+.u-loading__line[data-v-ce769006]:nth-child(10) {
+  opacity: 0.74;
+}
+.u-loading__line[data-v-ce769006]:nth-child(11) {
+  opacity: 0.8;
+}
+.u-loading__line[data-v-ce769006]:nth-child(12) {
+  opacity: 0.86;
+}
+.u-loading__text[data-v-ce769006] {
+  font-size: 12px;
+  line-height: 1.5;
+}.u-tag[data-v-dff28fc4] {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 8px;
+  border-radius: 2px;
+  border: 1px solid transparent;
+  font-size: 12px;
+}
+.u-tag--default[data-v-dff28fc4] {
+  color: #323233;
+  background-color: #f2f3f5;
+  border-color: #f2f3f5;
+}
+.u-tag--primary[data-v-dff28fc4] {
+  color: #ffffff;
+  background-color: #1989fa;
+  border-color: #1989fa;
+}
+.u-tag--success[data-v-dff28fc4] {
+  color: #ffffff;
+  background-color: #07c160;
+  border-color: #07c160;
+}
+.u-tag--warning[data-v-dff28fc4] {
+  color: #ffffff;
+  background-color: #ff976a;
+  border-color: #ff976a;
+}
+.u-tag--danger[data-v-dff28fc4] {
+  color: #ffffff;
+  background-color: #ee0a24;
+  border-color: #ee0a24;
+}
+.u-tag--large[data-v-dff28fc4] {
+  padding: 8px 12px;
+  font-size: 14px;
+}
+.u-tag--small[data-v-dff28fc4] {
+  padding: 0 4px;
+  font-size: 10px;
+}
+.u-tag--plain[data-v-dff28fc4] {
+  background-color: transparent;
+}
+.u-tag--plain.u-tag--primary[data-v-dff28fc4] {
+  color: #1989fa;
+}
+.u-tag--plain.u-tag--success[data-v-dff28fc4] {
+  color: #07c160;
+}
+.u-tag--plain.u-tag--warning[data-v-dff28fc4] {
+  color: #ff976a;
+}
+.u-tag--plain.u-tag--danger[data-v-dff28fc4] {
+  color: #ee0a24;
+}
+.u-tag--round[data-v-dff28fc4] {
+  border-radius: 999px;
+}
+.u-tag__text[data-v-dff28fc4] {
+  line-height: 1.4;
+}
+.u-tag__close[data-v-dff28fc4] {
+  margin-left: 2px;
+  font-size: 12px;
+}.u-switch[data-v-c9caea3a] {
+  position: relative;
+  background-color: #f2f3f5;
+  transition: background-color 0.3s;
+  box-sizing: border-box;
+}
+.u-switch--on[data-v-c9caea3a] {
+  background-color: #1989fa;
+}
+.u-switch--disabled[data-v-c9caea3a] {
+  opacity: 0.5;
+}
+.u-switch__node[data-v-c9caea3a] {
+  position: absolute;
+  background-color: #ffffff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.3s;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}.u-image[data-v-55a4498e] {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+}
+.u-image__inner[data-v-55a4498e] {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.u-image__loading[data-v-55a4498e], .u-image__error[data-v-55a4498e] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f7f8fa;
+}
+.u-image__error-text[data-v-55a4498e] {
+  font-size: 12px;
+  color: #969799;
+}.u-divider[data-v-7f88d163] {
+  display: flex;
+  align-items: center;
+  margin: 16px 0;
+  color: #646566;
+  font-size: 12px;
+  line-height: 1;
+}
+.u-divider[data-v-7f88d163]::before, .u-divider[data-v-7f88d163]::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background-color: #ebedf0;
+}
+.u-divider--hairline[data-v-7f88d163]::before, .u-divider--hairline[data-v-7f88d163]::after {
+  transform: scaleY(0.5);
+}
+.u-divider--dashed[data-v-7f88d163]::before, .u-divider--dashed[data-v-7f88d163]::after {
+  border-style: dashed;
+  background: transparent;
+  border-top: 1px dashed #ebedf0;
+  border-bottom: none;
+  height: 0;
+}
+.u-divider__text[data-v-7f88d163] {
+  padding: 0 12px;
+}.u-notice-bar[data-v-89a44cf8] {
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  font-size: 12px;
+  line-height: 24px;
+}
+.u-notice-bar--wrapable[data-v-89a44cf8] {
+  flex-wrap: wrap;
+  padding: 12px 16px;
+}
+.u-notice-bar__content[data-v-89a44cf8] {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.u-notice-bar__content--scrollable[data-v-89a44cf8] {
+  overflow: hidden;
+  white-space: nowrap;
+}
+.u-notice-bar__text[data-v-89a44cf8] {
+  display: inline-block;
+}
+.u-notice-bar__content--scrollable .u-notice-bar__text[data-v-89a44cf8] {
+  animation: u-notice-bar-scroll-89a44cf8 linear infinite;
+}
+.u-notice-bar__left-icon[data-v-89a44cf8] {
+  margin-right: 8px;
+}
+.u-notice-bar__right-icon[data-v-89a44cf8] {
+  margin-left: 8px;
+}
+@keyframes u-notice-bar-scroll-89a44cf8 {
+0% {
+    transform: translateX(100%);
+}
+100% {
+    transform: translateX(-100%);
+}
+}.u-layout[data-v-1682e77a] {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: #f7f8fa;
+}
+.u-layout__header[data-v-1682e77a] {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background-color: #ffffff;
+}
+.u-layout__content[data-v-1682e77a] {
+  flex: 1;
+  overflow: auto;
+}
+.u-layout__footer[data-v-1682e77a] {
+  position: sticky;
+  bottom: 0;
+  z-index: 100;
+  background-color: #ffffff;
+}.u-badge[data-v-56dd42ed] {
+  position: relative;
+  display: inline-block;
+}
+.u-badge--fixed[data-v-56dd42ed] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+}
+.u-badge__content[data-v-56dd42ed] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 5px;
+  border-radius: 999px;
+  font-size: 10px;
+  line-height: 1;
+  color: #ffffff;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+.u-badge__content--dot[data-v-56dd42ed] {
+  min-width: 8px;
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border-radius: 50%;
+}
+.u-badge__content--alone[data-v-56dd42ed] {
+  position: relative;
+  transform: none;
+}
+.u-badge__content--primary[data-v-56dd42ed] {
+  background-color: #1989fa;
+}
+.u-badge__content--success[data-v-56dd42ed] {
+  background-color: #07c160;
+}
+.u-badge__content--warning[data-v-56dd42ed] {
+  background-color: #ff976a;
+}
+.u-badge__content--danger[data-v-56dd42ed] {
+  background-color: #ee0a24;
+}
+.u-badge__content--info[data-v-56dd42ed] {
+  background-color: #969799;
+}
+.u-badge__text[data-v-56dd42ed] {
+  display: inline-block;
+  vertical-align: middle;
+}.u-loading-page[data-v-ddf92cf6] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #ffffff;
+}
+.u-loading-page__content[data-v-ddf92cf6] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+.u-loading-page__spinner[data-v-ddf92cf6] {
+  position: relative;
+  display: inline-block;
+}
+.u-loading-page__line[data-v-ddf92cf6] {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 3px;
+  height: 25%;
+  margin-left: -1.5px;
+  border-radius: 2px;
+  transform-origin: center 200%;
+  opacity: 0.2;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(1) {
+  opacity: 0.2;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(2) {
+  opacity: 0.26;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(3) {
+  opacity: 0.32;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(4) {
+  opacity: 0.38;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(5) {
+  opacity: 0.44;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(6) {
+  opacity: 0.5;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(7) {
+  opacity: 0.56;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(8) {
+  opacity: 0.62;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(9) {
+  opacity: 0.68;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(10) {
+  opacity: 0.74;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(11) {
+  opacity: 0.8;
+}
+.u-loading-page__line[data-v-ddf92cf6]:nth-child(12) {
+  opacity: 0.86;
+}
+.u-loading-page__text[data-v-ddf92cf6] {
+  font-size: 14px;
+  line-height: 1.5;
+}.u-parse[data-v-5361245b] {
+  font-size: 14px;
+  line-height: 1.6;
+  color: #323233;
+  word-break: break-word;
+}
+.u-parse[data-v-5361245b] img {
+  max-width: 100%;
+  height: auto;
+  vertical-align: middle;
+}
+.u-parse[data-v-5361245b] a {
+  color: #1989fa;
+  text-decoration: none;
+}
+.u-parse[data-v-5361245b] a:active {
+  opacity: 0.7;
+}
+.u-parse[data-v-5361245b] pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.u-parse[data-v-5361245b] code {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+.u-parse[data-v-5361245b] table {
+  display: block;
+  overflow-x: auto;
+}
+.u-parse[data-v-5361245b] blockquote {
+  border-left: 4px solid #ebedf0;
+  background-color: #f7f8fa;
+  padding: 12px 16px;
+  margin: 12px 0;
+}.u-keyboard[data-v-b318be29] {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1000;
+}
+.u-keyboard__panel[data-v-b318be29] {
+  width: 100%;
+  background: #f7f8fa;
+  border-radius: 12px 12px 0 0;
+  padding: 12px;
+  box-sizing: border-box;
+}
+.u-keyboard__header[data-v-b318be29] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+.u-keyboard__title[data-v-b318be29] {
+  font-size: 14px;
+  color: #323233;
+  font-weight: 600;
+}
+.u-keyboard__close[data-v-b318be29] {
+  font-size: 14px;
+  color: #1989fa;
+}
+.u-keyboard__body[data-v-b318be29] {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+}
+.u-keyboard__body--car[data-v-b318be29] {
+  grid-template-columns: repeat(6, 1fr);
+}
+.u-keyboard__key[data-v-b318be29] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 44px;
+  background: #ffffff;
+  border-radius: 8px;
+  font-size: 16px;
+  color: #323233;
+}
+.u-keyboard__key--action[data-v-b318be29] {
+  background: #d7dbe0;
+  color: #646566;
+  font-size: 14px;
+}
+.u-keyboard__key--wide[data-v-b318be29] {
+  grid-column: span 1;
+}.u-picker[data-v-54bd44d7] {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1000;
+}
+.u-picker__popup[data-v-54bd44d7] {
+  width: 100%;
+  background: #ffffff;
+  border-radius: 12px 12px 0 0;
+  overflow: hidden;
+}
+.u-picker__toolbar[data-v-54bd44d7] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 48px;
+  padding: 0 16px;
+  border-bottom: 1px solid #ebedf0;
+}
+.u-picker__title[data-v-54bd44d7] {
+  font-size: 14px;
+  color: #323233;
+  font-weight: 600;
+}
+.u-picker__action[data-v-54bd44d7] {
+  font-size: 14px;
+  color: #646566;
+}
+.u-picker__action--confirm[data-v-54bd44d7] {
+  color: #1989fa;
+}
+.u-picker__loading[data-v-54bd44d7] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 240px;
+  font-size: 14px;
+  color: #646566;
+}
+.u-picker__view[data-v-54bd44d7] {
+  width: 100%;
+  height: 240px;
+}
+.u-picker__indicator[data-v-54bd44d7] {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-picker__option[data-v-54bd44d7] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  font-size: 16px;
+  color: #323233;
+}.u-datetime-picker[data-v-45acbf1d] {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1000;
+}
+.u-datetime-picker__popup[data-v-45acbf1d] {
+  width: 100%;
+  background: #ffffff;
+  border-radius: 12px 12px 0 0;
+  overflow: hidden;
+}
+.u-datetime-picker__toolbar[data-v-45acbf1d] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 48px;
+  padding: 0 16px;
+  border-bottom: 1px solid #ebedf0;
+}
+.u-datetime-picker__title[data-v-45acbf1d] {
+  font-size: 14px;
+  color: #323233;
+  font-weight: 600;
+}
+.u-datetime-picker__action[data-v-45acbf1d] {
+  font-size: 14px;
+  color: #646566;
+}
+.u-datetime-picker__action--confirm[data-v-45acbf1d] {
+  color: #1989fa;
+}
+.u-datetime-picker__view[data-v-45acbf1d] {
+  width: 100%;
+  height: 240px;
+}
+.u-datetime-picker__indicator[data-v-45acbf1d] {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-datetime-picker__option[data-v-45acbf1d] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  font-size: 16px;
+  color: #323233;
+}.u-rate[data-v-62d85215] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.u-rate--disabled[data-v-62d85215] {
+  opacity: 0.5;
+}
+.u-rate__item[data-v-62d85215] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-rate__icon[data-v-62d85215] {
+  line-height: 1;
+}
+.u-rate__icon--void[data-v-62d85215] {
+  position: relative;
+  z-index: 1;
+}
+.u-rate__icon--active[data-v-62d85215] {
+  display: block;
+}
+.u-rate__icon-wrapper[data-v-62d85215] {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  z-index: 2;
+  overflow: hidden;
+  transform: translateY(-50%);
+  white-space: nowrap;
+}.u-grid[data-v-d005bea6] {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: #ffffff;
+}.u-grid-item[data-v-de6f40c1] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 8px;
+  box-sizing: border-box;
+  background-color: #ffffff;
+}
+.u-grid-item--clickable[data-v-de6f40c1]:active {
+  background-color: #f7f8fa;
+}
+.u-grid-item--border[data-v-de6f40c1] {
+  border-right: 1px solid #ebedf0;
+  border-bottom: 1px solid #ebedf0;
+}
+.u-grid-item__icon[data-v-de6f40c1] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  margin-bottom: 8px;
+}
+.u-grid-item__icon-image[data-v-de6f40c1] {
+  width: 32px;
+  height: 32px;
+}
+.u-grid-item__icon-text[data-v-de6f40c1] {
+  font-size: 24px;
+  line-height: 1;
+}
+.u-grid-item__text[data-v-de6f40c1] {
+  font-size: 12px;
+  color: #646566;
+  line-height: 1.4;
+  text-align: center;
+  word-break: break-all;
+}
+.u-grid-item__badge[data-v-de6f40c1] {
+  position: absolute;
+  top: -4px;
+  right: -8px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background-color: #ee0a24;
+  box-sizing: border-box;
+}
+.u-grid-item__badge-text[data-v-de6f40c1] {
+  font-size: 10px;
+  line-height: 1;
+  color: #ffffff;
+}.u-swiper[data-v-5602345b] {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.u-swiper__wrapper[data-v-5602345b] {
+  width: 100%;
+  height: var(--swiper-height, 200px);
+}
+.u-swiper__loading[data-v-5602345b] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 10;
+}
+.u-swiper__loading-icon[data-v-5602345b] {
+  width: 32px;
+  height: 32px;
+  border: 3px solid rgba(255, 255, 255, 0.3);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: u-swiper-loading-5602345b 0.8s linear infinite;
+}
+@keyframes u-swiper-loading-5602345b {
+to {
+    transform: rotate(360deg);
+}
+}
+.u-swiper__title[data-v-5602345b] {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 8px 12px;
+  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
+  z-index: 5;
+}
+.u-swiper__title-text[data-v-5602345b] {
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 1.4;
+}
+.u-swiper__indicator[data-v-5602345b] {
+  position: absolute;
+  z-index: 5;
+}
+.u-swiper__indicator-wrapper[data-v-5602345b] {
+  position: absolute;
+  display: flex;
+  z-index: 5;
+  padding: 4px 8px;
+}
+.u-swiper__indicator-wrapper--top-left[data-v-5602345b] {
+  top: 0;
+  left: 0;
+}
+.u-swiper__indicator-wrapper--top-right[data-v-5602345b] {
+  top: 0;
+  right: 0;
+}
+.u-swiper__indicator-wrapper--bottom-left[data-v-5602345b] {
+  bottom: 0;
+  left: 0;
+}
+.u-swiper__indicator-wrapper--bottom-right[data-v-5602345b] {
+  bottom: 0;
+  right: 0;
+}
+.u-swiper__indicator-wrapper--vertical[data-v-5602345b] {
+  flex-direction: column;
+}
+.u-swiper__indicator-item[data-v-5602345b] {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: var(--indicator-color, rgba(255, 255, 255, 0.5));
+  margin: 0 4px;
+  transition: all 0.3s;
+}
+.u-swiper__indicator-item--active[data-v-5602345b] {
+  width: 16px;
+  border-radius: 4px;
+  background-color: var(--indicator-active-color, #fff);
+}
+.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item[data-v-5602345b] {
+  width: 6px;
+  height: 6px;
+  margin: 4px 0;
+}
+.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item--active[data-v-5602345b] {
+  width: 6px;
+  height: 16px;
+}.u-swiper-item[data-v-ef481687] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.u-swiper-item--card[data-v-ef481687] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}.u-search[data-v-223b845c] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px 12px;
+}
+.u-search--disabled[data-v-223b845c] {
+  opacity: 0.6;
+}
+.u-search__content[data-v-223b845c] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  height: 36px;
+  padding: 0 12px;
+  background-color: #ffffff;
+  border-radius: 12px;
+  transition: all 0.3s;
+}
+.u-search--focus .u-search__content[data-v-223b845c] {
+  background-color: #ffffff;
+  box-shadow: 0 0 0 1px #1989fa;
+}
+.u-search__icon[data-v-223b845c] {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+.u-search__icon-text[data-v-223b845c] {
+  font-size: 14px;
+  color: #646566;
+}
+.u-search__body[data-v-223b845c] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.u-search__control[data-v-223b845c] {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  color: #323233;
+  background: transparent;
+}
+.u-search__placeholder[data-v-223b845c] {
+  color: #969799;
+}
+.u-search__clear[data-v-223b845c] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  background-color: #969799;
+  border-radius: 50%;
+}
+.u-search__clear-icon[data-v-223b845c] {
+  color: #ffffff;
+  font-size: 12px;
+  line-height: 1;
+}
+.u-search__action[data-v-223b845c] {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+}
+.u-search__action-text[data-v-223b845c] {
+  font-size: 14px;
+  color: #1989fa;
+}.u-number-box[data-v-86153bb8] {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.u-number-box--disabled[data-v-86153bb8] {
+  opacity: 0.5;
+}
+.u-number-box__btn[data-v-86153bb8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  transition: all 0.3s;
+  border-radius: 4px;
+}
+.u-number-box__btn[data-v-86153bb8]:active {
+  opacity: 0.7;
+}
+.u-number-box__btn--disabled[data-v-86153bb8] {
+  opacity: 0.4;
+}
+.u-number-box__btn-icon[data-v-86153bb8] {
+  line-height: 1;
+}
+.u-number-box__input[data-v-86153bb8] {
+  text-align: center;
+  font-size: 14px;
+  color: #323233;
+  background: #ffffff;
+  border: 1px solid #ebedf0;
+  border-radius: 4px;
+  outline: none;
+}
+.u-number-box__input--disabled[data-v-86153bb8] {
+  background: #f7f8fa;
+}.u-upload[data-v-172bcb23] {
+  width: 100%;
+}
+.u-upload__list[data-v-172bcb23] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.u-upload__item[data-v-172bcb23] {
+  position: relative;
+  width: 80px;
+  height: 80px;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #ffffff;
+  border: 1px solid #ebedf0;
+}
+.u-upload__item--error[data-v-172bcb23] {
+  border-color: #ee0a24;
+}
+.u-upload__item--uploading[data-v-172bcb23] {
+  opacity: 0.8;
+}
+.u-upload__preview[data-v-172bcb23] {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.u-upload__video[data-v-172bcb23] {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.u-upload__video-icon[data-v-172bcb23] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.3);
+  color: #fff;
+  font-size: 24px;
+}
+.u-upload__file[data-v-172bcb23] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+}
+.u-upload__file-icon[data-v-172bcb23] {
+  font-size: 24px;
+  margin-bottom: 4px;
+}
+.u-upload__file-name[data-v-172bcb23] {
+  font-size: 10px;
+  color: #646566;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.u-upload__progress[data-v-172bcb23] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.8);
+}
+.u-upload__progress-bar[data-v-172bcb23] {
+  height: 100%;
+  background: #1989fa;
+  transition: width 0.2s;
+}
+.u-upload__delete[data-v-172bcb23] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 0 8px 0 0;
+}
+.u-upload__delete-icon[data-v-172bcb23] {
+  color: #fff;
+  font-size: 12px;
+}
+.u-upload__error[data-v-172bcb23] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(238, 10, 36, 0.1);
+  color: #ee0a24;
+  font-size: 10px;
+}
+.u-upload__trigger[data-v-172bcb23] {
+  width: 80px;
+  height: 80px;
+  border-radius: 8px;
+  background: #f7f8fa;
+  border: 1px solid #ebedf0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-upload__trigger--disabled[data-v-172bcb23] {
+  opacity: 0.5;
+}
+.u-upload__trigger-default[data-v-172bcb23] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.u-upload__trigger-icon[data-v-172bcb23] {
+  font-size: 24px;
+  color: #969799;
+}
+.u-upload__trigger-text[data-v-172bcb23] {
+  font-size: 10px;
+  color: #969799;
+  margin-top: 4px;
+}.u-textarea[data-v-82478b77] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 12px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #ebedf0;
+  transition: all 0.3s;
+}
+.u-textarea--focus[data-v-82478b77] {
+  border-color: #1989fa;
+}
+.u-textarea--error[data-v-82478b77] {
+  border-color: #ee0a24;
+}
+.u-textarea--disabled[data-v-82478b77] {
+  background-color: #f7f8fa;
+}
+.u-textarea__control[data-v-82478b77] {
+  width: 100%;
+  min-height: 63px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #323233;
+  background: transparent;
+  resize: none;
+  outline: none;
+  border: none;
+}
+.u-textarea__placeholder[data-v-82478b77] {
+  color: #969799;
+}
+.u-textarea__limit[data-v-82478b77] {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 8px;
+}
+.u-textarea__limit-text[data-v-82478b77] {
+  font-size: 12px;
+  color: #969799;
+}
+.u-textarea--disabled .u-textarea__limit-text[data-v-82478b77] {
+  color: #969799;
+}
+.u-textarea--error .u-textarea__limit-text[data-v-82478b77] {
+  color: #ee0a24;
+}.u-slider[data-v-c099c413] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 12px 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.u-slider--disabled[data-v-c099c413] {
+  opacity: 0.5;
+}
+.u-slider__min[data-v-c099c413], .u-slider__max[data-v-c099c413] {
+  min-width: 32px;
+  text-align: center;
+}
+.u-slider__label[data-v-c099c413] {
+  font-size: 12px;
+  color: #646566;
+}
+.u-slider__track[data-v-c099c413] {
+  flex: 1;
+  position: relative;
+  border-radius: 999px;
+}
+.u-slider__bar[data-v-c099c413] {
+  position: absolute;
+  border-radius: 999px;
+  transition: width 0.1s, left 0.1s;
+}
+.u-slider__button[data-v-c099c413] {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 50%;
+  border: 2px solid #1989fa;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: transform 0.1s;
+}
+.u-slider__button[data-v-c099c413]:active {
+  transform: translateY(-50%) scale(1.2);
+}
+.u-slider__button--start[data-v-c099c413] {
+  left: -12px;
+}
+.u-slider__button--end[data-v-c099c413] {
+  right: -12px;
+}
+.u-slider__tooltip[data-v-c099c413] {
+  position: absolute;
+  left: 50%;
+  bottom: 100%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #323233;
+  color: #fff;
+  font-size: 10px;
+  border-radius: 4px;
+  white-space: nowrap;
+  margin-bottom: 8px;
+}
+.u-slider__tooltip[data-v-c099c413]::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: #323233;
+}
+.u-slider__ticks[data-v-c099c413] {
+  position: absolute;
+  inset: 0;
+}
+.u-slider__tick[data-v-c099c413] {
+  position: absolute;
+  width: 2px;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.1);
+  transform: translateX(-50%);
+}.u-list[data-v-6d331927] {
+  width: 100%;
+}
+.u-list__header[data-v-6d331927], .u-list__footer[data-v-6d331927] {
+  padding: 12px 16px;
+  font-size: 12px;
+  color: #646566;
+}
+.u-list__content[data-v-6d331927] {
+  min-height: 50px;
+}
+.u-list__loading[data-v-6d331927], .u-list__finished[data-v-6d331927], .u-list__error[data-v-6d331927] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  font-size: 14px;
+  color: #646566;
+}
+.u-list__loading[data-v-6d331927] {
+  gap: 8px;
+}
+.u-list__loading-icon[data-v-6d331927] {
+  width: 16px;
+  height: 16px;
+  border: 2px solid #ebedf0;
+  border-top-color: #1989fa;
+  border-radius: 50%;
+  animation: u-list-spin-6d331927 0.8s linear infinite;
+}
+.u-list__loading-text[data-v-6d331927], .u-list__finished-text[data-v-6d331927], .u-list__error-text[data-v-6d331927] {
+  font-size: 12px;
+  color: #646566;
+}
+.u-list__error-text[data-v-6d331927] {
+  color: #1989fa;
+}
+@keyframes u-list-spin-6d331927 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}.u-list-item[data-v-8c31b17c] {
+  display: flex;
+  align-items: flex-start;
+  padding: 12px 16px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #ebedf0;
+  transition: background-color 0.3s;
+}
+.u-list-item[data-v-8c31b17c]:last-child {
+  border-bottom: none;
+}
+.u-list-item--clickable[data-v-8c31b17c]:active {
+  background-color: #f7f8fa;
+}
+.u-list-item--disabled[data-v-8c31b17c] {
+  opacity: 0.5;
+}
+.u-list-item__icon[data-v-8c31b17c] {
+  display: flex;
+  align-items: center;
+  margin-right: 12px;
+}
+.u-list-item__thumb[data-v-8c31b17c] {
+  width: 40px;
+  height: 40px;
+  border-radius: 4px;
+  object-fit: cover;
+}
+.u-list-item__icon-text[data-v-8c31b17c] {
+  font-size: 20px;
+}
+.u-list-item__body[data-v-8c31b17c] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.u-list-item__title[data-v-8c31b17c] {
+  font-size: 14px;
+  color: #323233;
+  line-height: 1.5;
+}
+.u-list-item__desc[data-v-8c31b17c] {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #646566;
+  line-height: 1.4;
+}
+.u-list-item__content[data-v-8c31b17c] {
+  margin-top: 8px;
+}
+.u-list-item__extra[data-v-8c31b17c] {
+  display: flex;
+  align-items: center;
+  margin-left: 12px;
+  flex-shrink: 0;
+}
+.u-list-item__value[data-v-8c31b17c] {
+  font-size: 14px;
+  color: #646566;
+}
+.u-list-item__extra-text[data-v-8c31b17c] {
+  font-size: 12px;
+  color: #969799;
+}
+.u-list-item__arrow[data-v-8c31b17c] {
+  display: flex;
+  align-items: center;
+  margin-left: 8px;
+  color: #969799;
+}
+.u-list-item__arrow-icon[data-v-8c31b17c] {
+  font-size: 16px;
+}.u-line-progress[data-v-99121563] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.u-line-progress__track[data-v-99121563] {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.u-line-progress__bar[data-v-99121563] {
+  height: 100%;
+  transition: width 0.3s ease-out;
+  position: relative;
+}
+.u-line-progress__bar--striped[data-v-99121563] {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+.u-line-progress__bar--animated[data-v-99121563] {
+  animation: u-line-progress-stripes-99121563 1s linear infinite;
+}
+.u-line-progress__text[data-v-99121563] {
+  font-size: 12px;
+  color: #646566;
+  white-space: nowrap;
+  margin-left: 8px;
+}
+.u-line-progress__text--inside[data-v-99121563] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin-left: 0;
+  color: #fff;
+  font-size: 12px;
+}
+@keyframes u-line-progress-stripes-99121563 {
+from {
+    background-position: 1rem 0;
+}
+to {
+    background-position: 0 0;
+}
+}.u-count-down[data-v-da70e500] {
+  display: inline-block;
+}
+.u-count-down__text[data-v-da70e500] {
+  font-variant-numeric: tabular-nums;
+}.u-tooltip[data-v-dd1bff02] {
+  position: relative;
+  display: inline-block;
+}
+.u-tooltip--active[data-v-dd1bff02] {
+  z-index: 999;
+}
+.u-tooltip__trigger[data-v-dd1bff02] {
+  display: inline;
+  transition: background-color 0.15s;
+}
+.u-tooltip__trigger--highlight[data-v-dd1bff02] {
+  border-radius: 2px;
+}
+.u-tooltip__popup[data-v-dd1bff02] {
+  position: absolute;
+  z-index: 1000;
+  padding: 8px 12px;
+  background: #323233;
+  border-radius: 8px;
+  white-space: nowrap;
+  animation: u-tooltip-fade-in-dd1bff02 0.15s ease-out;
+}
+.u-tooltip__popup--top[data-v-dd1bff02] {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 8px;
+}
+.u-tooltip__popup--bottom[data-v-dd1bff02] {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-top: 8px;
+}
+.u-tooltip__arrow[data-v-dd1bff02] {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+}
+.u-tooltip__arrow--top[data-v-dd1bff02] {
+  bottom: -12px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-top-color: #323233;
+  border-bottom: none;
+}
+.u-tooltip__arrow--bottom[data-v-dd1bff02] {
+  top: -12px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-bottom-color: #323233;
+  border-top: none;
+}
+.u-tooltip__content[data-v-dd1bff02] {
+  display: flex;
+  align-items: center;
+}
+.u-tooltip__text[data-v-dd1bff02] {
+  font-size: 14px;
+  color: #fff;
+  line-height: 1.4;
+}
+.u-tooltip__actions[data-v-dd1bff02] {
+  display: flex;
+  gap: 16px;
+}
+.u-tooltip__action[data-v-dd1bff02] {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+}
+.u-tooltip__action--disabled[data-v-dd1bff02] {
+  opacity: 0.5;
+}
+.u-tooltip__action[data-v-dd1bff02]:not(.u-tooltip__action--disabled):active {
+  opacity: 0.7;
+}
+.u-tooltip__action-text[data-v-dd1bff02] {
+  font-size: 14px;
+  color: #fff;
+}
+@keyframes u-tooltip-fade-in-dd1bff02 {
+from {
+    opacity: 0;
+    transform: translateX(-50%) scale(0.9);
+}
+to {
+    opacity: 1;
+    transform: translateX(-50%) scale(1);
+}
+}.u-avatar[data-v-10f478fe] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  box-sizing: border-box;
+  background-color: #f7f8fa;
+  font-weight: 500;
+}
+.u-avatar--circle[data-v-10f478fe] {
+  border-radius: 50%;
+}
+.u-avatar--square[data-v-10f478fe] {
+  border-radius: 4px;
+}
+.u-avatar__image[data-v-10f478fe] {
+  width: 100%;
+  height: 100%;
+}
+.u-avatar__text[data-v-10f478fe] {
+  font-size: 16px;
+  color: #646566;
+  line-height: 1;
+}
+.u-avatar__icon[data-v-10f478fe] {
+  font-size: 24px;
+  color: #969799;
+}
+.u-avatar__badge[data-v-10f478fe] {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  font-size: 10px;
+  color: #ffffff;
+  background-color: #ee0a24;
+  border-radius: 999px;
+  box-sizing: border-box;
+}
+.u-avatar__badge--dot[data-v-10f478fe] {
+  min-width: 8px;
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border-radius: 50%;
+}
+.u-avatar__badge--top-right[data-v-10f478fe] {
+  top: 0;
+  right: 0;
+  transform: translate(25%, -25%);
+}
+.u-avatar__badge--top-left[data-v-10f478fe] {
+  top: 0;
+  left: 0;
+  transform: translate(-25%, -25%);
+}
+.u-avatar__badge--bottom-right[data-v-10f478fe] {
+  bottom: 0;
+  right: 0;
+  transform: translate(25%, 25%);
+}
+.u-avatar__badge--bottom-left[data-v-10f478fe] {
+  bottom: 0;
+  left: 0;
+  transform: translate(-25%, 25%);
+}.u-empty[data-v-853e089d] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px 12px;
+  box-sizing: border-box;
+}
+.u-empty--inline[data-v-853e089d] {
+  display: inline-flex;
+  padding: 12px;
+}
+.u-empty__image[data-v-853e089d] {
+  width: 160px;
+  height: 160px;
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.u-empty__image-src[data-v-853e089d] {
+  width: 100%;
+  height: 100%;
+}
+.u-empty__image-default[data-v-853e089d] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f7f8fa;
+  border-radius: 12px;
+}
+.u-empty__icon[data-v-853e089d] {
+  font-size: 64px;
+  color: #969799;
+}
+.u-empty__description[data-v-853e089d] {
+  font-size: 14px;
+  color: #969799;
+  line-height: 1.5;
+  text-align: center;
+  margin-bottom: 12px;
+}
+.u-empty__bottom[data-v-853e089d] {
+  margin-top: 8px;
+}.u-checkbox[data-v-6f3ea0c6] {
+  display: inline-flex;
+  align-items: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.u-checkbox--disabled[data-v-6f3ea0c6] {
+  opacity: 0.5;
+}
+.u-checkbox__icon[data-v-6f3ea0c6] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #ebedf0;
+  background-color: #ffffff;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+.u-checkbox__icon--square[data-v-6f3ea0c6] {
+  border-radius: 4px;
+}
+.u-checkbox__icon--circle[data-v-6f3ea0c6] {
+  border-radius: 50%;
+}
+.u-checkbox__icon--checked[data-v-6f3ea0c6] {
+  background-color: #1989fa;
+  border-color: #1989fa;
+}
+.u-checkbox__icon--disabled[data-v-6f3ea0c6] {
+  background-color: #f7f8fa;
+  border-color: #ebedf0;
+}
+.u-checkbox__check[data-v-6f3ea0c6] {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: bold;
+  line-height: 1;
+}
+.u-checkbox__label[data-v-6f3ea0c6] {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #323233;
+  line-height: 1.5;
+}
+.u-checkbox--checked .u-checkbox__label[data-v-6f3ea0c6] {
+  color: #323233;
+}
+.u-checkbox--disabled .u-checkbox__label[data-v-6f3ea0c6] {
+  color: #969799;
+}.u-checkbox-group[data-v-4e51c49e] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}.u-radio[data-v-3b4f8627] {
+  display: inline-flex;
+  align-items: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.u-radio--disabled[data-v-3b4f8627] {
+  opacity: 0.5;
+}
+.u-radio__icon[data-v-3b4f8627] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #ebedf0;
+  background-color: #ffffff;
+  border-radius: 50%;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+.u-radio__icon--checked[data-v-3b4f8627] {
+  border-color: #1989fa;
+  border-width: 6px;
+  background-color: #ffffff;
+}
+.u-radio__icon--disabled[data-v-3b4f8627] {
+  background-color: #f7f8fa;
+  border-color: #ebedf0;
+}
+.u-radio__dot[data-v-3b4f8627] {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #1989fa;
+}
+.u-radio__label[data-v-3b4f8627] {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #323233;
+  line-height: 1.5;
+}
+.u-radio--disabled .u-radio__label[data-v-3b4f8627] {
+  color: #969799;
+}.u-radio-group[data-v-04ea4949] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}.u-toast[data-v-ffefead4] {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  pointer-events: none;
+}
+.u-toast--top[data-v-ffefead4] {
+  top: 50px;
+}
+.u-toast--middle[data-v-ffefead4] {
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.u-toast--bottom[data-v-ffefead4] {
+  bottom: 50px;
+}
+.u-toast--forbid-click[data-v-ffefead4] {
+  pointer-events: auto;
+  width: 100vw;
+  height: 100vh;
+  left: 0;
+  top: 0;
+  transform: none;
+  background-color: transparent;
+}
+.u-toast__content[data-v-ffefead4] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 12px 16px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 12px;
+  min-width: 100px;
+  max-width: 280px;
+}
+.u-toast--loading .u-toast__content[data-v-ffefead4] {
+  min-width: 80px;
+  min-height: 80px;
+  padding: 16px;
+}
+.u-toast__icon[data-v-ffefead4] {
+  font-size: 32px;
+  color: #ffffff;
+  margin-bottom: 8px;
+}
+.u-toast__loading[data-v-ffefead4] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 8px;
+}
+.u-toast__loading-icon[data-v-ffefead4] {
+  width: 24px;
+  height: 24px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top-color: #ffffff;
+  border-radius: 50%;
+  animation: u-toast-loading-ffefead4 0.8s linear infinite;
+}
+@keyframes u-toast-loading-ffefead4 {
+to {
+    transform: rotate(360deg);
+}
+}
+.u-toast__text[data-v-ffefead4] {
+  font-size: 14px;
+  color: #ffffff;
+  line-height: 1.4;
+  text-align: center;
+}
+.u-popup[data-v-850475f0] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  pointer-events: none;
+}
+.u-popup--safe-area[data-v-850475f0] {
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  /* 鴻蒙兼容 */
+  padding-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
+}
+.u-popup__overlay[data-v-850475f0] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  opacity: 0;
+  transition: opacity 0.3s;
+  pointer-events: auto;
+}
+.u-popup__overlay--visible[data-v-850475f0] {
+  opacity: 1;
+}
+.u-popup__content[data-v-850475f0] {
+  position: absolute;
+  background-color: #ffffff;
+  transition: transform 0.3s ease-out;
+  pointer-events: auto;
+  overflow: hidden;
+}
+.u-popup__content--top[data-v-850475f0] {
+  transform: translateY(-100%);
+}
+.u-popup__content--top--visible[data-v-850475f0] {
+  transform: translateY(0);
+}
+.u-popup__content--top--round[data-v-850475f0] {
+  border-radius: 0 0 12px 12px;
+}
+.u-popup__content--bottom[data-v-850475f0] {
+  transform: translateY(100%);
+}
+.u-popup__content--bottom--visible[data-v-850475f0] {
+  transform: translateY(0);
+}
+.u-popup__content--bottom--round[data-v-850475f0] {
+  border-radius: 12px 12px 0 0;
+}
+.u-popup__content--left[data-v-850475f0] {
+  width: 80%;
+  height: 100%;
+  transform: translateX(-100%);
+}
+.u-popup__content--left--visible[data-v-850475f0] {
+  transform: translateX(0);
+}
+.u-popup__content--left--round[data-v-850475f0] {
+  border-radius: 0 12px 12px 0;
+}
+.u-popup__content--right[data-v-850475f0] {
+  width: 80%;
+  height: 100%;
+  transform: translateX(100%);
+}
+.u-popup__content--right--visible[data-v-850475f0] {
+  transform: translateX(0);
+}
+.u-popup__content--right--round[data-v-850475f0] {
+  border-radius: 12px 0 0 12px;
+}
+.u-popup__content--center[data-v-850475f0] {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scale(0.9);
+  opacity: 0;
+  min-width: 280px;
+  border-radius: 12px;
+}
+.u-popup__content--center--visible[data-v-850475f0] {
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+}
+.u-popup__content--center--round[data-v-850475f0] {
+  border-radius: 12px;
+}
+.u-popup__close[data-v-850475f0] {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1;
+}
+.u-popup__close-icon[data-v-850475f0] {
+  font-size: 18px;
+  color: #969799;
+}.u-code-input[data-v-9fffa23f] {
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.u-code-input__wrapper[data-v-9fffa23f] {
+  display: flex;
+  flex-direction: row;
+}
+.u-code-input__item[data-v-9fffa23f] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 1;
+  position: relative;
+  flex-shrink: 0;
+}
+.u-code-input__item[data-v-9fffa23f]:last-child {
+  margin-right: 0 !important;
+}
+.u-code-input__item--filled[data-v-9fffa23f] {
+  background-color: #f7f8fa;
+  border: 1px solid #ebedf0;
+  border-radius: 4px;
+}
+.u-code-input__item--plain[data-v-9fffa23f] {
+  border-bottom: 2px solid #ebedf0;
+  background-color: transparent;
+}
+.u-code-input__item--active[data-v-9fffa23f] {
+  border-color: #1989fa;
+}
+.u-code-input__item--focused[data-v-9fffa23f] {
+  border-color: #1989fa;
+}
+.u-code-input__item--disabled[data-v-9fffa23f] {
+  opacity: 0.5;
+}
+.u-code-input__char[data-v-9fffa23f] {
+  color: #323233;
+}
+.u-code-input__dot[data-v-9fffa23f] {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #323233;
+}
+.u-code-input__placeholder[data-v-9fffa23f] {
+  color: #969799;
+  font-size: 24px;
+}
+.u-code-input__cursor[data-v-9fffa23f] {
+  position: absolute;
+  left: 0;
+  top: 10%;
+  height: 80%;
+  width: 2px;
+  background-color: #1989fa;
+  animation: u-code-input-cursor-9fffa23f 1s infinite;
+}
+@keyframes u-code-input-cursor-9fffa23f {
+0%, 50% {
+    opacity: 1;
+}
+51%, 100% {
+    opacity: 0;
+}
+}
+.u-code-input__input[data-v-9fffa23f] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200%;
+  height: 100%;
+  opacity: 0;
+  z-index: 2;
+}.u-skeleton[data-v-8f29b4c7] {
+  display: flex;
+  gap: 12px;
+}
+.u-skeleton--animate .u-skeleton__avatar[data-v-8f29b4c7],
+.u-skeleton--animate .u-skeleton__title[data-v-8f29b4c7],
+.u-skeleton--animate .u-skeleton__paragraph[data-v-8f29b4c7] {
+  animation: skeleton-blink-8f29b4c7 1.2s ease-in-out infinite;
+}
+.u-skeleton__avatar[data-v-8f29b4c7] {
+  flex-shrink: 0;
+  background-color: #f2f3f5;
+  border-radius: 50%;
+}
+.u-skeleton__avatar--circle[data-v-8f29b4c7] {
+  border-radius: 50%;
+}
+.u-skeleton__avatar--square[data-v-8f29b4c7] {
+  border-radius: 4px;
+}
+.u-skeleton__content[data-v-8f29b4c7] {
+  flex: 1;
+  min-width: 0;
+}
+.u-skeleton__title[data-v-8f29b4c7] {
+  height: 20px;
+  margin-bottom: 12px;
+  background-color: #f2f3f5;
+  border-radius: 4px;
+}
+.u-skeleton__paragraphs[data-v-8f29b4c7] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.u-skeleton__paragraph[data-v-8f29b4c7] {
+  background-color: #f2f3f5;
+  border-radius: 4px;
+}
+@keyframes skeleton-blink-8f29b4c7 {
+0% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.5;
+}
+100% {
+    opacity: 1;
+}
+}.u-transition[data-v-48c1ff4a] {
+  opacity: 1;
+  transform: none;
+}
+.u-transition--fade-enter[data-v-48c1ff4a] {
+  opacity: 0;
+}
+.u-transition--fade-leave[data-v-48c1ff4a] {
+  opacity: 0;
+}
+.u-transition--fade-up-enter[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateY(100%);
+}
+.u-transition--fade-up-leave[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateY(-100%);
+}
+.u-transition--fade-down-enter[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateY(-100%);
+}
+.u-transition--fade-down-leave[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateY(100%);
+}
+.u-transition--fade-left-enter[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateX(100%);
+}
+.u-transition--fade-left-leave[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateX(-100%);
+}
+.u-transition--fade-right-enter[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateX(-100%);
+}
+.u-transition--fade-right-leave[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: translateX(100%);
+}
+.u-transition--slide-up-enter[data-v-48c1ff4a] {
+  transform: translateY(100%);
+}
+.u-transition--slide-up-leave[data-v-48c1ff4a] {
+  transform: translateY(-100%);
+}
+.u-transition--slide-down-enter[data-v-48c1ff4a] {
+  transform: translateY(-100%);
+}
+.u-transition--slide-down-leave[data-v-48c1ff4a] {
+  transform: translateY(100%);
+}
+.u-transition--slide-left-enter[data-v-48c1ff4a] {
+  transform: translateX(100%);
+}
+.u-transition--slide-left-leave[data-v-48c1ff4a] {
+  transform: translateX(-100%);
+}
+.u-transition--slide-right-enter[data-v-48c1ff4a] {
+  transform: translateX(-100%);
+}
+.u-transition--slide-right-leave[data-v-48c1ff4a] {
+  transform: translateX(100%);
+}
+.u-transition--zoom-enter[data-v-48c1ff4a] {
+  transform: scale(0);
+}
+.u-transition--zoom-leave[data-v-48c1ff4a] {
+  transform: scale(0);
+}
+.u-transition--zoom-fade-enter[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: scale(0.5);
+}
+.u-transition--zoom-fade-leave[data-v-48c1ff4a] {
+  opacity: 0;
+  transform: scale(0.5);
+}.u-link[data-v-264b49c0] {
+  display: inline;
+  color: #646566;
+  font-size: inherit;
+  word-break: break-all;
+}
+.u-link--default[data-v-264b49c0] {
+  color: #646566;
+}
+.u-link--primary[data-v-264b49c0] {
+  color: #1989fa;
+}
+.u-link--success[data-v-264b49c0] {
+  color: #07c160;
+}
+.u-link--warning[data-v-264b49c0] {
+  color: #ff976a;
+}
+.u-link--danger[data-v-264b49c0] {
+  color: #ee0a24;
+}
+.u-link--underline[data-v-264b49c0] {
+  text-decoration: underline;
+}
+.u-link--disabled[data-v-264b49c0] {
+  color: #969799;
+  opacity: 0.5;
+}.u-read-more__content[data-v-e27ed42c] {
+  font-size: 14px;
+  color: #323233;
+  line-height: 1.6;
+  word-break: break-all;
+}
+.u-read-more__toggle[data-v-e27ed42c] {
+  display: inline-flex;
+  align-items: center;
+  margin-top: 8px;
+  color: #1989fa;
+  font-size: 14px;
+}
+.u-read-more__toggle[data-v-e27ed42c]:active {
+  opacity: 0.7;
+}
+.u-read-more__toggle-text[data-v-e27ed42c] {
+  margin-right: 4px;
+}
+.u-read-more__toggle-icon[data-v-e27ed42c] {
+  font-size: 12px;
+}
+.u-tabbar[data-v-cdd03f9f] {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  width: 100%;
+}
+.u-tabbar__nav-wrap[data-v-cdd03f9f] {
+  position: absolute;
+  left: 14px;
+  right: 14px;
+  bottom: calc(10px + env(safe-area-inset-bottom));
+  /* 鴻蒙兼容 */
+  bottom: calc(10px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom)));
+  z-index: 5;
+  height: 56px;
+  border-radius: 28px;
+  background: linear-gradient(90deg, #12b6af 0%, #9fe4dd 100%);
+  box-shadow: 0 10px 24px rgba(7, 114, 108, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 8px;
+  box-sizing: border-box;
+}
+.u-tabbar__tab-btn[data-v-cdd03f9f] {
+  flex: 1;
+  height: 40px;
+  border-radius: 20px;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  transition: all 200ms ease;
+  white-space: nowrap;
+  overflow: hidden;
+  min-width: 0;
+}
+.u-tabbar__tab-btn--active[data-v-cdd03f9f] {
+  background: #ffffff;
+  color: #0c958e;
+  box-shadow: inset 0 0 0 1px rgba(17, 135, 128, 0.14);
+}
+.u-tabbar__tab-icon[data-v-cdd03f9f] {
+  font-size: 16px;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.9);
+  flex-shrink: 0;
+}
+.u-tabbar__tab-btn--active .u-tabbar__tab-icon[data-v-cdd03f9f] {
+  color: #0c958e;
+}
+.u-tabbar__tab-text[data-v-cdd03f9f] {
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.9);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.u-tabbar__tab-btn--active .u-tabbar__tab-text[data-v-cdd03f9f] {
+  color: #0c958e;
+}
+.u-tabbar__center[data-v-cdd03f9f] {
+  position: relative;
+  width: 72px;
+  height: 56px;
+  flex-shrink: 0;
+}
+.u-tabbar__center-btn[data-v-cdd03f9f] {
+  position: absolute;
+  left: 50%;
+  top: -22px;
+  transform: translateX(-50%);
+  width: 72px;
+  height: 72px;
+  border-radius: 50%;
+  border: 2px solid #dff7f4;
+  background: linear-gradient(180deg, #65d8d1 0%, #21b5ae 100%);
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1px;
+  box-shadow: 0 8px 20px rgba(8, 112, 106, 0.3);
+  transition: all 200ms ease;
+}
+.u-tabbar__center-btn[data-v-cdd03f9f]:active {
+  transform: translateX(-50%) scale(0.95);
+}
+.u-tabbar__center-btn--active[data-v-cdd03f9f] {
+  background: #ffffff;
+  border-color: #12b6af;
+}
+.u-tabbar__center-btn--active .u-tabbar__center-brand[data-v-cdd03f9f],
+.u-tabbar__center-btn--active .u-tabbar__center-text[data-v-cdd03f9f] {
+  color: #12b6af;
+}
+.u-tabbar__center-brand[data-v-cdd03f9f] {
+  font-size: 22px;
+  line-height: 1;
+  font-weight: 700;
+  color: #fff;
+}
+.u-tabbar__center-text[data-v-cdd03f9f] {
+  font-size: 12px;
+  letter-spacing: 0.5px;
+  color: #fff;
+}