@import "https://fonts.googleapis.cn/css2?family=Noto+Color+Emoji&display=swap";.niuui_dialog .niuui_mask {
  z-index: 99980;
}
.niuui_dialog .dialog {
  position: fixed;
  z-index: 99981;
  width: 6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fafafc;
  border-radius: 0.12rem;
  overflow: hidden;
}
.niuui_dialog .title {
  padding: 0.36rem 0.4rem 0;
  margin: 0;
  font-weight: normal;
  font-size: 0.34rem;
  text-align: center;
  color: #333;
  line-height: 0.44rem;
}
.niuui_dialog .text {
  margin-top: 0.4rem;
  font-size: 0.3rem;
  color: #666;
  padding: 0 0.4rem;
  line-height: 150%;
  word-wrap: break-word;
  word-break: break-all;
  max-height: calc(100vh - 4rem);
  overflow: auto;
}
.niuui_dialog .text.not {
  font-size: 0.34rem;
  color: #444;
}
.niuui_dialog .title + .text {
  margin-top: 0.2rem;
  font-size: 0.28rem;
  color: #888;
}
.niuui_dialog .input {
  margin: 0.2rem 0.35rem 0;
  border: 0.02rem solid #d5d5d6;
  background: #fff;
  border-radius: 0.06rem;
  overflow: hidden;
}
.niuui_dialog .input .ipt, .niuui_dialog .input .area {
  width: 100%;
  font-size: 0.28rem;
  padding: 0.1rem;
  line-height: 0.36rem;
  color: #222;
  box-sizing: border-box;
  border: none;
  resize: none;
}
.niuui_dialog .input .ipt {
  padding: 0.14rem;
}
.niuui_dialog .input .picture {
  position: relative;
  padding: 0.1rem;
  background: #fcfcfe;
}
.niuui_dialog .input .picture:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem dashed #d0d0d1;
  color: #d0d0d1;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
}
.niuui_dialog .input .picture .preview {
  display: flex;
  align-items: center;
}
.niuui_dialog .input .picture .preview .image .img {
  max-height: 1.3rem;
  max-width: 3rem;
}
.niuui_dialog .input .picture .preview .action {
  margin-left: 0.24rem;
}
.niuui_dialog .input .picture .preview .action .act {
  line-height: 0.44rem;
  font-size: 0.24rem;
  background: #f0f3f5;
  color: #60686f;
  border-radius: 0.22rem;
  padding: 0 0.16rem;
  border: 1px solid #e0e4e8;
}
.niuui_dialog .input .picture .preview .action .act .ff {
  margin-right: 0.06rem;
}
.niuui_dialog .input .picture .preview .action .clear {
  margin-top: 0.14rem;
}
.niuui_dialog .input .picture .upload {
  display: flex;
  align-items: center;
  height: 0.34rem;
}
.niuui_dialog .input .picture .upload .pic {
  font-size: 0.34rem;
  color: #aaa;
}
.niuui_dialog .input .picture .upload .txt {
  flex: 1;
  font-size: 0.26rem;
  color: #a1a1a1;
  margin-left: 0.1rem;
}
.niuui_dialog .input .picture .upload .add {
  color: #aaa;
  font-size: 0.24rem;
}
.niuui_dialog .buttons {
  position: relative;
  line-height: 0.84rem;
  margin-top: 0.4rem;
  font-size: 0.32rem;
  color: #333;
  text-align: center;
}
.niuui_dialog .buttons .btn-item {
  display: block;
}
.niuui_dialog .buttons.row {
  display: flex;
}
.niuui_dialog .buttons.row:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem solid #d5d5d6;
  color: #d5d5d6;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
}
.niuui_dialog .buttons.row .btn-item {
  flex: 1;
  display: block;
  position: relative;
}
.niuui_dialog .buttons.row .btn-item:not(:first-child):before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.02rem;
  bottom: 0;
  border-left: 0.02rem solid #D5D5D6;
  color: #D5D5D6;
  transform-origin: 0 0;
  transform: scaleX(0.5);
  z-index: 999;
}
.niuui_dialog .buttons.multi .btn-item {
  position: relative;
}
.niuui_dialog .buttons.multi .btn-item:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem solid #d5d5d6;
  color: #d5d5d6;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
}.card[data-v-4e2481db] {
  width: 6.4rem;
  padding: 0.5rem 0.4rem 0.3rem;
  background: radial-gradient(circle at 16% 10%, rgba(67, 194, 123, 0.2), transparent 1.4rem), radial-gradient(circle at 88% 28%, rgba(67, 194, 123, 0.2), transparent 1.6rem), linear-gradient(180deg, #FFFDF7, #FFFFFF 72%, #FFFDF8);
}
.hero[data-v-4e2481db] {
  display: block;
  width: 5rem;
  margin: 0 auto;
}
.title[data-v-4e2481db] {
  color: #222528;
  font-size: 0.5rem;
  font-weight: 800;
  text-align: center;
  margin-top: 0.4rem;
}
.desc[data-v-4e2481db] {
  margin-top: 0.2rem;
  color: #737A80;
  font-size: 0.28rem;
  font-weight: 500;
  text-align: center;
}
.limits[data-v-4e2481db] {
  margin-top: 0.4rem;
  padding: 0.06rem 0.3rem;
  border-radius: 0.24rem;
  border: 0.02rem solid #ECF5E5;
  background: #FAFCF8;
}
.item[data-v-4e2481db] {
  display: flex;
  align-items: center;
  height: 0.86rem;
  position: relative;
}
.item[data-v-4e2481db]:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem solid #DEE3DE;
  color: #DEE3DE;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
}
.item[data-v-4e2481db]:first-child:before {
  content: none;
  display: none;
}
.ico[data-v-4e2481db] {
  flex: none;
  width: 0.6rem;
  color: rgba(var(--theme-color-rgb), 0.8);
  font-size: 0.4rem;
  text-align: left;
}
.text[data-v-4e2481db] {
  min-width: 0;
  flex: 1;
  color: #645F69;
  font-size: 0.28rem;
  line-height: 0.4rem;
  font-weight: 500;
  white-space: nowrap;
}
.text b[data-v-4e2481db] {
  color: var(--theme-color-hex);
  font-weight: 700;
  padding: 0 0.06rem;
}
.submit[data-v-4e2481db] {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.4rem;
  border: none;
  border-radius: 1rem;
  background: linear-gradient(to right bottom, rgba(var(--theme-color-rgb), 0.7), var(--theme-color-hex));
  box-shadow: 0 0.12rem 0.24rem rgba(var(--theme-color-rgb), 0.18);
  font-size: 0.34rem;
  font-weight: 800;
}
.cancel[data-v-4e2481db] {
  margin-top: 0.2rem;
  color: #85898E;
  font-size: 0.32rem;
  line-height: 0.6rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}.card[data-v-c0d2a45c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.4rem;
  padding: 0 0.4rem 0.4rem;
  border: 0.08rem solid rgba(var(--theme-color-rgb), 0.5);
  border-radius: 0.6rem;
  background: radial-gradient(circle at 50% -0.2rem, rgba(191, 240, 156, 0.42), transparent 1.5rem), radial-gradient(circle at 13% 21%, rgba(255, 229, 138, 0.22), transparent 1.25rem), radial-gradient(circle at 88% 18%, rgba(var(--theme-color-rgb), 0.12), transparent 1.45rem), linear-gradient(180deg, #FFFDF3 0%, #FFFFF9 58%, #FFFDF2 100%);
  overflow: visible;
}
.hero[data-v-c0d2a45c] {
  display: block;
  width: 4rem;
  margin-top: -0.8rem;
}
.title[data-v-c0d2a45c] {
  z-index: 2;
  color: var(--theme-color-hex);
  background: linear-gradient(to bottom, rgba(var(--theme-color-rgb), 0.9), var(--theme-color-hex));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.6rem;
  font-weight: 900;
  margin-top: 0.3rem;
}
.desc[data-v-c0d2a45c] {
  margin-top: 0.16rem;
  color: #414651;
  font-size: 0.28rem;
  line-height: 0.4rem;
  font-weight: 600;
}
.limits[data-v-c0d2a45c] {
  width: 100%;
  margin: 0.34rem 0;
}
.item[data-v-c0d2a45c] {
  display: flex;
  align-items: center;
  height: 1rem;
  padding: 0 0.2rem;
  border: 0.02rem solid rgba(var(--color), 0.35);
  border-radius: 0.2rem;
  background: linear-gradient(105deg, rgba(var(--color), 0.16) 0%, rgba(var(--color), 0.04) 48%, rgba(var(--color), 0.11) 100%);
  box-shadow: inset 0 0.03rem 0 rgba(255, 255, 255, 0.85), 0 0.08rem 0.2rem rgba(var(--color), 0.08);
  box-sizing: border-box;
  cursor: pointer;
}
.item + .item[data-v-c0d2a45c] {
  margin-top: 0.2rem;
}
.ico[data-v-c0d2a45c] {
  flex: none;
  color: rgb(var(--color));
  background: linear-gradient(to right bottom, rgba(var(--color), 0.7), rgb(var(--color)));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.48rem;
}
.text[data-v-c0d2a45c] {
  min-width: 0;
  flex: 1;
  color: #484B51;
  font-size: 0.32rem;
  font-weight: 600;
  white-space: nowrap;
  margin-left: 0.2rem;
}
.arrow[data-v-c0d2a45c] {
  color: rgb(var(--color));
  font-size: 0.24rem;
  font-weight: 900;
}
.more[data-v-c0d2a45c] {
  display: inline-flex;
  align-items: center;
  padding: 0 0.24rem;
  height: 0.56rem;
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.14);
  border-radius: 1rem;
  background: rgba(var(--theme-color-rgb), 0.06);
  color: #668274;
  font-size: 0.26rem;
  font-weight: 600;
}
.more .ff[data-v-c0d2a45c] {
  opacity: 0.6;
  margin-right: 0.1rem;
}
.close[data-v-c0d2a45c] {
  position: relative;
  width: 4.4rem;
  height: 0.88rem;
  margin-top: 0.3rem;
  border-radius: 1rem;
  background: linear-gradient(to right bottom, rgba(var(--theme-color-rgb), 0.7), var(--theme-color-hex));
  box-shadow: inset 0 -0.05rem 0 rgba(39, 109, 47, 0.18), 0 0.1rem 0.18rem rgba(var(--theme-color-rgb), 0.28);
  color: #FFFFFF;
  font-size: 0.4rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
}.niuui_frame {
  position: fixed;
  z-index: 99950;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: top ease 0.3s;
}
.niuui_frame.remove {
  top: 100%;
}
.niuui_frame .alert {
  background: #ffffff;
  line-height: 1rem;
  font-size: 0.36rem;
  position: relative;
  padding: 0 1rem;
  text-align: center;
  color: #222222;
}
.niuui_frame .alert .close {
  position: absolute;
  font-size: 0.36rem;
  line-height: 1rem;
  top: 0;
  width: 0.8rem;
  left: 0;
}
.niuui_frame .alert:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.02rem;
  border-bottom: 0.02rem solid #D8D8D8;
  color: #D8D8D8;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
  z-index: 999;
}
.niuui_frame .frame-box {
  flex: 1;
  background: #ffffff;
  width: 100%;
}
.niuui_frame .frame-box .frame {
  border: none;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.niuui_frame .html-box {
  flex: 1;
  background: #f3f5f7;
  width: 100%;
  position: relative;
}
.niuui_frame .html-box .html {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}.niuui_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  transition: opacity ease 180ms;
}
.niuui_mask.remove {
  opacity: 0;
}
.niuui_mask.black {
  background: rgba(0, 0, 0, 0.95);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.niuui_mask.dark {
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.niuui_mask.light {
  background: rgba(110, 120, 130, 0.2);
  -webkit-backdrop-filter: blur(0.5px);
          backdrop-filter: blur(0.5px);
}
.niuui_mask.trans {
  background: transparent;
}.pswp {
  --pswp-root-z-index: 99970 !important;
}
.pswp .pswp__img {
  cursor: -webkit-grab;
  cursor: grab;
}
.pswp .pswp__top-bar {
  height: 40px;
}
.pswp .pswp__top-bar .pswp__counter {
  height: 35px;
  line-height: 35px;
  margin-top: 3px;
}
.pswp .pswp__top-bar .pswp__button {
  height: 40px;
}
.pswp .pswp__top-bar .pswp__preloader {
  height: 40px;
  margin-left: 6px;
}
.pswp .pswp__top-bar .pswp__icn {
  top: 4px;
}
.pswp .pswp__top-bar .pswp__button--close {
  margin-right: 0;
}
.pswp .pswp__top-bar .pswp__button--close .pswp__icn {
  height: 30px;
  top: 6px;
}/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}
.niuui_popup .niuui_mask {
  z-index: 99880;
}
.niuui_popup .popup {
  position: fixed;
  top: 0.3rem;
  left: 50%;
  bottom: 0.3rem;
  width: 6rem;
  max-width: 80%;
  z-index: 99881;
  transform: translateX(-50%);
}
.niuui_popup .head {
  height: 1rem;
  position: relative;
}
.niuui_popup .head .ff {
  position: absolute;
  right: 0.3rem;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border: 0.02rem solid #fff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  font-size: 0.24rem;
}
.niuui_popup .head .line {
  position: absolute;
  right: 0.54rem;
  top: 0.5rem;
  width: 0.02rem;
  bottom: 0;
  background: #fff;
  z-index: 999;
  margin: 0;
  display: block;
}
.niuui_popup .box1 {
  position: absolute;
  width: 100%;
  top: 1rem;
  bottom: 0;
}
.niuui_popup .box2 {
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border-radius: 0.1rem;
}

.niuui_popup2 .niuui_mask {
  z-index: 99880;
}
.niuui_popup2 .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 6rem;
  max-width: 80%;
  z-index: 99881;
  transform: translate(-50%, -50%);
}
.niuui_popup2 .box {
  width: 100%;
  margin-top: -1rem;
}
.niuui_popup2 .close {
  position: absolute;
  left: 50%;
  width: 0.52rem;
  height: 0.52rem;
  margin-left: -0.26rem;
  margin-top: 0.3rem;
  border-radius: 0.26rem;
  border: 0.02rem solid rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.niuui_popup2 .close .ff {
  font-size: 0.26rem;
  line-height: 0.52rem;
}.niuui_qrcode {
  position: fixed;
  z-index: 99960;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  flex-direction: column;
  transition: top ease 0.3s;
}
.niuui_qrcode.remove {
  top: 100%;
}
.niuui_qrcode .alert {
  background: #222;
  line-height: 1rem;
  font-size: 0.36rem;
  position: relative;
  padding: 0 1rem;
  text-align: center;
  color: #f0f0f0;
}
.niuui_qrcode .alert .close, .niuui_qrcode .alert .help {
  position: absolute;
  font-size: 0.36rem;
  line-height: 1rem;
  top: 0;
  width: 0.8rem;
}
.niuui_qrcode .alert .help {
  right: 0;
}
.niuui_qrcode .alert .close {
  left: 0;
}
.niuui_qrcode .image {
  text-align: center;
  flex: 1;
  position: relative;
  margin: 0.3rem;
}
.niuui_qrcode .image img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.niuui_qrcode .button .btn {
  border-radius: 0;
  display: block;
  width: 100%;
  line-height: 0.8rem;
}

.niuui_qrcode2 .niuui_mask {
  z-index: 99960;
}
.niuui_qrcode2 .dialog {
  position: fixed;
  z-index: 99961;
  width: 4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.16rem;
}
.niuui_qrcode2 .close {
  position: absolute;
  background: #fff;
  width: 0.56rem;
  line-height: 0.56rem;
  border-radius: 50%;
  text-align: center;
  color: #555;
  left: 50%;
  bottom: -0.76rem;
  margin-left: -0.28rem;
  font-size: 0.24rem;
  font-weight: bold;
  transform: scale(0.85);
  transform-origin: top center;
}
.niuui_qrcode2 .image {
  margin: 0.1rem;
}
.niuui_qrcode2 .image img {
  width: 100%;
}
.niuui_qrcode2 .text {
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin: 0.2rem;
  color: #333;
}.niuui_toast .niuui_mask {
  z-index: 99990;
}
.niuui_toast .toast {
  position: fixed;
  z-index: 99991;
  min-width: 2.4rem;
  min-height: 2.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 0.16rem;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.niuui_toast .icon {
  font-size: 0.7rem;
  line-height: 1rem;
}
.niuui_toast .text {
  margin: 0.2rem 0 0;
  font-size: 0.32rem;
  line-height: 0.44rem;
  padding: 0 0.15rem;
  word-break: break-all;
}

.niuui_toast_text {
  position: fixed;
  z-index: 99991;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgba(30, 30, 30, 0.8);
  border-radius: 0.12rem;
  color: #ffffff;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding: 0.1rem 0.16rem;
  white-space: nowrap;
  bottom: 10%;
  opacity: 1;
  animation: a1751 0.1s ease-in;
}
@keyframes a1751 {
  from {
    bottom: 12%;
    opacity: 0.5;
  }
  to {
    bottom: 10%;
    opacity: 1;
  }
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji", "Noto Color Emoji";
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
body {
  font-size: 0.28rem;
  line-height: 1;
  color: #000;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-user-select: none;
          user-select: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, iframe {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
ul, dl, dt, dd {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
  text-decoration: none;
}
abbr[title] {
  border-bottom: 0.02rem dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  display: block;
  border: 0;
}
svg:not(:root) {
  display: block;
  overflow: hidden;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: content-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
fieldset {
  border: 0.02rem solid silver;
  margin: 0 0.02rem;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
::-webkit-scrollbar {
  display: none;
}
:focus-visible {
  outline: none;
}
* {
  scrollbar-width: none;
}
:root {
  --theme-color-hex: #199E63;
  --theme-color-rgb: 26, 158, 99;
  --theme-color-hs: 153, 73%;
  --theme-color-l: 36%;
}
html {
  font-size: 50px;
}
body {
  margin: 0;
}
html, body, #app {
  height: 100vh;
  height: -webkit-fill-available;
  height: 100dvh;
  width: 100vw;
  width: -webkit-fill-available;
  width: 100dvw;
}
.sf-toolbar {
  display: none !important;
}
.link {
  cursor: pointer !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.size-100 {
  width: 100%;
  height: 100%;
}
.size-0 {
  width: 0;
  height: 0;
}
.line-height-0 {
  line-height: 0;
}
.top-line {
  position: relative;
}
.top-line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem solid #D8D8D8;
  color: #D8D8D8;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
}
.left-line {
  position: relative;
}
.left-line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.02rem;
  bottom: 0;
  border-left: 0.02rem solid #D8D8D8;
  color: #D8D8D8;
  transform-origin: 0 0;
  transform: scaleX(0.5);
  z-index: 999;
}
.bottom-line {
  position: relative;
}
.bottom-line:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.02rem;
  border-bottom: 0.02rem solid #D8D8D8;
  color: #D8D8D8;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
  z-index: 999;
}
.right-line {
  position: relative;
}
.right-line:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 0.02rem;
  bottom: 0;
  border-right: 0.02rem solid #D8D8D8;
  color: #D8D8D8;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
  z-index: 999;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.hide, .hidden, template, [hide], [hidden], [remove] {
  display: none !important;
}
.font-bold {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline !important;
}
.text-through-line {
  text-decoration: line-through !important;
}
.no-radius {
  border-radius: 0 !important;
}
.selectable {
  -webkit-user-select: initial !important;
          user-select: initial !important;
  -webkit-touch-callout: default !important;
}
.color-primary {
  color: var(--theme-color-hex) !important;
}
.color-primary.link {
  color: var(--theme-color-hex);
  outline: 0;
  text-decoration: none;
}
.color-primary.link:link {
  color: var(--theme-color-hex);
}
.color-primary.link:visited {
  color: var(--theme-color-hex);
}
.color-primary.link:hover {
  color: var(--theme-color-hex);
}
.color-primary.link:active {
  color: var(--theme-color-hex);
}
.color-primary.link:focus {
  color: var(--theme-color-hex);
}
.background-primary {
  background-color: var(--theme-color-hex) !important;
}
.border-primary {
  border-color: var(--theme-color-hex) !important;
}
.color-red {
  color: #E0262E !important;
}
.color-red.link {
  color: #E0262E;
  outline: 0;
  text-decoration: none;
}
.color-red.link:link {
  color: #E0262E;
}
.color-red.link:visited {
  color: #E0262E;
}
.color-red.link:hover {
  color: #E0262E;
}
.color-red.link:active {
  color: #E0262E;
}
.color-red.link:focus {
  color: #E0262E;
}
.background-red {
  background-color: #E0262E !important;
}
.border-red {
  border-color: #E0262E !important;
}
.color-pink {
  color: #F498B3 !important;
}
.color-pink.link {
  color: #F498B3;
  outline: 0;
  text-decoration: none;
}
.color-pink.link:link {
  color: #F498B3;
}
.color-pink.link:visited {
  color: #F498B3;
}
.color-pink.link:hover {
  color: #F498B3;
}
.color-pink.link:active {
  color: #F498B3;
}
.color-pink.link:focus {
  color: #F498B3;
}
.background-pink {
  background-color: #F498B3 !important;
}
.border-pink {
  border-color: #F498B3 !important;
}
.color-rose {
  color: #F64A79 !important;
}
.color-rose.link {
  color: #F64A79;
  outline: 0;
  text-decoration: none;
}
.color-rose.link:link {
  color: #F64A79;
}
.color-rose.link:visited {
  color: #F64A79;
}
.color-rose.link:hover {
  color: #F64A79;
}
.color-rose.link:active {
  color: #F64A79;
}
.color-rose.link:focus {
  color: #F64A79;
}
.background-rose {
  background-color: #F64A79 !important;
}
.border-rose {
  border-color: #F64A79 !important;
}
.color-orange {
  color: #F98054 !important;
}
.color-orange.link {
  color: #F98054;
  outline: 0;
  text-decoration: none;
}
.color-orange.link:link {
  color: #F98054;
}
.color-orange.link:visited {
  color: #F98054;
}
.color-orange.link:hover {
  color: #F98054;
}
.color-orange.link:active {
  color: #F98054;
}
.color-orange.link:focus {
  color: #F98054;
}
.background-orange {
  background-color: #F98054 !important;
}
.border-orange {
  border-color: #F98054 !important;
}
.color-yellow {
  color: #FCC82F !important;
}
.color-yellow.link {
  color: #FCC82F;
  outline: 0;
  text-decoration: none;
}
.color-yellow.link:link {
  color: #FCC82F;
}
.color-yellow.link:visited {
  color: #FCC82F;
}
.color-yellow.link:hover {
  color: #FCC82F;
}
.color-yellow.link:active {
  color: #FCC82F;
}
.color-yellow.link:focus {
  color: #FCC82F;
}
.background-yellow {
  background-color: #FCC82F !important;
}
.border-yellow {
  border-color: #FCC82F !important;
}
.color-green {
  color: #43C27B !important;
}
.color-green.link {
  color: #43C27B;
  outline: 0;
  text-decoration: none;
}
.color-green.link:link {
  color: #43C27B;
}
.color-green.link:visited {
  color: #43C27B;
}
.color-green.link:hover {
  color: #43C27B;
}
.color-green.link:active {
  color: #43C27B;
}
.color-green.link:focus {
  color: #43C27B;
}
.background-green {
  background-color: #43C27B !important;
}
.border-green {
  border-color: #43C27B !important;
}
.color-tiffany {
  color: #81D8D0 !important;
}
.color-tiffany.link {
  color: #81D8D0;
  outline: 0;
  text-decoration: none;
}
.color-tiffany.link:link {
  color: #81D8D0;
}
.color-tiffany.link:visited {
  color: #81D8D0;
}
.color-tiffany.link:hover {
  color: #81D8D0;
}
.color-tiffany.link:active {
  color: #81D8D0;
}
.color-tiffany.link:focus {
  color: #81D8D0;
}
.background-tiffany {
  background-color: #81D8D0 !important;
}
.border-tiffany {
  border-color: #81D8D0 !important;
}
.color-blue {
  color: #64AAEF !important;
}
.color-blue.link {
  color: #64AAEF;
  outline: 0;
  text-decoration: none;
}
.color-blue.link:link {
  color: #64AAEF;
}
.color-blue.link:visited {
  color: #64AAEF;
}
.color-blue.link:hover {
  color: #64AAEF;
}
.color-blue.link:active {
  color: #64AAEF;
}
.color-blue.link:focus {
  color: #64AAEF;
}
.background-blue {
  background-color: #64AAEF !important;
}
.border-blue {
  border-color: #64AAEF !important;
}
.color-indigo {
  color: #337AB7 !important;
}
.color-indigo.link {
  color: #337AB7;
  outline: 0;
  text-decoration: none;
}
.color-indigo.link:link {
  color: #337AB7;
}
.color-indigo.link:visited {
  color: #337AB7;
}
.color-indigo.link:hover {
  color: #337AB7;
}
.color-indigo.link:active {
  color: #337AB7;
}
.color-indigo.link:focus {
  color: #337AB7;
}
.background-indigo {
  background-color: #337AB7 !important;
}
.border-indigo {
  border-color: #337AB7 !important;
}
.color-purple {
  color: #6F5499 !important;
}
.color-purple.link {
  color: #6F5499;
  outline: 0;
  text-decoration: none;
}
.color-purple.link:link {
  color: #6F5499;
}
.color-purple.link:visited {
  color: #6F5499;
}
.color-purple.link:hover {
  color: #6F5499;
}
.color-purple.link:active {
  color: #6F5499;
}
.color-purple.link:focus {
  color: #6F5499;
}
.background-purple {
  background-color: #6F5499 !important;
}
.border-purple {
  border-color: #6F5499 !important;
}
.color-golden {
  color: #BA9E7F !important;
}
.color-golden.link {
  color: #BA9E7F;
  outline: 0;
  text-decoration: none;
}
.color-golden.link:link {
  color: #BA9E7F;
}
.color-golden.link:visited {
  color: #BA9E7F;
}
.color-golden.link:hover {
  color: #BA9E7F;
}
.color-golden.link:active {
  color: #BA9E7F;
}
.color-golden.link:focus {
  color: #BA9E7F;
}
.background-golden {
  background-color: #BA9E7F !important;
}
.border-golden {
  border-color: #BA9E7F !important;
}
.color-gray {
  color: #888888 !important;
}
.color-gray.link {
  color: #888888;
  outline: 0;
  text-decoration: none;
}
.color-gray.link:link {
  color: #888888;
}
.color-gray.link:visited {
  color: #888888;
}
.color-gray.link:hover {
  color: #888888;
}
.color-gray.link:active {
  color: #888888;
}
.color-gray.link:focus {
  color: #888888;
}
.background-gray {
  background-color: #888888 !important;
}
.border-gray {
  border-color: #888888 !important;
}
.color-black {
  color: #333333 !important;
}
.color-black.link {
  color: #333333;
  outline: 0;
  text-decoration: none;
}
.color-black.link:link {
  color: #333333;
}
.color-black.link:visited {
  color: #333333;
}
.color-black.link:hover {
  color: #333333;
}
.color-black.link:active {
  color: #333333;
}
.color-black.link:focus {
  color: #333333;
}
.background-black {
  background-color: #333333 !important;
}
.border-black {
  border-color: #333333 !important;
}
.plyr {
  --plyr-color-main: var(--theme-color-hex);
}
:root {
  --safe-area-top: 0px;
  --safe-area-right: 0px;
  --safe-area-bottom: 0px;
  --safe-area-left: 0px;
}
@supports (top: constant(safe-area-inset-top)) {
  :root {
    --safe-area-top: constant(safe-area-inset-top);
    --safe-area-right: constant(safe-area-inset-right);
    --safe-area-bottom: constant(safe-area-inset-bottom);
    --safe-area-left: constant(safe-area-inset-left);
  }
}
@supports (top: env(safe-area-inset-top)) {
  :root {
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
  }
}
.emoji {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji", "Noto Color Emoji", serif;
  font-style: normal;
  font-weight: 400;
}
body.safe-area-bottom .safe-area-fixed {
  background: #FFFFFF;
  position: fixed;
  bottom: 0;
  z-index: 500;
  width: 100%;
  display: block;
  height: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-after:after {
  content: " ";
  display: block;
  background: transparent;
  width: 100%;
  height: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-height {
  height: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-margin {
  margin-bottom: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-padding {
  padding-bottom: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-bottom {
  bottom: var(--safe-area-bottom) !important;
}
body.safe-area-bottom .safe-area-translate {
  transform: translateY(calc(0px - var(--safe-area-bottom))) !important;
}
body.safe-area-bottom .plyr.plyr--fullscreen-fallback .plyr__controls {
  bottom: var(--safe-area-bottom);
}
body.safe-area-bottom .plyr:-webkit-full-screen .plyr__controls {
  bottom: var(--safe-area-bottom);
}
body.safe-area-bottom .plyr:fullscreen .plyr__controls {
  bottom: var(--safe-area-bottom);
}
@property --rate-percent {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
.dialog-card {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 0.4rem;
  background: #fff;
}
@keyframes a1011s {
  from {
    opacity: 0;
    transform: translate(-50%, -80%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes a1011e {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -80%);
  }
}
.dialog-card {
  animation: 0.2s ease forwards a1011s;
}
.dialog-card.remove {
  animation-name: a1011e;
}.trans-front {
  z-index: 98999 !important;
  will-change: opacity, transform, -webkit-transform, -ms-transform, -o-transform;
}
.trans-back {
  z-index: 98998 !important;
  will-change: opacity, transform, -webkit-transform, -ms-transform, -o-transform;
}
.trans-slide-in-front, .trans-slide-out-front {
  box-shadow: 5px 0 50px 0 rgba(102, 102, 102, 0.3);
  animation: a1001 250ms linear both;
}
@keyframes a1001 {
from {
    opacity: 0.9;
    transform: translateX(100%);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.trans-slide-in-back, .trans-slide-out-back {
  animation: a1002 250ms linear both;
}
@keyframes a1002 {
from {
    opacity: 0.7;
    transform: translateX(-35%);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.trans-slide-out-front, .trans-slide-out-back {
  animation-direction: reverse;
}
.trans-popup-in-front, .trans-popup-out-front {
  animation: a1003 250ms linear both;
}
@keyframes a1003 {
from {
    opacity: 0.9;
    transform: translateY(100%);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.trans-popup-in-back, .trans-popup-out-back {
  transform-origin: 50% 100%;
  box-shadow: 0 0 80px #888888;
  animation: a1004 250ms linear both;
}
@keyframes a1004 {
from {
    opacity: 0.7;
    transform: scale(0.94, 0.96);
}
to {
    opacity: 1;
    transform: scale(1, 1);
}
}
.trans-popup-out-front, .trans-popup-out-back {
  animation-direction: reverse;
}._animate-player {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._animate-player ._canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}
._animate-player ._video {
  display: none;
}
pre {
&[data-v-b5b3f157] {
    background: #E6F0FA;
    padding: .3rem;
    border-radius: .1rem;
    margin: .3rem;
    white-space: pre-wrap;
    word-break: break-all;
}
&.enter[data-v-b5b3f157] {
        background: #D2DCE6;
        border: 0.02rem solid #B5C7D9;
}
}
.ui-dialog {
  position: fixed;
  z-index: 5009;
  overflow: hidden;
  left: 50%;
  animation: 0.2s ease forwards;
  background: #FFFFFF;
}
@keyframes a1071s {
from {
    transform: translate(-50%, 100%);
}
to {
    transform: translate(-50%, 0);
}
}
@keyframes a1071e {
from {
    transform: translate(-50%, 0);
}
to {
    transform: translate(-50%, 100%);
}
}
.ui-dialog._mobile {
  bottom: 0;
  width: 100%;
  animation-name: a1071s;
  border-radius: 0.3rem 0.3rem 0 0;
}
.ui-dialog._mobile.remove {
  animation-name: a1071e;
}
@keyframes a1072s {
from {
    opacity: 0;
    transform: translate(-50%, -80%);
}
to {
    opacity: 1;
    transform: translate(-50%, -50%);
}
}
@keyframes a1072e {
from {
    opacity: 1;
    transform: translate(-50%, -50%);
}
to {
    opacity: 0;
    transform: translate(-50%, -80%);
}
}
.ui-dialog._tablet {
  top: 50%;
  width: 13rem;
  animation-name: a1072s;
  border-radius: 0.3rem;
}
.ui-dialog._tablet.remove {
  animation-name: a1072e;
}
.ui-dialog ._title {
  min-height: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-dialog ._title ._name {
  font-size: 0.34rem;
  line-height: 0.44rem;
  color: #333333;
  font-weight: 600;
  padding: 0.2rem 1rem;
}
.ui-dialog ._title .ff {
  line-height: 0.6rem;
  width: 0.6rem;
  position: absolute;
  top: 50%;
  margin-top: -0.3rem;
  right: 0.3rem;
  font-size: 0.24rem;
  color: #999999;
  border-radius: 50%;
  font-weight: bold;
  z-index: 1;
}
.ui-dialog._mobile ._title .ff {
  background: #EEEEEE;
  transform: scale(0.8);
  transform-origin: right center;
}
.ui-dialog._tablet ._title .ff:hover {
  background: #EEEEEE;
}
.ui-dialog ._main {
  position: relative;
  overflow: auto;
}
.ui-dialog._tablet ._main {
  max-height: calc(100vh - 4rem - var(--safe-area-bottom));
}
@supports (height: 1dvh) {
.ui-dialog._tablet ._main {
    max-height: calc(100dvh - 4rem - var(--safe-area-bottom));
}
}
.ui-dialog._mobile ._main {
  max-height: calc(100vh - 3rem - var(--safe-area-bottom));
}
@supports (height: 1dvh) {
.ui-dialog._mobile ._main {
    max-height: calc(100dvh - 3rem - var(--safe-area-bottom));
}
}
.ui-dialog ._action {
  position: relative;
  display: flex;
  padding: 0.2rem 0.3rem;
}
.ui-dialog ._action > * + * {
  margin-left: 0.3rem;
}
.ui-dialog ._action .btn {
  flex: 1;
  height: 0.8rem;
  font-size: 0.34rem;
  border-radius: 0.4rem;
}
.ui-dialog ._action .btn .icon {
  margin-right: 0.14rem;
}
.ui-dialog ._action .btn.btn-gray {
  background: #A0A8B0;
  border-color: #A0A8B0;
}.verify[data-v-87f79089] {
  padding: 0.3rem 0.5rem;
}
.desc[data-v-87f79089] {
  color: #666666;
  font-size: 0.3rem;
  line-height: 1.6;
  margin-bottom: 0.24rem;
  display: flex;
  justify-content: space-between;
}
.desc .link[data-v-87f79089] {
  color: #337AB7;
}
.wrap[data-v-87f79089] {
  position: relative;
  width: 100%;
  height: 1rem;
}
.input[data-v-87f79089] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: transparent;
  caret-color: transparent;
  outline: none;
  opacity: 0.01;
}
.boxes[data-v-87f79089] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.12rem;
}
.boxes span[data-v-87f79089] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #DCDFE6;
  border-radius: 0.12rem;
  background: #FFFFFF;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.boxes span i[data-v-87f79089] {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #333333;
}
.input:focus + .boxes span.active[data-v-87f79089] {
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.error[data-v-87f79089] {
  color: #E0262E;
  font-size: 0.3rem;
  line-height: 0.4rem;
  margin-top: 0.2rem;
  text-align: center;
}.ui-page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  overflow: hidden;
  display: flex;
  transform: translateZ(0);
}
.ui-page ._workspace {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #f3f5f7;
}
.ui-page ._main {
  flex: 1;
  min-height: 0;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}.ui-page._mobile {
  flex-direction: column;
  background: #f3f5f7;
}
.ui-page._mobile ._workspace {
  min-height: 0;
}
.ui-page._mobile ._main {
  padding: 0.3rem 0.3rem 0.5rem;
}
.uipg_header {
  height: 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  position: relative;
  z-index: 20;
  padding: 0 0.3rem;
}
.uipg_header ._back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 100%;
  color: #333333;
  font-size: 0.36rem;
  margin-left: -0.3rem;
}
.uipg_header ._title {
  color: #222222;
  font-size: 0.36rem;
  font-weight: 500;
}
.uipg_header ._loading {
  margin-left: 0.2rem;
  color: #777777;
  font-size: 0.32rem;
}
.uipg_header ._child {
  position: relative;
  padding: 0.06rem;
  border-radius: 9rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  background: #f3f5f7;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease;
}
.uipg_header ._child:active {
  transform: scale(0.96);
}
.uipg_header ._child._opened {
  background: rgba(var(--theme-color-rgb), 0.1);
}
.uipg_header ._child._opened ._arrow {
  transform: rotate(180deg) scale(0.8);
}
.uipg_header ._child ._avatar {
  flex-shrink: 0;
  position: relative;
}
.uipg_header ._child ._avatar img {
  display: block;
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
}
.uipg_header ._child ._mode {
  position: absolute;
  line-height: 0.4rem;
  width: 0.4rem;
  font-size: 0.24rem;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  z-index: 1;
  color: #FFFFFF;
  transform: scale(0.6);
  transform-origin: right bottom;
}
.uipg_header ._child ._mode._parent {
  background: #F98054;
}
.uipg_header ._child ._mode._baby {
  background: #64AAEF;
}
.uipg_header ._child ._meta {
  min-width: 0;
  margin-left: 0.14rem;
}
.uipg_header ._child ._name {
  color: #333333;
  font-size: 0.24rem;
  line-height: 1;
  font-weight: 500;
  max-width: 7em;
  min-width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uipg_header ._child ._score {
  display: flex;
  align-items: center;
  color: #5B5B5C;
  font-size: 0.24rem;
  line-height: 1;
  margin-top: 0.04rem;
  transform: scale(0.85);
  transform-origin: left bottom;
}
.uipg_header ._child ._score .ff {
  color: var(--theme-color-hex);
  margin-right: 0.04rem;
}
.uipg_header ._child ._arrow {
  margin: 0 0.1rem 0 0.06rem;
  color: #666666;
  font-size: 0.24rem;
  transform: scale(0.8);
  transition: transform 0.18s ease;
}
.uipg_navigate {
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: space-around;
  background: #FFFFFF;
}
.uipg_navigate ._item {
  height: 1.08rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.uipg_navigate ._item .ff {
  font-size: 0.4rem;
  color: #AAAAAA;
}
.uipg_navigate ._item span {
  font-size: 0.24rem;
  line-height: 1;
  margin-top: 0.12rem;
  color: #82878C;
}
.uipg_navigate ._item._active {
  font-weight: 500;
}
.uipg_navigate ._item._active .ff, .uipg_navigate ._item._active span {
  color: var(--theme-color-hex);
}.ui-page._tablet {
  flex-direction: row;
  background: #F0F7FF;
}
.ui-page._tablet ._workspace {
  min-width: 0;
  border-radius: 0.4rem 0 0 0.4rem;
  box-shadow: -0.02rem 0 0.3rem 0px rgba(216, 230, 251, 0.7);
}
.ui-page._tablet ._main {
  max-width: 24.4rem;
  padding: 0.5rem 1.2rem 0.8rem;
}
.uipg_titbar {
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.uipg_titbar ._back {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.7rem;
  height: 0.7rem;
  color: #777777;
  font-size: 0.36rem;
  left: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  background: #FAFAFF;
  border-radius: 50%;
  box-shadow: 0 0 0.2rem rgba(85, 85, 85, 0.1);
}
.uipg_titbar ._title {
  text-align: center;
  font-weight: 500;
  color: #333333;
  font-size: 0.36rem;
}
.uipg_titbar ._loading {
  margin-left: 0.2rem;
  color: #777777;
  font-size: 0.32rem;
}
.uipg_titbar_loading {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  background: #FAFAFF;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0.1rem;
  top: 0.1rem;
  box-shadow: 0 0 0.2rem rgba(85, 85, 85, 0.1);
  z-index: 9999;
  border-radius: 0.2rem;
}
.uipg_titbar_loading .ff {
  color: #777777;
  font-size: 0.3rem;
}
.uipg_sidebar {
  width: 5rem;
  padding: 0.4rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.uipg_sidebar ._brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
.uipg_sidebar ._brand ._mark {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 20%;
  box-shadow: 0 0.12rem 0.3rem rgba(11, 117, 72, 0.18);
}
.uipg_sidebar ._brand ._text {
  display: flex;
  flex-direction: column;
  margin-left: 0.24rem;
}
.uipg_sidebar ._brand ._text strong {
  display: block;
  font-size: 0.34rem;
  line-height: 1;
  font-weight: 500;
  color: #333333;
  text-align-last: justify;
}
.uipg_sidebar ._brand ._text span {
  color: #5B5B5C;
  font-size: 0.24rem;
  line-height: 1;
  margin-top: 0.08rem;
}
.uipg_sidebar ._child {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.32rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0.12rem 0.24rem rgba(46, 47, 47, 0.03);
  margin-top: 0.4rem;
  cursor: pointer;
  padding: 0.56rem 0.24rem 0.24rem;
  display: flex;
  align-items: center;
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  position: relative;
}
.uipg_sidebar ._child ._mode {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  width: 1.6rem;
  font-size: 0.24rem;
  border-radius: 0 0 0.1rem 0.1rem;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.uipg_sidebar ._child ._mode .ff {
  margin-right: 0.08rem;
}
.uipg_sidebar ._child ._mode._parent {
  background: #F9E1DC;
  color: #F98054;
}
.uipg_sidebar ._child ._mode._baby {
  background: #DBEAFA;
  color: #64AAEF;
}
.uipg_sidebar ._child:active {
  transform: scale(0.98);
}
.uipg_sidebar ._child._opened {
  background: #FFFFFF;
  box-shadow: 0 0.2rem 0.42rem rgba(46, 47, 47, 0.08);
}
.uipg_sidebar ._child._opened ._arrow {
  transform: rotate(180deg);
}
.uipg_sidebar ._child ._avatar {
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
}
.uipg_sidebar ._child ._avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.uipg_sidebar ._child ._meta {
  flex: 1;
  min-width: 0;
  padding: 0 0.2rem;
}
.uipg_sidebar ._child ._name {
  font-size: 0.3rem;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uipg_sidebar ._child ._score {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
  font-size: 0.26rem;
}
.uipg_sidebar ._child ._score .ff {
  color: var(--theme-color-hex);
}
.uipg_sidebar ._child ._score span {
  margin-left: 0.06rem;
}
.uipg_sidebar ._child ._arrow {
  flex-shrink: 0;
  font-size: 0.26rem;
  color: #777777;
  transition: transform 0.18s ease;
}
.uipg_sidebar ._nav {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.5rem;
}
.uipg_sidebar ._nav ._item {
  display: flex;
  align-items: center;
  color: #646A70;
  border-radius: 9rem;
  font-size: 0.3rem;
  font-weight: 500;
  padding: 0 0.34rem;
  height: 0.92rem;
  cursor: pointer;
}
.uipg_sidebar ._nav ._item .ff {
  font-size: 0.38rem;
  margin-right: 0.2rem;
}
.uipg_sidebar ._nav ._item:hover {
  background: rgba(var(--theme-color-rgb), 0.05);
}
.uipg_sidebar ._nav ._item._active {
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.1);
}
.uipg_sidebar ._switch {
  margin-top: auto;
  width: 100%;
  height: 0.88rem;
  border-radius: 9rem;
  background: rgba(221, 221, 221, 0.72);
  color: #2E2F2F;
  font-size: 0.28rem;
  font-weight: 500;
}
.uipg_sidebar ._switch .ff {
  margin-right: 0.14rem;
  font-size: 0.32rem;
}.uipg_children {
  width: 4.2rem;
  border-radius: 0.36rem;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 0.32rem 0.8rem rgba(46, 47, 47, 0.18);
  position: absolute;
  display: none;
  z-index: 9999999;
  animation: a1061 0.18s ease-out;
}
@keyframes a1061 {
from {
    opacity: 0;
    transform: translateY(-0.12rem) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.uipg_children ._list {
  padding: 0.16rem;
}
.uipg_children ._row {
  width: 100%;
  padding: 0.16rem;
  box-sizing: border-box;
  border-radius: 0.24rem;
  display: flex;
  align-items: center;
  color: #333333;
}
.uipg_children ._row:not(:first-child) {
  margin-top: 0.06rem;
}
.uipg_children ._row._active {
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
}
.uipg_children ._row:not(._active):hover {
  background: #f3f5f7;
}
.uipg_children ._row:not(._active):active {
  background: #EAEBEC;
}
.uipg_children ._row ._avatar {
  width: 0.76rem;
  height: 0.76rem;
  flex-shrink: 0;
}
.uipg_children ._row ._avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.uipg_children ._row ._meta {
  flex: 1;
  min-width: 0;
  padding: 0 0.18rem;
}
.uipg_children ._row ._name {
  font-size: 0.28rem;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uipg_children ._row ._point {
  display: flex;
  align-items: center;
  opacity: 0.8;
  font-size: 0.24rem;
  line-height: 1;
  margin-top: 0.08rem;
}
.uipg_children ._row ._check {
  color: var(--theme-color-hex);
  font-size: 0.32rem;
}
.uipg_children ._actions {
  padding: 0.16rem;
  border-top: 0.02rem solid #F0F3F4;
}
.uipg_children ._act {
  width: 100%;
  height: 0.82rem;
  border-radius: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color-hex);
  font-size: 0.28rem;
  font-weight: 500;
}
.uipg_children ._act .ff {
  margin-right: 0.14rem;
  font-size: 0.3rem;
}
.uipg_children ._act:hover {
  background: rgba(var(--theme-color-rgb), 0.1);
}
.uipg_children ._act:active {
  background: rgba(var(--theme-color-rgb), 0.15);
}.ui-page.single {
  flex-direction: column;
  background: #f3f5f7;
}.ui-attach {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  transition: border-color 0.2s;
  overflow: hidden;
}
.ui-attach.is-colorful {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-attach:hover {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-attach ._box {
  display: flex;
  align-items: center;
  padding: 0.3rem;
}
.ui-attach ._prev {
  flex: none;
  height: 0.9rem;
  width: 0.9rem;
  border-radius: 0.1rem;
  object-fit: contain;
  background: #F1F5F9;
}
.ui-attach ._type {
  flex: none;
  height: 0.9rem;
}
.ui-attach ._meta {
  min-width: 0;
  flex: 1;
  margin: 0 0.3rem;
}
.ui-attach ._name {
  color: #28372F;
  font-size: 0.3rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-attach ._size {
  margin-top: 0.12rem;
  color: #7B8E84;
  font-size: 0.26rem;
}
.ui-attach ._act {
  flex: none;
  width: 0.56rem;
  line-height: 0.56rem;
  border-radius: 50%;
  color: #F98054;
  font-size: 0.26rem;
  cursor: pointer;
}
.ui-attach ._act:hover {
  background: rgba(var(--theme-color-rgb), 0.1);
}
.ui-attach ._upload {
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-weight: 700;
  cursor: pointer;
  color: var(--theme-color-hex);
  position: relative;
}
.ui-attach ._upload input {
  display: none;
}
.ui-attach ._upload span {
  margin-left: 0.16rem;
}
.ui-attach ._progress {
  position: absolute;
  bottom: 0;
  left: 0.1rem;
  right: 0.1rem;
}
.ui-attach ._progress b {
  display: block;
  background: var(--theme-color-hex);
  height: 0.04rem;
  border-radius: 1rem;
  transition: width 0.2s;
}.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  outline: none;
  border-radius: 0.24rem;
  box-sizing: border-box;
  line-height: 1;
  white-space: nowrap;
  vertical-align: top;
  color: #555555;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  font-weight: 500;
}
.btn:not(:disabled) {
  cursor: pointer;
}
.btn:hover {
  filter: brightness(95%);
}
.btn:active {
  filter: brightness(90%);
}
.btn:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.btn .load_icon {
  margin-right: 0.14rem;
}
.btn-primary {
  background: var(--theme-color-hex);
  border-color: var(--theme-color-hex);
  color: #FFFFFF;
}
.btn-primary.btn-plain {
  background: hsl(var(--theme-color-hs), 92%);
  color: var(--theme-color-hex);
}
.btn-red {
  background: #E0262E;
  border-color: #E0262E;
  color: #FFFFFF;
}
.btn-red.btn-plain {
  background: hsl(357.4193548387, 75%, 101.3725490196%);
  color: #E0262E;
}
.btn-pink {
  background: #F498B3;
  border-color: #F498B3;
  color: #FFFFFF;
}
.btn-pink.btn-plain {
  background: hsl(342.3913043478, 80.701754386%, 127.6470588235%);
  color: #F498B3;
}
.btn-rose {
  background: #F64A79;
  border-color: #F64A79;
  color: #FFFFFF;
}
.btn-rose.btn-plain {
  background: hsl(343.6046511628, 90.5263157895%, 112.7450980392%);
  color: #F64A79;
}
.btn-orange {
  background: #F98054;
  border-color: #F98054;
  color: #FFFFFF;
}
.btn-orange.btn-plain {
  background: hsl(16, 93.2203389831%, 115.2941176471%);
  color: #F98054;
}
.btn-yellow {
  background: #FCC82F;
  border-color: #FCC82F;
  color: #FFFFFF;
}
.btn-yellow.btn-plain {
  background: hsl(44.7804878049, 97.1563981043%, 108.6274509804%);
  color: #FCC82F;
}
.btn-green {
  background: #43C27B;
  border-color: #43C27B;
  color: #FFFFFF;
}
.btn-green.btn-plain {
  background: hsl(146.4566929134, 51.0040160643%, 101.1764705882%);
  color: #43C27B;
}
.btn-tiffany {
  background: #81D8D0;
  border-color: #81D8D0;
  color: #FFFFFF;
}
.btn-tiffany.btn-plain {
  background: hsl(174.4827586207, 52.7272727273%, 117.6470588235%);
  color: #81D8D0;
}
.btn-blue {
  background: #64AAEF;
  border-color: #64AAEF;
  color: #FFFFFF;
}
.btn-blue.btn-plain {
  background: hsl(209.7841726619, 81.2865497076%, 116.4705882353%);
  color: #64AAEF;
}
.btn-indigo {
  background: #337AB7;
  border-color: #337AB7;
  color: #FFFFFF;
}
.btn-indigo.btn-plain {
  background: rgb(238.5769230769, 244.9487179487, 250.4230769231);
  color: #337AB7;
}
.btn-purple {
  background: #6F5499;
  border-color: #6F5499;
  color: #FFFFFF;
}
.btn-purple.btn-plain {
  background: rgb(245.4303797468, 243.3797468354, 248.6202531646);
  color: #6F5499;
}
.btn-golden {
  background: #BA9E7F;
  border-color: #BA9E7F;
  color: #FFFFFF;
}
.btn-golden.btn-plain {
  background: hsl(31.5254237288, 29.9492385787%, 111.3725490196%);
  color: #BA9E7F;
}
.btn-gray {
  background: #888888;
  border-color: #888888;
  color: #FFFFFF;
}
.btn-gray.btn-plain {
  background: hsl(0, 0%, 103.3333333333%);
  color: #888888;
}
.btn-black {
  background: #333333;
  border-color: #333333;
  color: #FFFFFF;
}
.btn-black.btn-plain {
  background: rgb(178.5, 178.5, 178.5);
  color: #333333;
}
.btn .ff.load_icon ~ .ff {
  display: none;
}.checkbox {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.checkbox .icon {
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  width: 0.28rem;
  line-height: 0.28rem;
  font-size: 0.24rem;
  border-radius: 15%;
  color: #FFFFFF;
  transition: all 0.2s;
}
.checkbox .icon:hover {
  border-color: var(--theme-color-hex);
}
.checkbox .icon.checked {
  background: var(--theme-color-hex);
  border-color: var(--theme-color-hex);
}
.checkbox .text {
  margin-left: 0.12rem;
  font-size: 0.28rem;
  color: #333333;
}
.checkbox.checkbox-primary .icon:hover {
  border-color: var(--theme-color-hex);
}
.checkbox.checkbox-primary .icon.checked {
  background: var(--theme-color-hex);
  border-color: var(--theme-color-hex);
}
.checkbox.checkbox-red .icon:hover {
  border-color: #E0262E;
}
.checkbox.checkbox-red .icon.checked {
  background: #E0262E;
  border-color: #E0262E;
}
.checkbox.checkbox-pink .icon:hover {
  border-color: #F498B3;
}
.checkbox.checkbox-pink .icon.checked {
  background: #F498B3;
  border-color: #F498B3;
}
.checkbox.checkbox-rose .icon:hover {
  border-color: #F64A79;
}
.checkbox.checkbox-rose .icon.checked {
  background: #F64A79;
  border-color: #F64A79;
}
.checkbox.checkbox-orange .icon:hover {
  border-color: #F98054;
}
.checkbox.checkbox-orange .icon.checked {
  background: #F98054;
  border-color: #F98054;
}
.checkbox.checkbox-yellow .icon:hover {
  border-color: #FCC82F;
}
.checkbox.checkbox-yellow .icon.checked {
  background: #FCC82F;
  border-color: #FCC82F;
}
.checkbox.checkbox-green .icon:hover {
  border-color: #43C27B;
}
.checkbox.checkbox-green .icon.checked {
  background: #43C27B;
  border-color: #43C27B;
}
.checkbox.checkbox-tiffany .icon:hover {
  border-color: #81D8D0;
}
.checkbox.checkbox-tiffany .icon.checked {
  background: #81D8D0;
  border-color: #81D8D0;
}
.checkbox.checkbox-blue .icon:hover {
  border-color: #64AAEF;
}
.checkbox.checkbox-blue .icon.checked {
  background: #64AAEF;
  border-color: #64AAEF;
}
.checkbox.checkbox-indigo .icon:hover {
  border-color: #337AB7;
}
.checkbox.checkbox-indigo .icon.checked {
  background: #337AB7;
  border-color: #337AB7;
}
.checkbox.checkbox-purple .icon:hover {
  border-color: #6F5499;
}
.checkbox.checkbox-purple .icon.checked {
  background: #6F5499;
  border-color: #6F5499;
}
.checkbox.checkbox-golden .icon:hover {
  border-color: #BA9E7F;
}
.checkbox.checkbox-golden .icon.checked {
  background: #BA9E7F;
  border-color: #BA9E7F;
}
.checkbox.checkbox-gray .icon:hover {
  border-color: #888888;
}
.checkbox.checkbox-gray .icon.checked {
  background: #888888;
  border-color: #888888;
}
.checkbox.checkbox-black .icon:hover {
  border-color: #333333;
}
.checkbox.checkbox-black .icon.checked {
  background: #333333;
  border-color: #333333;
}
.checkbox.checkbox-disabled {
  cursor: not-allowed;
}
.checkbox.checkbox-disabled .icon {
  background: #F5F7FA;
  border-color: #E4E7ED;
  color: #F5F7FA;
}
.checkbox.checkbox-disabled .icon:hover {
  border-color: #E4E7ED;
}
.checkbox.checkbox-disabled .icon.checked {
  background: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
}
.checkbox.checkbox-disabled .text {
  color: #C0C4CC;
}
.checkbox.checkbox-large .icon {
  width: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.28rem;
}
.checkbox.checkbox-large .text {
  font-size: 0.32rem;
}
.checkbox.checkbox-small .icon {
  width: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.24rem;
}
.checkbox.checkbox-small .text {
  font-size: 0.24rem;
}.ui-chose {
  position: relative;
  width: 100%;
  min-height: 0.92rem;
  box-sizing: border-box;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ui-chose ._option {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0.9rem;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: #555555;
  font-size: 0.32rem;
  line-height: 0.42rem;
  padding: 0.2rem 0.28rem;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.ui-chose ._option span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-chose ._option + ._option {
  border-left: 1px solid #DCDFE6;
}
.ui-chose ._option.is-selected {
  background: rgba(var(--theme-color-rgb), 0.11);
  color: var(--theme-color-hex);
  font-weight: 600;
}
.ui-chose ._option.is-disabled {
  background: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}
.ui-chose:not(.is-disabled):not(.is-readonly):hover, .ui-chose:not(.is-disabled):not(.is-readonly):focus-within {
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-chose:not(.is-disabled):not(.is-readonly) ._option:not(.is-selected):not(.is-disabled):hover {
  background: #F5F7FA;
}
.ui-chose.is-colorful {
  border-color: rgba(var(--theme-color-rgb), 0.15);
  background: rgba(var(--theme-color-rgb), 0.05);
}
.ui-chose.is-colorful ._option + ._option {
  border-left-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-chose.is-disabled {
  border-color: #E4E7ED;
  background: #F5F7FA;
}
.ui-chose.is-disabled ._option {
  color: #C0C4CC;
  cursor: not-allowed;
}
.ui-chose.is-disabled ._option.is-selected {
  background: #EDEFF2;
}
.ui-chose.is-disabled ._option + ._option {
  border-left-color: #E4E7ED;
}
.ui-chose.is-readonly ._option {
  cursor: default;
}.ui-color-picker {
  position: relative;
  width: 100%;
}
.ui-color-picker ._native {
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ui-color-picker ._field {
  box-sizing: border-box;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 0.3rem;
  transition: border-color 0.2s;
}
.ui-color-picker.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-color-picker ._field:hover, .ui-color-picker.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-color-picker ._swatch {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 0.04rem;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  flex: none;
}
.ui-color-picker ._value {
  min-width: 0;
  flex: auto;
  margin-left: 0.2rem;
  font-size: 0.32rem;
  color: #555555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-color-picker ._value.is-empty {
  color: #A8ABB2;
}
.ui-color-picker ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.2rem;
  margin-right: -0.2rem;
}
.ui-color-picker.is-disabled ._field {
  cursor: not-allowed;
  background: #F5F7FA;
  border-color: #E4E7ED;
  color: #C0C4CC;
}
.ui-color-picker.is-disabled ._value {
  color: #C0C4CC;
}
.ui-color-picker.is-readonly ._field {
  cursor: default;
}
.ui-color-picker.is-readonly ._field:hover {
  border-color: #DCDFE6;
}.ui-color-picker-panel {
  position: fixed;
  z-index: 99860;
  width: auto;
  box-sizing: border-box;
  padding: 0.2rem;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
}
.ui-color-picker-panel ._predefine {
  display: grid;
  grid-template-columns: repeat(8, 0.48rem);
  grid-auto-rows: 0.48rem;
  grid-gap: 0.14rem;
}
.ui-color-picker-panel ._predefine button {
  border: 1px solid #DCDFE6;
  border-radius: 0.06rem;
  cursor: pointer;
  box-sizing: border-box;
}
.ui-color-picker-panel ._predefine button.active {
  border-color: var(--theme-color-hex);
}
.ui-color-picker-panel ._more {
  width: 100%;
  height: 0.66rem;
  margin-top: 0.24rem;
  border: 1px solid var(--theme-color-hex);
  border-radius: 0.1rem;
  background: #FFFFFF;
  color: var(--theme-color-hex);
  font-size: 0.28rem;
  cursor: pointer;
}.ui-date-picker {
  position: relative;
  width: 100%;
}
.ui-date-picker ._field {
  box-sizing: border-box;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  transition: border-color 0.2s;
}
.ui-date-picker.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-date-picker ._field:hover, .ui-date-picker.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-date-picker ._icon {
  flex: none;
  color: #909399;
  font-size: 0.28rem;
  padding-left: 0.3rem;
}
.ui-date-picker input[type=text] {
  min-width: 0;
  flex: auto;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  color: #333333;
}
.ui-date-picker input[type=text]:read-only {
  cursor: pointer;
}
.ui-date-picker ._icon + input[type=text] {
  padding-left: 0.18rem;
}
.ui-date-picker ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.2rem;
}
.ui-date-picker.is-disabled ._field {
  background: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.ui-date-picker.is-disabled ._icon,
.ui-date-picker.is-disabled input[type=text] {
  color: #C0C4CC;
  cursor: not-allowed;
}.ui-date-picker-panel {
  position: fixed;
  z-index: 99860;
  width: 5.6rem;
  box-sizing: border-box;
  padding: 0.2rem;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
}
.ui-date-picker-panel ._header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.14rem;
}
.ui-date-picker-panel ._header button {
  width: 0.56rem;
  height: 0.56rem;
  border: 0;
  border-radius: 0.06rem;
  background: #F5F7FA;
  color: #606266;
  font-size: 0.24rem;
  cursor: pointer;
  font-weight: bold;
}
.ui-date-picker-panel ._header strong {
  font-size: 0.3rem;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
  line-height: 0.56rem;
}
.ui-date-picker-panel ._week,
.ui-date-picker-panel ._days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-top: 0.12rem;
}
.ui-date-picker-panel ._week span {
  text-align: center;
  line-height: 0.52rem;
  font-size: 0.28rem;
  color: #909399;
}
.ui-date-picker-panel ._days button {
  height: 0.6rem;
  margin: 0.03rem;
  border: 0;
  border-radius: 0.06rem;
  background: transparent;
  color: #333333;
  font-size: 0.28rem;
  cursor: pointer;
}
.ui-date-picker-panel ._days button.is-outside {
  color: #C0C4CC;
}
.ui-date-picker-panel ._days button.is-today {
  color: var(--theme-color-hex);
  font-weight: 600;
}
.ui-date-picker-panel ._days button.is-selected {
  background: var(--theme-color-hex);
  color: #FFFFFF;
  font-weight: 600;
}
.ui-date-picker-panel ._days button.is-disabled {
  color: #D4D7DE;
  background: #F5F7FA;
  cursor: not-allowed;
}
.ui-date-picker-panel ._months,
.ui-date-picker-panel ._years {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.12rem;
}
.ui-date-picker-panel ._months button,
.ui-date-picker-panel ._years button {
  height: 0.74rem;
  border: 0;
  border-radius: 0.1rem;
  background: transparent;
  color: #333333;
  font-size: 0.28rem;
  cursor: pointer;
}
.ui-date-picker-panel ._months button.is-selected,
.ui-date-picker-panel ._years button.is-selected {
  background: var(--theme-color-hex);
  color: #FFFFFF;
  font-weight: 600;
}.ui-datetime-picker {
  position: relative;
  width: 100%;
}
.ui-datetime-picker ._field {
  box-sizing: border-box;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  transition: border-color 0.2s;
}
.ui-datetime-picker.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-datetime-picker ._field:hover, .ui-datetime-picker.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-datetime-picker ._icon {
  flex: none;
  color: #909399;
  font-size: 0.28rem;
  padding-left: 0.3rem;
}
.ui-datetime-picker input[type=text] {
  min-width: 0;
  flex: auto;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  color: #333333;
}
.ui-datetime-picker input[type=text]:read-only {
  cursor: pointer;
}
.ui-datetime-picker ._icon + input[type=text] {
  padding-left: 0.18rem;
}
.ui-datetime-picker ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.2rem;
}
.ui-datetime-picker.is-disabled ._field {
  background: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.ui-datetime-picker.is-disabled ._icon,
.ui-datetime-picker.is-disabled input[type=text] {
  color: #C0C4CC;
  cursor: not-allowed;
}.ui-datetime-picker-panel {
  position: fixed;
  z-index: 99860;
  width: 5.6rem;
  box-sizing: border-box;
  padding: 0.2rem;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
}
.ui-datetime-picker-panel ._header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.14rem;
}
.ui-datetime-picker-panel ._header button {
  width: 0.56rem;
  height: 0.56rem;
  border: 0;
  border-radius: 0.06rem;
  background: #F5F7FA;
  color: #606266;
  font-size: 0.24rem;
  cursor: pointer;
  font-weight: bold;
}
.ui-datetime-picker-panel ._header strong {
  font-size: 0.3rem;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
  line-height: 0.56rem;
}
.ui-datetime-picker-panel ._week,
.ui-datetime-picker-panel ._days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-top: 0.12rem;
}
.ui-datetime-picker-panel ._week span {
  text-align: center;
  line-height: 0.52rem;
  font-size: 0.28rem;
  color: #909399;
}
.ui-datetime-picker-panel ._days button {
  height: 0.6rem;
  margin: 0.03rem;
  border: 0;
  border-radius: 0.06rem;
  background: transparent;
  color: #333333;
  font-size: 0.28rem;
  cursor: pointer;
}
.ui-datetime-picker-panel ._days button.is-outside {
  color: #C0C4CC;
}
.ui-datetime-picker-panel ._days button.is-today {
  color: var(--theme-color-hex);
  font-weight: 600;
}
.ui-datetime-picker-panel ._days button.is-selected {
  background: var(--theme-color-hex);
  color: #FFFFFF;
  font-weight: 600;
}
.ui-datetime-picker-panel ._days button.is-disabled {
  color: #D4D7DE;
  background: #F5F7FA;
  cursor: not-allowed;
}
.ui-datetime-picker-panel ._months,
.ui-datetime-picker-panel ._years {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.12rem;
}
.ui-datetime-picker-panel ._months button,
.ui-datetime-picker-panel ._years button {
  height: 0.74rem;
  border: 0;
  border-radius: 0.1rem;
  background: transparent;
  color: #333333;
  font-size: 0.28rem;
  cursor: pointer;
}
.ui-datetime-picker-panel ._months button.is-selected,
.ui-datetime-picker-panel ._years button.is-selected {
  background: var(--theme-color-hex);
  color: #FFFFFF;
  font-weight: 600;
}
.ui-datetime-picker-panel ._time {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #EBEEF5;
  margin-top: 0.16rem;
  padding-top: 0.16rem;
}
.ui-datetime-picker-panel ._time select {
  width: 1.4rem;
  height: 0.62rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.08rem;
  background: #FFFFFF;
  color: #333333;
  font-size: 0.32rem;
  text-align: center;
  outline: none;
}
.ui-datetime-picker-panel ._time span {
  margin: 0 0.16rem;
  color: #606266;
  font-size: 0.36rem;
}.ui-emoji-picker {
  position: relative;
  width: 100%;
}
.ui-emoji-picker ._field {
  box-sizing: border-box;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 0.3rem;
  transition: border-color 0.2s;
}
.ui-emoji-picker.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-emoji-picker ._field:hover, .ui-emoji-picker.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-emoji-picker ._emoji {
  min-width: 0;
  flex: auto;
  color: #555555;
  font-size: 0.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-emoji-picker ._emoji.is-empty {
  color: #A8ABB2;
  font-size: 0.32rem;
}
.ui-emoji-picker ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.18rem;
  margin-right: -0.1rem;
}
.ui-emoji-picker ._arrow {
  flex: none;
  color: #909399;
  font-size: 0.24rem;
  margin-left: 0.06rem;
}
.ui-emoji-picker.is-disabled ._field {
  cursor: not-allowed;
  background: #F5F7FA;
  border-color: #E4E7ED;
}
.ui-emoji-picker.is-disabled ._emoji,
.ui-emoji-picker.is-disabled ._arrow {
  color: #C0C4CC;
}
.ui-emoji-picker.is-readonly ._field {
  cursor: default;
}
.ui-emoji-picker.is-readonly ._field:hover {
  border-color: #DCDFE6;
}.ui-emoji-picker-panel {
  position: fixed;
  z-index: 99860;
  width: auto;
  box-sizing: border-box;
  padding: 0.16rem;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
}
.ui-emoji-picker-panel ._tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #EBEEF5;
  margin: -0.04rem -0.04rem 0.14rem;
  padding-bottom: 0.08rem;
}
.ui-emoji-picker-panel ._tabs button {
  flex: none;
  height: 0.54rem;
  border: 0;
  border-radius: 0.08rem;
  background: transparent;
  color: #606266;
  font-size: 0.26rem;
  cursor: pointer;
  text-align: center;
  width: 20%;
}
.ui-emoji-picker-panel ._tabs button.active {
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-weight: 600;
}
.ui-emoji-picker-panel ._grid {
  max-height: 4.9rem;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(8, 0.6rem);
  grid-auto-rows: 0.6rem;
  grid-gap: 0.1rem;
}
.ui-emoji-picker-panel ._grid button {
  border: 1px solid transparent;
  border-radius: 0.08rem;
  background: transparent;
  font-size: 0.44rem;
  line-height: 0.52rem;
  cursor: pointer;
  padding: 0;
}
.ui-emoji-picker-panel ._grid button:hover, .ui-emoji-picker-panel ._grid button.active {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.1);
}
.ui-emoji-picker-panel ._empty {
  height: 1.6rem;
  width: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A8ABB2;
  font-size: 0.28rem;
}@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/c/font_5150813_u4wwidclqhi.woff2") format("woff2"), url("//at.alicdn.com/t/c/font_5150813_u4wwidclqhi.woff") format("woff"), url("//at.alicdn.com/t/c/font_5150813_u4wwidclqhi.ttf") format("truetype");
}
.ff {
  display: inline-block;
  text-align: center;
  line-height: 1;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  font-family: "iconfont", serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ff-spin {
  animation: a1201 2s infinite linear;
}
@keyframes a1201 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
.ff-rotate-90 {
  transform: rotate(90deg);
}
.ff-rotate-180 {
  transform: rotate(180deg);
}
.ff-rotate-270 {
  transform: rotate(270deg);
}
.ff-flip-horizontal {
  transform: scale(-1, 1);
}
.ff-flip-vertical {
  transform: scale(1, -1);
}.ui-input-number {
  display: flex;
  width: 100%;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  background: #FFFFFF;
  border-radius: 0.24rem;
  overflow: hidden;
  box-sizing: border-box;
}
.ui-input-number ._button, .ui-input-number ._input {
  box-sizing: border-box;
  height: 100%;
  color: #333333;
  outline: none;
  border: none;
  background: transparent;
  border-radius: 0;
}
.ui-input-number.is-colorful {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-input-number:hover, .ui-input-number:focus {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-input-number ._button {
  flex: none;
  width: 0.92rem;
  color: #606266;
  cursor: pointer;
  font-size: 0.32rem;
}
.ui-input-number ._button:first-child {
  border-right: none;
  padding-left: 0.1rem;
}
.ui-input-number ._button:last-child {
  border-left: none;
  padding-right: 0.1rem;
}
.ui-input-number ._button:disabled {
  color: #C0C4CC;
  background: #F5F7FA;
  cursor: not-allowed;
}
.ui-input-number ._input {
  min-width: 0;
  flex: auto;
  text-align: center;
  padding: 0 0.12rem;
  font-size: 0.34rem;
  border: solid #DCDFE6;
  border-width: 0 0.02rem;
}
.ui-input-number.is-colorful ._input {
  border-color: #E6EBF0;
}
.ui-input-number.is-disabled ._input {
  background: #F5F7FA;
  color: #C0C4CC;
  cursor: not-allowed;
}.ui-input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  transition: border-color 0.2s;
}
.ui-input.is-colorful {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-input:hover, .ui-input:focus-within {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-input ._icon {
  flex: none;
  color: #909399;
  font-size: 0.28rem;
  padding-left: 0.3rem;
}
.ui-input ._input {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  border: none;
  background: transparent;
  outline: none;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.52rem;
  padding: 0.2rem 0.3rem;
}
.ui-input ._input:read-only {
  cursor: default;
}
.ui-input ._input:disabled {
  cursor: not-allowed;
  color: #C0C4CC;
}
.ui-input ._icon + ._input {
  padding-left: 0.18rem;
}
.ui-input ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  line-height: 0.88rem;
  padding: 0 0.3rem 0 0.2rem;
}
.ui-input.is-disabled {
  background: #F5F7FA;
  border-color: #E4E7ED;
  box-shadow: none;
}
.ui-input.is-disabled ._icon, .ui-input.is-disabled ._input {
  color: #C0C4CC;
}
.ui-input.is-disabled:hover, .ui-input.is-disabled:focus-within {
  background: #F5F7FA;
  border-color: #E4E7ED;
  box-shadow: none;
}.ui-message {
  width: 100%;
  height: 100%;
}
.ui-message .pre-height {
  height: 1rem;
}
.ui-message .icon {
  width: 2rem;
  margin: 0 auto;
  text-align: center;
  line-height: 2rem;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 1.2rem;
}
.ui-message .icon-load {
  width: 2.5rem;
  margin-bottom: -0.5rem;
}
.ui-message .icon-load svg {
  width: 100%;
}
.ui-message .text {
  text-align: center;
  font-size: 0.36rem;
  margin-top: 0.6rem;
  line-height: 0.5rem;
  color: #333333;
  padding: 0 0.4rem;
}
.ui-message .smaller {
  text-align: center;
  font-size: 0.3rem;
  margin-top: 0.2rem;
  line-height: 0.4rem;
  color: #777777;
  padding: 0 0.4rem;
  word-break: break-word;
}
.ui-message .buttons {
  margin: 1.2rem 0.3rem 0.3rem;
}
.ui-message .buttons .btn {
  display: flex;
  margin: 0.24rem auto;
  height: 0.88rem;
  border-radius: 0.16rem;
  max-width: 5rem;
  width: 100%;
  font-size: 0.32rem;
}.ui-mobile-verify {
  display: inline-block;
  font-size: 0.32rem;
  outline: none;
  line-height: 0.4rem;
  width: 6.6em;
  color: var(--theme-color-hex);
  border: none;
  background: transparent;
}
.ui-mobile-verify:hover {
  filter: brightness(97%);
}
.ui-mobile-verify:active {
  filter: brightness(95%);
}
.ui-mobile-verify:disabled {
  color: #888888 !important;
  pointer-events: none;
}
.ui-mobile-verify .ff {
  margin-right: 0.1rem;
}.ui-refresh-load .pull-refresh {
  height: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.ui-refresh-load .pull-refresh > div {
  display: block;
  position: absolute;
  bottom: 0.1rem;
  width: 100%;
}
.ui-refresh-load .pull-refresh .icon, .ui-refresh-load .pull-refresh .text {
  display: inline-block;
  line-height: 0.5rem;
  vertical-align: top;
}
.ui-refresh-load .pull-refresh .icon {
  font-size: 0.36rem;
  color: #888888;
}
.ui-refresh-load .pull-refresh .text {
  font-size: 0.32rem;
  color: #666666;
  margin-left: 0.14rem;
}
.ui-refresh-load .pull-refresh .loading {
  bottom: 0.3rem;
}
.ui-refresh-load .content-empty {
  padding: 0.6rem 0;
  text-align: center;
}
.ui-refresh-load .content-empty .img {
  display: inline-block;
  width: 70%;
  max-width: 5rem;
}
.ui-refresh-load .content-empty .tips {
  color: #555555;
  font-size: 0.3rem;
  margin-top: 0.6rem;
}
.ui-refresh-load .content-empty .txt {
  color: #777777;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.ui-refresh-load .content-error {
  padding: 0.8rem 0.4rem;
  text-align: center;
}
.ui-refresh-load .content-error .img {
  display: inline-block;
  width: 50%;
  max-width: 3rem;
}
.ui-refresh-load .content-error .txt {
  color: #777777;
  font-size: 0.34rem;
  line-height: 0.48rem;
  margin-top: 0.4rem;
}
.ui-refresh-load .content-error .retry {
  margin-top: 0.8rem;
}
.ui-refresh-load .content-error .retry .btn {
  font-size: 0.28rem;
  height: 0.68rem;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
}
.ui-refresh-load .content-error .retry .ff {
  margin-right: 0.12rem;
}
.ui-refresh-load .content-body {
  position: relative;
}
.ui-refresh-load .content-body:before, .ui-refresh-load .content-body:after {
  display: table;
  content: " ";
}
.ui-refresh-load .content-body:after {
  clear: both;
}
.ui-refresh-load .content-prepare .tit, .ui-refresh-load .content-prepare .desc {
  background: linear-gradient(110deg, #E1E5E9 8%, #F1F5F9 23%, #E1E5E9 38%);
  background-size: 200% 100%;
  animation: a1301 1s linear infinite;
}
@keyframes a1301 {
to {
    background-position-x: -200%;
}
}
.ui-refresh-load .content-prepare .item {
  display: flex;
  align-items: center;
  margin: 0.4rem 0.4rem 0.7rem;
}
.ui-refresh-load .content-prepare .avatar {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 30%;
  background: #E1E5E9;
}
.ui-refresh-load .content-prepare .info {
  flex: 1;
  margin-left: 0.3rem;
}
.ui-refresh-load .content-prepare .tit {
  width: 50%;
  height: 0.4rem;
  border-radius: 0.1rem;
}
.ui-refresh-load .content-prepare .desc {
  width: 100%;
  height: 0.5rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
}
.ui-refresh-load .load-more > div {
  padding: 0.2rem 0;
  text-align: center;
}
.ui-refresh-load .load-more .icon, .ui-refresh-load .load-more .text {
  display: inline-block;
  line-height: 0.5rem;
  vertical-align: top;
}
.ui-refresh-load .load-more .icon {
  font-size: 0.36rem;
}
.ui-refresh-load .load-more .text {
  font-size: 0.32rem;
  margin-left: 0.14rem;
}.rich-text {
  overflow: hidden;
  color: #3E3E3E;
  font-size: 0.3rem;
  line-height: 1.6;
  -webkit-user-select: initial !important;
          user-select: initial !important;
  -webkit-touch-callout: default !important;
}
.rich-text img {
  display: inline-block;
  vertical-align: top;
}
.rich-text table {
  margin-bottom: 0.1rem;
  border-collapse: collapse;
  display: table;
  width: 100% !important;
}
.rich-text * {
  max-width: 100%;
  margin: 0;
  padding: 0;
  word-wrap: break-word !important;
}
.rich-text p {
  clear: both;
  min-height: 1em;
}
.rich-text ol, .rich-text ul {
  padding-left: 0.4rem;
}
.rich-text a {
  color: #337AB7;
  outline: 0;
  text-decoration: none;
}
.rich-text a:link {
  color: #337AB7;
}
.rich-text a:visited {
  color: #337AB7;
}
.rich-text a:hover {
  color: #337AB7;
}
.rich-text a:active {
  color: #337AB7;
}
.rich-text a:focus {
  color: #337AB7;
}.ui-select {
  position: relative;
  width: 100%;
}
.ui-select ._field {
  box-sizing: border-box;
  min-height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.08rem 0.3rem;
  transition: border-color 0.2s;
}
.ui-select.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-select ._field:hover, .ui-select.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-select ._value {
  min-width: 0;
  flex: auto;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-select ._value.is-empty {
  color: #A8ABB2;
}
.ui-select ._icon {
  flex: none;
  color: #909399;
  font-size: 0.28rem;
  padding-right: 0.18rem;
}
.ui-select ._tag {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  margin-right: 0.08rem;
  padding: 0 0.12rem;
  border-radius: 0.06rem;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  line-height: 0.56rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-select ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.18rem;
  margin-right: -0.1rem;
}
.ui-select ._arrow {
  flex: none;
  color: #909399;
  font-size: 0.24rem;
  margin-left: 0.06rem;
}
.ui-select.is-disabled ._field {
  background: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.ui-select.is-disabled ._icon,
.ui-select.is-disabled ._value,
.ui-select.is-disabled ._arrow {
  color: #C0C4CC;
}
.ui-select.is-readonly ._field {
  cursor: default;
}
.ui-select.is-readonly ._field:hover {
  border-color: #DCDFE6;
}.ui-select-panel {
  position: fixed;
  z-index: 99860;
  max-height: 5rem;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0.08rem 0;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
}
.ui-select-panel button {
  width: 100%;
  min-height: 0.76rem;
  border: 0;
  background: transparent;
  color: #333333;
  font-size: 0.32rem;
  text-align: left;
  box-sizing: border-box;
  padding: 0.1rem 0.18rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ui-select-panel button:hover {
  background: #F5F5F5;
}
.ui-select-panel button span:first-child {
  min-width: 0;
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-select-panel button.is-selected {
  color: var(--theme-color-hex);
  font-weight: 600;
}
.ui-select-panel button.is-disabled {
  color: #C0C4CC;
  cursor: not-allowed;
}
.ui-select-panel ._check {
  flex: none;
  margin-left: 0.12rem;
  color: var(--theme-color-hex);
  font-size: 0.28rem;
}.ui-switch {
  position: relative;
  display: inline-block;
  width: 0.92rem;
  height: 0.48rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: top;
}
.ui-switch input {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ui-switch ._core {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.48rem;
  background: #DCDFE6;
  transition: background 0.2s;
}
.ui-switch ._core:after {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  left: 0.04rem;
  top: 0.04rem;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.18);
  transition: left 0.2s;
}
.ui-switch.is-checked ._core {
  background: var(--theme-color-hex);
}
.ui-switch.is-checked ._core:after {
  left: 0.48rem;
}
.ui-switch.ui-switch-primary.is-checked ._core {
  background: var(--theme-color-hex);
}
.ui-switch.ui-switch-red.is-checked ._core {
  background: #E0262E;
}
.ui-switch.ui-switch-pink.is-checked ._core {
  background: #F498B3;
}
.ui-switch.ui-switch-rose.is-checked ._core {
  background: #F64A79;
}
.ui-switch.ui-switch-orange.is-checked ._core {
  background: #F98054;
}
.ui-switch.ui-switch-yellow.is-checked ._core {
  background: #FCC82F;
}
.ui-switch.ui-switch-green.is-checked ._core {
  background: #43C27B;
}
.ui-switch.ui-switch-tiffany.is-checked ._core {
  background: #81D8D0;
}
.ui-switch.ui-switch-blue.is-checked ._core {
  background: #64AAEF;
}
.ui-switch.ui-switch-indigo.is-checked ._core {
  background: #337AB7;
}
.ui-switch.ui-switch-purple.is-checked ._core {
  background: #6F5499;
}
.ui-switch.ui-switch-golden.is-checked ._core {
  background: #BA9E7F;
}
.ui-switch.ui-switch-gray.is-checked ._core {
  background: #888888;
}
.ui-switch.ui-switch-black.is-checked ._core {
  background: #333333;
}
.ui-switch.ui-switch-large {
  width: 1.12rem;
  height: 0.56rem;
}
.ui-switch.ui-switch-large ._core:after {
  width: 0.48rem;
  height: 0.48rem;
}
.ui-switch.ui-switch-large.is-checked ._core:after {
  left: 0.6rem;
}
.ui-switch.ui-switch-small {
  width: 0.78rem;
  height: 0.4rem;
}
.ui-switch.ui-switch-small ._core:after {
  width: 0.32rem;
  height: 0.32rem;
}
.ui-switch.ui-switch-small.is-checked ._core:after {
  left: 0.42rem;
}
.ui-switch.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}.ui-textarea {
  display: block;
  width: 100%;
  min-height: 0.92rem;
  box-sizing: border-box;
  border: 1px solid #DCDFE6;
  border-radius: 0.3rem;
  background: #FFFFFF;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.44rem;
  padding: 0.3rem;
  outline: none;
  resize: none;
  transition: border-color 0.2s;
}
.ui-textarea.is-colorful {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-textarea:focus, .ui-textarea:hover {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}.ui-time-picker {
  position: relative;
  width: 100%;
}
.ui-time-picker ._field {
  box-sizing: border-box;
  height: 0.92rem;
  border: 1px solid #DCDFE6;
  border-radius: 0.24rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  transition: border-color 0.2s;
}
.ui-time-picker.is-colorful ._field {
  background: rgba(var(--theme-color-rgb), 0.05);
  border-color: rgba(var(--theme-color-rgb), 0.15);
}
.ui-time-picker ._field:hover, .ui-time-picker.is-open ._field {
  background: #FFFFFF;
  border-color: var(--theme-color-hex);
  box-shadow: 0 0 0 0.04rem rgba(var(--theme-color-rgb), 0.12);
}
.ui-time-picker ._icon {
  flex: none;
  color: #909399;
  font-size: 0.28rem;
  padding-left: 0.3rem;
}
.ui-time-picker input[type=text] {
  min-width: 0;
  flex: auto;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  box-sizing: border-box;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  color: #333333;
}
.ui-time-picker input[type=text]:read-only {
  cursor: pointer;
}
.ui-time-picker ._icon + input[type=text] {
  padding-left: 0.18rem;
}
.ui-time-picker ._clear {
  color: #909399;
  font-size: 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.2rem;
}
.ui-time-picker.is-disabled ._field {
  background: #F5F7FA;
  border-color: #E4E7ED;
  cursor: not-allowed;
}
.ui-time-picker.is-disabled ._icon,
.ui-time-picker.is-disabled input[type=text] {
  color: #C0C4CC;
  cursor: not-allowed;
}.ui-time-picker-panel {
  position: fixed;
  z-index: 99860;
  width: 3.2rem;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E4E7ED;
  border-radius: 0.24rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0, 0, 0, 0.12);
  display: flex;
}
.ui-time-picker-panel ._column {
  flex: 1;
  max-height: 4.6rem;
  overflow-y: auto;
  padding: 0.1rem;
}
.ui-time-picker-panel ._column + ._column {
  border-left: 1px solid #EBEEF5;
}
.ui-time-picker-panel ._column button {
  display: block;
  width: 100%;
  height: 0.68rem;
  border: 0;
  background: transparent;
  color: #333333;
  font-size: 0.32rem;
  cursor: pointer;
  border-radius: 0.06rem;
}
.ui-time-picker-panel ._column button.active {
  background: rgba(35, 190, 123, 0.12);
  color: var(--theme-color-hex);
  font-weight: 600;
}.ui-message .btn[data-v-a01ae55a] {
  height: 0.76rem;
  max-width: 4rem;
}.cas-auth {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0.4rem;
  display: grid;
  place-items: center;
  overflow: auto;
  background: radial-gradient(circle at 12% 100%, rgba(177, 213, 255, 0.46) 0, transparent 32%), radial-gradient(circle at 88% 0%, rgba(116, 255, 181, 0.32) 0, transparent 28%), linear-gradient(180deg, #f6f5f3 0%, #f8fafb 100%);
}
.cas-auth .panel {
  width: 100%;
  max-width: 9rem;
  border-radius: 0.3rem;
  background: #ffffff;
  border: 0.02rem solid rgba(221, 226, 228, 0.9);
  box-shadow: 0 0.24rem 0.56rem rgba(46, 47, 47, 0.08);
}
.cas-auth .hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0.74rem 0.84rem 0.62rem;
  border-radius: 0.3rem 0.3rem 0 0;
  background: linear-gradient(135deg, rgba(221, 249, 232, 0.98) 0%, rgba(239, 252, 245, 0.92) 100%);
}
.cas-auth .hero .back {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  z-index: 9;
  width: 0.6rem;
  line-height: 0.6rem;
  border-radius: 50%;
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0.08rem 0.2rem rgba(17, 151, 92, 0.12);
  cursor: pointer;
  font-weight: 900;
}
.cas-auth .hero .mark {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  box-shadow: 0 0.12rem 0.3rem rgba(11, 117, 72, 0.18);
}
.cas-auth .hero .title {
  margin: 0.3rem 0 0;
  font-size: 0.5rem;
  line-height: 0.62rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.cas-auth .hero .desc {
  margin: 0.14rem 0 0;
  color: #66707b;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.cas-auth .mode {
  display: flex;
  padding: 0.06rem;
  margin: 0.4rem 0.7rem -0.3rem;
  border-radius: 1rem;
  background: #F1F6F4;
}
.cas-auth .mode .item {
  flex: 1;
  line-height: 0.72rem;
  text-align: center;
  border-radius: 1rem;
  color: #61706A;
  font-size: 0.3rem;
  font-weight: 500;
  cursor: pointer;
}
.cas-auth .mode .item.active {
  color: #167A4E;
  background: #FFFFFF;
  font-weight: 600;
}
.cas-auth .form {
  margin: 0.7rem 0.7rem 0.4rem;
}
.cas-auth .field {
  position: relative;
  display: flex;
  align-items: center;
  border: 0.02rem solid #d8dede;
  border-radius: 9rem;
  background: #f5f7f8;
  color: #202224;
  margin: 0.4rem 0;
}
.cas-auth .field:focus-within {
  border-color: rgba(11, 117, 72, 0.42);
  box-shadow: 0 0 0 0.08rem rgba(35, 190, 123, 0.08);
  background: #ffffff;
}
.cas-auth .field .icon {
  width: 1.5em;
  text-align: center;
  font-size: 0.4rem;
  padding: 0 0.1rem 0 0.2rem;
}
.cas-auth .field .input {
  flex: 1;
  min-width: 0;
  width: 0;
  border: none;
  background: none;
  outline: none;
  color: #202224;
  font-size: 0.32rem;
  line-height: 0.48rem;
  padding: 0.2rem 0;
}
.cas-auth .agree {
  margin: 0.5rem 0 0.5rem 0.1rem;
}
.cas-auth .agree .ff {
  align-self: start;
  margin-top: 0.04rem;
}
.cas-auth .agree .tip {
  font-size: 0.28rem;
  line-height: 0.44rem;
  white-space: normal;
  word-break: break-all;
  display: block;
}
.cas-auth .agree .rule {
  color: #337AB7;
}
.cas-auth .submit {
  width: 100%;
  height: 0.88rem;
  border-radius: 1rem;
  font-size: 0.32rem;
  letter-spacing: 0.04rem;
}
.cas-auth .links {
  padding: 0 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.cas-auth .links .go {
  display: flex;
  align-items: center;
  color: #0f588d;
  font-size: 0.32rem;
  font-weight: 500;
}
.cas-auth .links .split {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #7aa8c8;
  margin: 0 0.3rem;
}
.cas-auth .links .ff {
  font-size: 0.28rem;
  margin-right: 0.1rem;
}
@media (max-width: 500px) {
  .cas-auth .mode, .cas-auth .form {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}.down[data-v-fedb6653] {
  position: relative;
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.3rem 0.3rem;
  overflow: hidden;
  border-radius: 0.3rem 0.3rem 0 0;
  background: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.6), transparent 22%), radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.4), transparent 24%), linear-gradient(105deg, #AEF1CC 0%, #CBF4DD 54%, #A7E6C7 100%);
}
.phone[data-v-fedb6653] {
  height: 1.2rem;
  filter: drop-shadow(0 0.16rem 0.22rem rgba(15, 113, 72, 0.18));
  z-index: 1;
}
.main[data-v-fedb6653] {
  position: relative;
  z-index: 1;
  min-width: 0;
  flex: 1;
  margin-left: 0.3rem;
}
.name[data-v-fedb6653] {
  color: #22312A;
  font-size: 0.38rem;
  font-weight: 700;
}
.name span[data-v-fedb6653] {
  color: #13A867;
  font-size: 105%;
  margin-left: 0.06rem;
}
.slogan[data-v-fedb6653] {
  margin-top: 0.24rem;
  color: #5F726A;
  font-size: 0.28rem;
  font-weight: 500;
}
.download[data-v-fedb6653] {
  flex: none;
  width: 2rem;
  height: 0.72rem;
  border-radius: 1rem;
  color: #FFFFFF;
  font-size: 0.28rem;
  text-align: center;
  font-weight: 700;
  box-shadow: 0 0.12rem 0.24rem rgba(17, 151, 92, 0.24);
  cursor: pointer;
}
.hero[data-v-fedb6653] {
  margin-top: -0.3rem;
}
.social[data-v-fedb6653] {
  padding: 0.2rem 0.7rem 0.6rem;
}
.social .divide[data-v-fedb6653] {
  display: flex;
  align-items: center;
  color: #8A9490;
  font-size: 0.26rem;
}
.social .divide[data-v-fedb6653]:before, .social .divide[data-v-fedb6653]:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #E5EAE8;
}
.social .divide span[data-v-fedb6653] {
  padding: 0 0.3rem;
}
.social .button[data-v-fedb6653] {
  display: flex;
  justify-content: center;
  margin: 0 -0.14rem;
  margin-top: 0.34rem;
}
.social .btn[data-v-fedb6653] {
  flex: 1;
  margin: 0 0.14rem;
  height: 0.8rem;
  border-radius: 1rem;
  font-size: 0.3rem;
  border-color: #D6E9DF;
}
.social .btn .ff[data-v-fedb6653] {
  margin-right: 0.12rem;
}
.social .wechat[data-v-fedb6653] {
  color: #167A4E;
}
.social .wechat .ff[data-v-fedb6653] {
  color: #07C160;
  font-size: 0.4rem;
}
.social .qq[data-v-fedb6653] {
  color: #1578EF;
}
.social .qq .ff[data-v-fedb6653] {
  color: #55A0F8;
  font-size: 0.34rem;
}
@media (max-width: 460px) {
.down[data-v-fedb6653] {
    height: 1.6rem;
}
.phone[data-v-fedb6653] {
    height: 1rem;
}
.name[data-v-fedb6653] {
    font-size: 0.32rem;
}
.slogan[data-v-fedb6653] {
    margin-top: 0.2rem;
    font-size: 0.24rem;
}
.download[data-v-fedb6653] {
    width: 1.5rem;
    height: 0.6rem;
    font-size: 0.24rem;
}
}
.main[data-v-a734ca50] {
    text-align: center;
    padding: 1rem 0;
}
.icon[data-v-a734ca50] {
    width: 2rem;
    line-height: 2rem;
    display: block;
    font-size: 1rem;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(180deg, #DFF7EA 0%, #C6F3DD 100%);
    color: #0B7548;
    box-shadow: 0 .12rem .28rem rgba(35, 190, 123, .16);
}
.msg[data-v-a734ca50] {
    color: #202224;
    font-size: .38rem;
    line-height: .5rem;
    font-weight: 700;
    margin-top: .5rem;
    padding: 0 .6rem;
}
.ops {
&[data-v-a734ca50] {
    margin-top: .6rem;
    padding: 0 .6rem;
    }
.btn[data-v-a734ca50] {
        display: flex;
        width: 100%;
        height: .9rem;
        border-radius: 9rem;
        font-size: .32rem;
        font-weight: 700;
        box-shadow: 0 .12rem .24rem rgba(11, 117, 72, .14);
        margin: .2rem 0;
}
}


.main[data-v-6b72f7b2] {
  text-align: center;
  padding: 1rem 0;
}
.icon[data-v-6b72f7b2] {
  width: 2rem;
  line-height: 2rem;
  display: block;
  font-size: 1rem;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(180deg, #DFF7EA 0%, #C6F3DD 100%);
  color: #0B7548;
  box-shadow: 0 0.12rem 0.28rem rgba(35, 190, 123, 0.16);
}
.msg[data-v-6b72f7b2] {
  color: #202224;
  font-size: 0.38rem;
  line-height: 0.5rem;
  font-weight: 700;
  margin-top: 0.5rem;
  padding: 0 0.6rem;
}[data-v-a654edc2] div._main {
  display: flex;
  flex-direction: column;
}
.button[data-v-a654edc2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem 0.2rem;
  align-self: center;
}
.button .group[data-v-a654edc2] {
  border-radius: 0.1rem;
  overflow: hidden;
}
.button .btn[data-v-a654edc2] {
  line-height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 0;
  margin-right: 0.5px;
}
.progress[data-v-a654edc2] {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  width: 7rem;
  margin-top: 0.3rem;
  align-self: center;
}
.progress span[data-v-a654edc2] {
  color: #666666;
  font-size: 0.26rem;
}
.progress input[data-v-a654edc2] {
  flex: 1;
  min-width: 0;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.box[data-v-a654edc2] {
  margin-top: 0.3rem;
  padding: 1rem 0;
}
.box.alpha[data-v-a654edc2] {
  background-color: #FFFFFF;
  background-image: linear-gradient(45deg, #D8D8D8 25%, transparent 25%), linear-gradient(-45deg, #D8D8D8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #D8D8D8 75%), linear-gradient(-45deg, transparent 75%, #D8D8D8 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}
.box.white[data-v-a654edc2] {
  background: #FFFFFF;
}
.box.gray[data-v-a654edc2] {
  background: #CCCCCC;
}
.box.black[data-v-a654edc2] {
  background: #000000;
}
.box.image[data-v-a654edc2] {
  background: url("https://tkimg.niuqixing.com/asset/images/pet-bg.webp?v=260501") no-repeat;
  background-size: cover;
}
.player[data-v-a654edc2] {
  width: 500px;
  max-width: 100%;
  aspect-ratio: 1;
  margin: 0 auto;
}
.error[data-v-a654edc2] {
  color: #F98054;
  margin-top: 0.3rem;
  background: #F6EDD5;
  padding: 0.2rem;
  line-height: 1.4;
}.title[data-v-33abb41c] {
  margin: 0.5rem 0;
  text-align: center;
  font-size: 0.38rem;
  font-weight: 700;
  color: #444444;
}
.title[data-v-33abb41c]:first-child {
  margin-top: 0.2rem;
}
.methods[data-v-33abb41c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.2rem 0.5rem;
}
.methods .btn[data-v-33abb41c] {
  width: 100%;
  line-height: 0.8rem;
  font-size: 0.3rem;
}
.share-form .row[data-v-33abb41c] {
  position: relative;
  margin: 0.3rem 0;
}
.share-form label[data-v-33abb41c] {
  color: #444444;
  padding-left: 0.04rem;
  font-size: 0.32rem;
  font-weight: 500;
}
.share-form textarea[data-v-33abb41c] {
  width: 100%;
  font-size: 0.3rem;
  line-height: 0.34rem;
  padding: 0.2rem;
  border-radius: 0.14rem;
  margin-top: 0.1rem;
}.info[data-v-ab24f14f] {
  width: 100%;
  margin: 0.4rem 0;
}
.info td[data-v-ab24f14f] {
  border: 0.02rem solid #AAAAAA;
  padding: 0.04rem 0 0.04rem 0.06rem;
  color: #333333;
}
.info tr[data-v-ab24f14f]:nth-child(odd) {
  background: #F7F8F9;
}
.info td.title[data-v-ab24f14f] {
  font-weight: bold;
  text-align: center;
  color: #064949;
  background: #D6F1F1;
}
.info td.name[data-v-ab24f14f] {
  width: 2.2rem;
}
.info td.value[data-v-ab24f14f] {
  color: #333333;
  word-break: break-word;
}
.info td.value i[data-v-ab24f14f] {
  color: #BBBBBB;
  font-size: 0.24rem;
}
.btn-copy[data-v-ab24f14f] {
  display: block;
  margin: 0.2rem 0;
  width: 100%;
  line-height: 0.7rem;
}.taber[data-v-5d956fa7] {
  display: flex;
  border: 1px solid #DFE6F0;
  border-radius: 0.2rem;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.22rem rgba(33, 56, 96, 0.08);
  overflow: hidden;
}
.tab[data-v-5d956fa7] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  height: 0.92rem;
  color: #4D5969;
  font-size: 0.28rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  white-space: nowrap;
  border-radius: 0.2rem;
  position: relative;
}
.tab[data-v-5d956fa7]:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.02rem;
  bottom: 0;
  border-left: 0.02rem solid #E8EDF5;
  color: #E8EDF5;
  transform-origin: 0 0;
  transform: scaleX(0.5);
  z-index: 999;
}
.tab[data-v-5d956fa7]:first-child:before {
  content: none;
  display: none;
}
.tab .ff[data-v-5d956fa7] {
  opacity: 0.9;
}
.tab.active[data-v-5d956fa7] {
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.06);
  box-shadow: inset 0 0 0 1px var(--theme-color-hex);
}
.tab.active[data-v-5d956fa7]:before, .tab.active + .tab[data-v-5d956fa7]:before {
  content: none;
  display: none;
}
.wrap[data-v-5d956fa7] {
  margin-top: 0.4rem;
  border: 1px solid #DFE6F0;
  border-radius: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.18rem 0.5rem rgba(27, 45, 78, 0.08);
  overflow: hidden;
}
.banner[data-v-5d956fa7] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.7rem 0.6rem;
  border-bottom: 1px solid #E9EEF6;
  background: radial-gradient(circle at 80% 46%, rgba(47, 115, 255, 0.12), transparent 27%), radial-gradient(circle at 100% 2%, rgba(255, 122, 33, 0.08), transparent 26%), linear-gradient(110deg, #F2F7FF 0%, #FFFFFF 54%, #FFF7F1 100%);
}
.banner .left[data-v-5d956fa7] {
  flex: 1;
}
.banner .title[data-v-5d956fa7] {
  color: #1B222D;
  font-size: 0.48rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.banner .desc[data-v-5d956fa7] {
  max-width: 6.6rem;
  margin-top: 0.24rem;
  color: #657080;
  font-size: 0.28rem;
  line-height: 0.48rem;
}
.banner .img[data-v-5d956fa7] {
  height: 2.6rem;
  filter: drop-shadow(0 0.24rem 0.36rem rgba(41, 72, 120, 0.12));
}
.panel[data-v-5d956fa7] {
  position: relative;
  padding: 0.6rem;
  background: #FFFFFF;
}
.step[data-v-5d956fa7] {
  position: relative;
  display: block;
  padding: 0.3rem;
  border: 1px solid #DFE6F0;
  border-radius: 0.2rem;
  box-shadow: 0 0.08rem 0.22rem rgba(35, 55, 90, 0.045);
}
.step + .step[data-v-5d956fa7] {
  margin-top: 0.3rem;
}
.step .title[data-v-5d956fa7] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  height: 0.54rem;
  margin-bottom: 0.3rem;
}
.step .title b[data-v-5d956fa7] {
  padding: 0 0.2rem;
  border-radius: 1rem;
  color: #FFFFFF;
  background: var(--theme-color-hex);
  font-size: 0.26rem;
  line-height: 0.5rem;
  font-weight: 500;
}
.step .title span[data-v-5d956fa7] {
  color: #28323C;
  display: block;
  font-weight: 500;
  font-size: 0.34rem;
}
.step .desc[data-v-5d956fa7] {
  margin-top: 0.18rem;
  color: #46505A;
  font-size: 0.3rem;
  line-height: 1.5;
}
.step .link[data-v-5d956fa7] {
  font-weight: 500;
  color: #337AB7;
  outline: 0;
  text-decoration: none;
}
.step .link[data-v-5d956fa7]:link {
  color: #337AB7;
}
.step .link[data-v-5d956fa7]:visited {
  color: #337AB7;
}
.step .link[data-v-5d956fa7]:hover {
  color: #337AB7;
}
.step .link[data-v-5d956fa7]:active {
  color: #337AB7;
}
.step .link[data-v-5d956fa7]:focus {
  color: #337AB7;
}
.step .button[data-v-5d956fa7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.3rem;
}
.step .btn[data-v-5d956fa7] {
  height: 0.76rem;
  padding: 0 0.3rem;
  border-radius: 0.12rem;
  border: 1px solid rgba(var(--theme-color-rgb), 0.2);
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
  font-size: 0.28rem;
  font-weight: 700;
  box-shadow: 0 0.04rem 0.12rem rgba(35, 55, 90, 0.05);
}
.step .img[data-v-5d956fa7] {
  display: block;
  max-width: 7.5rem;
  width: 100%;
  margin-top: 0.3rem;
  border: 1px solid #E4EAF3;
  border-radius: 0.14rem;
  background: #FFFFFF;
  box-shadow: 0 0.06rem 0.18rem rgba(33, 56, 96, 0.06);
}
.step .sure[data-v-5d956fa7] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.24rem;
  padding: 0.2rem;
  border: 1px solid #ECCCAD;
  border-radius: 0.14rem;
  background: linear-gradient(180deg, #FEFBF7 0%, #FDF8EF 100%);
  color: #46505A;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 0.44rem;
}
.step .sure img[data-v-5d956fa7] {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.18rem;
  background: #FFFFFF;
}
@media (max-width: 550px) {
.banner[data-v-5d956fa7] {
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.5rem 0.4rem;
}
.banner .img[data-v-5d956fa7] {
    order: -1;
    height: 2rem;
}
.banner .title[data-v-5d956fa7] {
    text-align: center;
}
.panel[data-v-5d956fa7] {
    padding: 0.5rem 0.3rem;
}
}
@media (max-width: 500px) {
.tab[data-v-5d956fa7] {
    font-size: 0.26rem;
    flex: 1 0 auto;
}
}.frame[data-v-e134fb9d] {
  max-width: 12rem;
}
.wrap[data-v-e134fb9d] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.section[data-v-e134fb9d] {
  margin-bottom: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.section[data-v-e134fb9d]:last-child {
  margin-bottom: 0;
}
.title[data-v-e134fb9d] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #214434;
  font-size: 0.34rem;
  font-weight: 700;
}
.title .icon[data-v-e134fb9d] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  text-align: center;
}
.title .icon.green[data-v-e134fb9d] {
  background: rgba(67, 194, 123, 0.14);
  color: #43C27B;
}
.title .icon.blue[data-v-e134fb9d] {
  background: rgba(100, 170, 239, 0.14);
  color: #64AAEF;
}
.title .icon.yellow[data-v-e134fb9d] {
  background: rgba(252, 200, 47, 0.22);
  color: #A77700;
}
.title .icon.orange[data-v-e134fb9d] {
  background: rgba(249, 128, 84, 0.22);
  color: #B56244;
}
.title small[data-v-e134fb9d] {
  opacity: 0.7;
  font-size: 0.3rem;
  font-weight: 500;
  margin-left: -0.1rem;
}
.grid[data-v-e134fb9d] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.3rem;
  margin-top: 0.3rem;
}
.field[data-v-e134fb9d] {
  margin-top: 0.3rem;
}
.field[data-v-e134fb9d]:first-child, .grid .field[data-v-e134fb9d], .pick .field[data-v-e134fb9d] {
  margin-top: 0;
}
.label[data-v-e134fb9d] {
  display: flex;
  align-items: center;
  margin: 0 0 0.14rem 0.08rem;
  color: #3B5248;
  font-size: 0.26rem;
  font-weight: 700;
}
.label b[data-v-e134fb9d] {
  color: #604142;
  margin-left: 0.06rem;
}
.label i[data-v-e134fb9d] {
  font-size: 0.24rem;
  margin-left: 0.1rem;
  font-style: normal;
  opacity: 0.7;
}
.switches[data-v-e134fb9d] {
  display: grid;
  grid-gap: 0.18rem;
  margin-top: 0.3rem;
}
.switches .row[data-v-e134fb9d] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 0.24rem;
  padding: 0.24rem;
  border-radius: 0.24rem;
  background: rgba(var(--theme-color-rgb), 0.05);
}
.switches .name[data-v-e134fb9d] {
  color: #28372F;
  font-size: 0.3rem;
  font-weight: 700;
}
.switches .desc[data-v-e134fb9d] {
  margin-top: 0.12rem;
  color: #5D6E64;
  font-size: 0.24rem;
}
.attach[data-v-e134fb9d] {
  margin-top: 0.3rem;
}
@media (max-width: 700px) {
.profile[data-v-e134fb9d], .pick[data-v-e134fb9d], .grid[data-v-e134fb9d] {
    grid-template-columns: 1fr;
}
}.frame[data-v-71919d49] {
  max-width: 12rem;
}
.wrap[data-v-71919d49] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.intro[data-v-71919d49] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.24rem;
  color: #66746D;
  font-size: 0.26rem;
}
.intro span[data-v-71919d49] {
  color: var(--theme-color-hex);
  font-weight: 500;
}
.list[data-v-71919d49] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem;
}
.list .item[data-v-71919d49] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  padding: 0.26rem;
  border: 1px solid #E4EAE7;
  border-radius: 0.24rem;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.list .item.selected[data-v-71919d49] {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.06);
}
.list .checkbox[data-v-71919d49] {
  flex: none;
  margin-top: 0.04rem;
}
.list .body[data-v-71919d49] {
  min-width: 0;
  margin-left: 0.2rem;
}
.list .name[data-v-71919d49] {
  color: #283D33;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
}
.list .content[data-v-71919d49] {
  margin-top: 0.1rem;
  color: #718078;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.list .meta[data-v-71919d49] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  margin-top: 0.18rem;
}
.list .meta span[data-v-71919d49] {
  padding: 0.06rem 0.12rem;
  border-radius: 0.12rem;
  background: #F3F7F5;
  color: #617168;
  font-size: 0.24rem;
  line-height: 0.3rem;
}
.load[data-v-71919d49] {
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #717E77;
  font-size: 0.3rem;
}
.load .ff[data-v-71919d49] {
  margin-bottom: 0.5rem;
  color: rgba(var(--theme-color-rgb), 0.5);
  font-size: 1rem;
}
@media (max-width: 570px) {
.list[data-v-71919d49] {
    grid-template-columns: 1fr;
}
}.frame[data-v-151f6fd6] {
  max-width: 9rem;
}
.wrap[data-v-151f6fd6] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-151f6fd6] {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.icon[data-v-151f6fd6] {
  flex: none;
  width: 0.86rem;
  line-height: 0.86rem;
  border-radius: 50%;
  font-size: 0.4rem;
}
.icon.green[data-v-151f6fd6] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.icon.orange[data-v-151f6fd6] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.icon.red[data-v-151f6fd6] {
  background: rgba(224, 38, 46, 0.12);
  color: #E0262E;
}
.main[data-v-151f6fd6] {
  min-width: 0;
  flex: 1;
}
.name[data-v-151f6fd6] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.12rem;
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.name span[data-v-151f6fd6] {
  flex: none;
  padding: 0.06rem 0.14rem;
  border-radius: 0.2rem;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 600;
}
.meta[data-v-151f6fd6] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.point[data-v-151f6fd6] {
  flex: none;
  font-size: 0.32rem;
  font-weight: 700;
  color: var(--theme-color-hex);
}
.section[data-v-151f6fd6] {
  margin-top: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-151f6fd6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.rows[data-v-151f6fd6] {
  display: grid;
}
.row[data-v-151f6fd6] {
  display: flex;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding: 0.08rem 0;
}
.row[data-v-151f6fd6]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-151f6fd6] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-151f6fd6] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.more[data-v-151f6fd6] {
  display: inline-flex;
  align-items: center;
  color: #8A9992;
  font-size: 0.24rem;
  font-weight: 400;
  cursor: pointer;
}
.more .ff[data-v-151f6fd6] {
  transform: scale(0.66);
  transform-origin: right center;
}
.remark[data-v-151f6fd6] {
  margin-top: 0.3rem;
  padding: 0.2rem;
  border-radius: 0.24rem;
  background: #F4FBF8;
}
.remark span[data-v-151f6fd6] {
  color: #6F8178;
  font-size: 0.26rem;
  font-weight: 600;
}
.remark div[data-v-151f6fd6] {
  margin-top: 0.1rem;
  color: #25382F;
  font-size: 0.28rem;
  line-height: 0.42rem;
  white-space: pre-wrap;
}
.recall[data-v-151f6fd6] {
  margin: 0.2rem 0 -0.1rem;
  text-align: center;
}
.recall .action[data-v-151f6fd6] {
  display: inline-flex;
  height: 0.6rem;
  padding: 0 0.3rem;
  border-radius: 1rem;
  align-items: center;
  gap: 0.1rem;
  cursor: pointer;
  color: rgba(var(--theme-color-rgb), 0.8);
  font-size: 0.26rem;
}
.recall .action[data-v-151f6fd6]:hover {
  background: #F0F7F4;
}.frame[data-v-50ddc012] {
  max-width: 9rem;
}
.wrap[data-v-50ddc012] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.task[data-v-50ddc012] {
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.name[data-v-50ddc012] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-50ddc012] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.list[data-v-50ddc012] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.item[data-v-50ddc012] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  cursor: pointer;
}
.icon[data-v-50ddc012] {
  flex: none;
  width: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  font-size: 0.4rem;
}
.icon.green[data-v-50ddc012] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.icon.orange[data-v-50ddc012] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.icon.red[data-v-50ddc012] {
  background: rgba(224, 38, 46, 0.12);
  color: #E0262E;
}
.info[data-v-50ddc012] {
  min-width: 0;
  flex: 1;
}
.time[data-v-50ddc012] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.12rem;
  color: #2B4036;
  font-size: 0.3rem;
  font-weight: 700;
}
.time span[data-v-50ddc012] {
  flex: none;
  padding: 0.06rem 0.14rem;
  border-radius: 0.2rem;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 600;
}
.sub[data-v-50ddc012] {
  margin-top: 0.12rem;
  color: #7C8F85;
  font-size: 0.26rem;
}
.point[data-v-50ddc012] {
  flex: none;
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  font-weight: 700;
}
.arrow[data-v-50ddc012] {
  flex: none;
  color: #B4C1BB;
  font-size: 0.24rem;
}
.empty[data-v-50ddc012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
}
.empty .ff[data-v-50ddc012] {
  font-size: 0.8rem;
  color: rgba(var(--theme-color-rgb), 0.35);
}
.empty span[data-v-50ddc012] {
  font-size: 0.28rem;
  display: block;
  margin-top: 0.3rem;
  color: #9AA9A1;
}.frame[data-v-301eb8d6] {
  max-width: 9rem;
}
.wrap[data-v-301eb8d6] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-301eb8d6] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.cat[data-v-301eb8d6] {
  flex: none;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  font-size: 0.48rem;
  color: #FFFFFF;
}
.main[data-v-301eb8d6] {
  min-width: 0;
  flex: 1;
}
.name[data-v-301eb8d6] {
  color: #25362E;
  font-size: 0.34rem;
  line-height: 1;
  font-weight: 700;
}
.meta[data-v-301eb8d6] {
  margin-top: 0.16rem;
  color: #718278;
  font-size: 0.26rem;
}
.section[data-v-301eb8d6] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-301eb8d6] {
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.content[data-v-301eb8d6] {
  color: #26382F;
  font-size: 0.3rem;
  line-height: 0.46rem;
  white-space: pre-wrap;
}
.rows[data-v-301eb8d6] {
  display: grid;
}
.row[data-v-301eb8d6] {
  display: flex;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding: 0.08rem 0;
}
.row[data-v-301eb8d6]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-301eb8d6] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-301eb8d6] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.tags[data-v-301eb8d6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.tags span[data-v-301eb8d6] {
  padding: 0.18rem 0.2rem;
  border-radius: 0.12rem;
  font-size: 0.26rem;
  font-weight: 500;
}
.tags span.off[data-v-301eb8d6] {
  background: #EEF2F0;
  color: #7B8E84;
}
.tags span.on[data-v-301eb8d6] {
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
}
.actions[data-v-301eb8d6] {
  display: flex;
  margin-top: 0.3rem;
  gap: 0.3rem;
}
.actions .btn[data-v-301eb8d6] {
  flex: 1;
  line-height: 0.8rem;
  border: none;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}.frame[data-v-5e30de5c] {
  max-width: 9rem;
}
.wrap[data-v-5e30de5c] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.section[data-v-5e30de5c] {
  margin-top: 0.3rem;
  padding: 0.28rem;
  border-radius: 0.32rem;
  background: #FFFFFF;
}
.section[data-v-5e30de5c]:first-child {
  margin-top: 0;
}
.task[data-v-5e30de5c] {
  display: flex;
  align-items: center;
  gap: 0.22rem;
}
.icon[data-v-5e30de5c] {
  flex: none;
  width: 0.94rem;
  line-height: 0.94rem;
  border-radius: 50%;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.46rem;
}
.info[data-v-5e30de5c] {
  min-width: 0;
  flex: 1;
}
.name[data-v-5e30de5c] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-5e30de5c] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.title[data-v-5e30de5c] {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.3rem;
  color: #385046;
  font-size: 0.3rem;
  font-weight: 700;
}
.title .ff[data-v-5e30de5c] {
  font-size: 0.32rem;
  color: var(--theme-color-hex);
}
.title span[data-v-5e30de5c] {
  font-size: 0.24rem;
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.12);
  line-height: 0.36rem;
  padding: 0 0.1rem;
  font-weight: 500;
  border-radius: 0.1rem;
}.metrics[data-v-c9fad2ba] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.2rem;
}
.metrics .metric[data-v-c9fad2ba] {
  position: relative;
  overflow: hidden;
  height: 1.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.metrics .metric span[data-v-c9fad2ba] {
  position: relative;
  z-index: 1;
  display: block;
  color: #646E69;
  font-size: 0.28rem;
  font-weight: 500;
}
.metrics .metric b[data-v-c9fad2ba] {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 0.24rem;
  font-size: 0.4rem;
  font-weight: 700;
}
.metrics .metric .ff[data-v-c9fad2ba] {
  position: absolute;
  right: -0.1rem;
  bottom: -0.16rem;
  z-index: 0;
  font-size: 1.12rem;
  opacity: 0.06;
  pointer-events: none;
}
.metrics .metric.green b[data-v-c9fad2ba], .metrics .metric.green .ff[data-v-c9fad2ba] {
  color: #43C27B;
}
.metrics .metric.blue b[data-v-c9fad2ba], .metrics .metric.blue .ff[data-v-c9fad2ba] {
  color: #64AAEF;
}
.metrics .metric.mint b[data-v-c9fad2ba], .metrics .metric.mint .ff[data-v-c9fad2ba] {
  color: #128C83;
}
.metrics .metric.gold b[data-v-c9fad2ba], .metrics .metric.gold .ff[data-v-c9fad2ba] {
  color: #8A6800;
}
.audit[data-v-c9fad2ba] {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  padding: 0 0.3rem;
  height: 1rem;
  border-radius: 0.3rem;
  background: linear-gradient(135deg, rgba(249, 128, 84, 0.14), rgba(249, 128, 84, 0.06));
  border: 1px solid rgba(249, 128, 84, 0.1);
  color: #88611D;
}
.audit .aico[data-v-c9fad2ba] {
  font-size: 0.32rem;
  margin-right: 0.16rem;
}
.audit .atext[data-v-c9fad2ba] {
  font-size: 0.28rem;
  font-weight: 700;
}
.audit .go[data-v-c9fad2ba] {
  font-size: 0.28rem;
  font-weight: 700;
  margin-left: auto;
}
.audit .gico[data-v-c9fad2ba] {
  font-size: 0.24rem;
  font-weight: 900;
  margin-left: 0.1rem;
}
.week[data-v-c9fad2ba] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.week .head[data-v-c9fad2ba] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.week .text[data-v-c9fad2ba] {
  position: relative;
  height: 0.72rem;
  color: #2E2F2F;
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  font-size: 0.34rem;
  font-weight: 700;
  cursor: pointer;
}
.week .text .ff[data-v-c9fad2ba] {
  color: var(--theme-color-hex);
  font-size: 0.36rem;
}
.week .text .picker[data-v-c9fad2ba] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: transparent;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.week .text[data-v-c9fad2ba] .picker ._field, .week .text[data-v-c9fad2ba] .picker input {
  width: 100%;
  height: 100%;
  box-shadow: none;
  color: transparent;
  background: transparent;
  border-color: transparent;
}
.week .tools[data-v-c9fad2ba] {
  flex: none;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.week .circle[data-v-c9fad2ba] {
  min-width: 0.6rem;
  height: 0.6rem;
  box-sizing: border-box;
  border-radius: 9rem;
  background: #f3f5f7;
  color: var(--theme-color-hex);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  gap: 0.08rem;
}
.week .circle.today[data-v-c9fad2ba] {
  padding: 0 0.2rem;
}
.week .circle .ff[data-v-c9fad2ba] {
  font-size: 0.3rem;
}
.week .circle.sm .ff[data-v-c9fad2ba] {
  font-size: 0.24rem;
  font-weight: 900;
}
.week .dates[data-v-c9fad2ba] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.week .arrow[data-v-c9fad2ba] {
  width: 0.64rem;
  line-height: 0.64rem;
  border-radius: 50%;
  background: #FFFFFF;
  color: #555555;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 900;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.week .date[data-v-c9fad2ba] {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  padding: 0.2rem;
  cursor: pointer;
  gap: 0.18rem;
}
.week .date span[data-v-c9fad2ba] {
  display: block;
  color: #747E79;
  font-size: 0.24rem;
  font-weight: 700;
}
.week .date b[data-v-c9fad2ba] {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  color: #383C41;
  font-size: 0.34rem;
  font-weight: 700;
}
.week .date i[data-v-c9fad2ba] {
  font-style: normal;
  font-weight: 500;
  font-size: 0.3rem;
}
.week .date.today[data-v-c9fad2ba] {
  background: rgba(var(--theme-color-rgb), 0.1);
}
.week .date.today span[data-v-c9fad2ba] {
  color: var(--theme-color-hex);
}
.week .date.active[data-v-c9fad2ba] {
  background: linear-gradient(135deg, rgba(var(--theme-color-rgb), 0.8), rgba(var(--theme-color-rgb), 0.5));
}
.week .date.active span[data-v-c9fad2ba], .week .date.active b[data-v-c9fad2ba] {
  color: #FFFFFF;
}
.bar[data-v-c9fad2ba] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.18rem;
  align-items: center;
  margin-top: 0.3rem;
}
.bar .selects[data-v-c9fad2ba] {
  display: grid;
  grid-template-columns: repeat(2, minmax(2.2rem, 1fr));
  grid-gap: 0.14rem;
  max-width: 6rem;
}
.bar .selects[data-v-c9fad2ba] .ui-select ._field {
  min-height: 0.72rem;
  border-radius: 0.36rem;
  border: none;
}
.bar .selects[data-v-c9fad2ba] .ui-select ._value {
  font-size: 0.24rem;
  font-weight: 700;
}
.bar .commands[data-v-c9fad2ba] {
  display: flex;
  gap: 0.14rem;
}
.bar .btn[data-v-c9fad2ba] {
  height: 0.72rem;
  padding: 0 0.3rem;
  border-radius: 0.38rem;
  gap: 0.1rem;
  font-size: 0.26rem;
  font-weight: 700;
  border: none;
}
.list[data-v-c9fad2ba] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.list .item[data-v-c9fad2ba] {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  padding: 0;
  border-radius: 0.3rem;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
}
.list .item.done[data-v-c9fad2ba] {
  background: #F7FFFC;
}
.list .icon[data-v-c9fad2ba] {
  padding: 0 0.16rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
  color: #FFFFFF;
}
.list .emoji[data-v-c9fad2ba] {
  font-size: 0.52rem;
  line-height: 1;
}
.list .cat[data-v-c9fad2ba] {
  max-width: 100%;
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
}
.list .content[data-v-c9fad2ba] {
  min-width: 0;
  padding: 0.3rem;
}
.list .title[data-v-c9fad2ba] {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  min-width: 0;
  padding-right: 2rem;
}
.list .name[data-v-c9fad2ba] {
  flex: none;
  color: #323538;
  font-size: 0.34rem;
  line-height: 0.44rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 0.1rem;
}
.list .chip[data-v-c9fad2ba] {
  flex: none;
  padding: 0 0.16rem;
  border-radius: 1rem;
  font-size: 0.24rem;
  line-height: 0.44rem;
}
.list .chip.green[data-v-c9fad2ba] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.list .chip.blue[data-v-c9fad2ba] {
  background: rgba(100, 170, 239, 0.12);
  color: #64AAEF;
}
.list .chip.progress[data-v-c9fad2ba] {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: #66766E;
  overflow: hidden;
}
.list .chip.progress span[data-v-c9fad2ba] {
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  font-weight: 500;
}
.list .chip.progress span[data-v-c9fad2ba]:first-child {
  color: #43C27B;
  background: rgba(67, 194, 123, 0.12);
  padding: 0 0.1rem 0 0.16rem;
}
.list .chip.progress span[data-v-c9fad2ba]:last-child {
  color: #F98054;
  background: rgba(249, 128, 84, 0.12);
  padding: 0 0.16rem 0 0.1rem;
}
.list .point[data-v-c9fad2ba] {
  position: absolute;
  right: 0;
  top: -0.06rem;
  display: flex;
  border-radius: 1rem;
  font-size: 0.28rem;
  font-weight: 700;
  overflow: hidden;
}
.list .point span[data-v-c9fad2ba] {
  display: inline-flex;
  align-items: center;
  height: 0.56rem;
  gap: 0.08rem;
  padding: 0 0.1rem;
}
.list .point span.f[data-v-c9fad2ba] {
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.12);
}
.list .point span.u[data-v-c9fad2ba] {
  color: #F98054;
  background: rgba(249, 128, 84, 0.12);
}
.list .point span[data-v-c9fad2ba]:first-child {
  padding-left: 0.2rem;
}
.list .point span[data-v-c9fad2ba]:last-child {
  padding-right: 0.2rem;
}
.list .point .ff[data-v-c9fad2ba] {
  font-size: 0.3rem;
}
.list .info[data-v-c9fad2ba] {
  display: flex;
  gap: 0.2rem;
  margin-top: 0.16rem;
}
.list .left[data-v-c9fad2ba] {
  min-width: 0;
  flex: 1;
}
.list .desc[data-v-c9fad2ba] {
  color: #697771;
  font-size: 0.26rem;
  line-height: 0.36rem;
  word-break: break-all;
}
.list .meta[data-v-c9fad2ba] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
  margin-top: 0.16rem;
  color: #6D7973;
  font-size: 0.24rem;
  font-weight: 500;
}
.list .meta .ff[data-v-c9fad2ba] {
  margin-right: 0.08rem;
}
.list .meta > div[data-v-c9fad2ba] {
  margin-right: 0.14rem;
}
.list .text[data-v-c9fad2ba] {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  margin-top: 0.2rem;
  min-height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 1rem;
  font-size: 0.26rem;
  font-weight: 700;
}
.list .text.green[data-v-c9fad2ba] {
  background: rgba(67, 194, 123, 0.14);
  color: #43C27B;
}
.list .text.orange[data-v-c9fad2ba] {
  background: rgba(249, 128, 84, 0.14);
  color: #F98054;
}
.list .text .ff[data-v-c9fad2ba] {
  font-size: 0.3rem;
}
.list .right[data-v-c9fad2ba] {
  display: flex;
  gap: 0.18rem;
  align-self: end;
}
.list .right .btn[data-v-c9fad2ba] {
  height: 0.64rem;
  padding: 0 0.28rem;
  border-radius: 1rem;
  border: none;
  font-size: 0.26rem;
  font-weight: 700;
}
.list .right .btn.primary[data-v-c9fad2ba] {
  background: var(--theme-color-hex);
  color: #FFFFFF;
}
.list .right .btn.plain[data-v-c9fad2ba] {
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}
.list .right .btn.warn[data-v-c9fad2ba] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.list .right .btn.gray[data-v-c9fad2ba] {
  background: #F1F0F0;
  color: #66736D;
}
.empty[data-v-c9fad2ba] {
  margin-top: 0.3rem;
  min-height: 7rem;
  box-sizing: border-box;
  padding: 0.6rem 0.3rem 0.3rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.empty .image[data-v-c9fad2ba] {
  width: 4rem;
}
.empty .main[data-v-c9fad2ba] {
  color: #515C55;
  font-size: 0.36rem;
  font-weight: 800;
  margin-top: 0.3rem;
}
.empty .sub[data-v-c9fad2ba] {
  color: #8C9893;
  font-size: 0.26rem;
  margin-top: 0.2rem;
}
.empty .btn[data-v-c9fad2ba] {
  border-radius: 1rem;
  font-weight: 700;
  margin-top: 0.18rem;
}
.empty .btn .ff[data-v-c9fad2ba] {
  margin-right: 0.1rem;
}
.empty .create[data-v-c9fad2ba] {
  height: 0.8rem;
  padding: 0 0.5rem;
  font-size: 0.3rem;
  margin-top: 0.6rem;
}
.empty .chose[data-v-c9fad2ba] {
  height: 0.72rem;
  padding: 0 0.3rem;
  border: 0.02rem solid #E6ECE9;
  background: #FFFFFF;
  color: #697771;
  font-size: 0.28rem;
}
.empty .chose .ff[data-v-c9fad2ba] {
  color: var(--theme-color-hex);
}
.empty .help[data-v-c9fad2ba] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  margin-top: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 0.24rem;
  box-sizing: border-box;
  background: rgba(var(--theme-color-rgb), 0.1);
  overflow: hidden;
}
.empty .help .icon[data-v-c9fad2ba] {
  font-size: 0.68rem;
  color: rgba(var(--theme-color-rgb), 0.9);
}
.empty .help .text[data-v-c9fad2ba] {
  min-width: 0;
  flex: 1;
  margin-left: 0.2rem;
}
.empty .help .tit[data-v-c9fad2ba] {
  color: #313A36;
  font-size: 0.28rem;
  font-weight: 700;
}
.empty .help .desc[data-v-c9fad2ba] {
  margin-top: 0.14rem;
  color: #7A8781;
  font-size: 0.24rem;
  font-weight: 500;
}
.empty .help .arrow[data-v-c9fad2ba] {
  font-size: 0.28rem;
  color: #6D7B74;
}
@media (max-width: 600px) {
.metrics[data-v-c9fad2ba] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.week .date[data-v-c9fad2ba] {
    gap: 0.12rem;
    padding: 0.16rem;
}
.bar[data-v-c9fad2ba] {
    grid-template-columns: 1fr;
}
.bar .commands[data-v-c9fad2ba] {
    grid-row: 1;
    justify-self: end;
}
.bar .selects[data-v-c9fad2ba] {
    grid-row: 2;
    max-width: none;
}
.list .title[data-v-c9fad2ba] {
    padding-right: 0;
}
.list .name[data-v-c9fad2ba] {
    flex: 0 0 100%;
    min-width: 0;
    padding-right: 2rem;
}
.list .info[data-v-c9fad2ba] {
    flex-direction: column;
    gap: 0.16rem;
}
.list .right[data-v-c9fad2ba] {
    align-self: start;
}
}.filters[data-v-16d841d9] {
  display: flex;
  gap: 0.34rem;
  margin-bottom: 0.3rem;
  padding: 0 0.1rem;
  align-items: end;
}
.filters .btn[data-v-16d841d9] {
  margin-left: auto;
  height: 0.68rem;
  padding: 0 0.5rem;
  border-radius: 9rem;
}
.list[data-v-16d841d9] {
  display: grid;
  grid-gap: 0.3rem;
}
.card[data-v-16d841d9] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 0.3rem;
  align-items: center;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.card.deleted[data-v-16d841d9] {
  opacity: 0.6;
}
.cat[data-v-16d841d9] {
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  font-size: 0.48rem;
  color: #FFFFFF;
}
.body[data-v-16d841d9] {
  min-width: 0;
}
.line[data-v-16d841d9] {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  margin-bottom: 0.16rem;
}
.name[data-v-16d841d9] {
  min-width: 0;
  color: #2A3E35;
  font-size: 0.32rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.state[data-v-16d841d9] {
  flex: none;
  padding: 0.06rem 0.12rem;
  border-radius: 0.2rem;
  background: #EEF2F0;
  color: #7A8A82;
  font-size: 0.24rem;
  font-weight: 500;
}
.state.end[data-v-16d841d9] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.meta[data-v-16d841d9] {
  margin-top: 0.1rem;
  color: #7B8E84;
  font-size: 0.24rem;
}
.tags[data-v-16d841d9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem;
  margin-top: 0.14rem;
}
.tags span[data-v-16d841d9] {
  padding: 0.08rem 0.16rem;
  border-radius: 0.2rem;
  font-size: 0.24rem;
  font-weight: 500;
}
.tags span.off[data-v-16d841d9] {
  background: #EEF2F0;
  color: #7B8E84;
}
.tags span.on[data-v-16d841d9] {
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
}
.actions[data-v-16d841d9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  gap: 0.16rem;
  width: 3rem;
}
.actions.num5[data-v-16d841d9] {
  width: 4.6rem;
}
.actions .btn[data-v-16d841d9] {
  width: 1.4rem;
  padding: 0.14rem 0;
  border-color: #F2F7F4;
  background: #F2F7F4;
  color: #4D6258;
  font-size: 0.26rem;
  font-weight: 500;
}
.actions .ff[data-v-16d841d9] {
  margin-right: 0.1rem;
}
.empty[data-v-16d841d9] {
  height: 5.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  color: #8D9B94;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
}
.empty .ff[data-v-16d841d9] {
  font-size: 1rem;
  color: rgba(var(--theme-color-rgb), 0.32);
}
.empty .txt[data-v-16d841d9] {
  font-size: 0.3rem;
  font-weight: 700;
}
@media (max-width: 700px) {
.card[data-v-16d841d9] {
    grid-template-columns: auto minmax(0, 1fr);
}
.actions[data-v-16d841d9] {
    grid-column: 1/-1;
    width: 100%;
    justify-content: flex-start;
}
.actions.num5[data-v-16d841d9] {
    width: 100%;
}
}.frame[data-v-85afca0e] {
  max-width: 8rem;
}
.wrap[data-v-85afca0e] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.pet[data-v-85afca0e] {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.1rem 0.24rem rgba(61, 80, 120, 0.06);
}
.pet img[data-v-85afca0e] {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
}
.info[data-v-85afca0e] {
  min-width: 0;
  flex: 1;
}
.name[data-v-85afca0e] {
  padding-top: 0.1rem;
  display: flex;
  align-items: center;
}
.nme[data-v-85afca0e] {
  color: #212D46;
  font-size: 0.32rem;
  font-weight: 700;
}
.price[data-v-85afca0e] {
  display: inline-flex;
  align-items: center;
  height: 0.4rem;
  border-radius: 1rem;
  padding: 0 0.16rem;
  background: #FFF6DB;
  color: #C47B00;
  font-size: 0.24rem;
  font-weight: 500;
  margin-left: 0.2rem;
}
.price .ff[data-v-85afca0e] {
  color: #FFB820;
  margin-right: 0.06rem;
}
.desc[data-v-85afca0e] {
  margin-top: 0.18rem;
  color: #657692;
  font-size: 0.26rem;
}
.form[data-v-85afca0e] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.label[data-v-85afca0e] {
  color: #232E46;
  font-size: 0.28rem;
  font-weight: 700;
  margin-bottom: 0.16rem;
  padding-left: 0.04rem;
}
.tip[data-v-85afca0e] {
  margin-top: 0.16rem;
  color: #8A96AA;
  font-size: 0.24rem;
  padding-left: 0.04rem;
}.frame[data-v-786a2984] {
  max-width: 10rem;
}
.wrap[data-v-786a2984] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.notice[data-v-786a2984] {
  display: flex;
  align-items: center;
  padding-left: 0.24rem;
  border-radius: 0.24rem;
  background: #FFF7DF;
  color: #B26D00;
  font-size: 0.28rem;
  font-weight: 500;
  height: 0.8rem;
}
.notice .ff[data-v-786a2984] {
  color: #FFB820;
  font-size: 0.34rem;
  margin-right: 0.1rem;
}
.list[data-v-786a2984] {
  display: grid;
  grid-gap: 0.24rem;
  margin-top: 0.3rem;
}
.item[data-v-786a2984] {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.26rem;
  border: 0.03rem solid transparent;
  background: #FFFFFF;
  padding: 0.24rem;
  cursor: pointer;
  box-shadow: 0 0.1rem 0.24rem rgba(61, 80, 120, 0.06);
  transition: border-color 0.2s;
}
.item.active[data-v-786a2984] {
  border-color: rgba(var(--theme-color-rgb), 0.8);
}
.item img[data-v-786a2984] {
  flex: none;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.2rem;
}
.meta[data-v-786a2984] {
  min-width: 0;
  flex: 1;
}
.name[data-v-786a2984] {
  display: flex;
  align-items: center;
  height: 0.48rem;
}
.nme[data-v-786a2984] {
  color: #17233B;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
}
.mor[data-v-786a2984] {
  flex: none;
  margin-left: -0.1rem;
  width: 4em;
  text-align: center;
  border-radius: 1rem;
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.18);
  background: rgba(var(--theme-color-rgb), 0.08);
  color: hsl(var(--theme-color-hs), calc(var(--theme-color-l) - 6%));
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-weight: 500;
  transform: scale(0.8);
  transform-origin: right center;
}
.tag[data-v-786a2984], .check[data-v-786a2984] {
  flex: none;
  line-height: 0.36rem;
  padding: 0 0.16rem;
  border-radius: 1rem;
  text-align: center;
  font-size: 0.24rem;
  margin-left: auto;
}
.tag[data-v-786a2984] {
  color: var(--theme-color-hex);
  background: #EEF2F7;
  font-weight: 500;
}
.check[data-v-786a2984] {
  color: #FFFFFF;
  background: rgba(var(--theme-color-rgb), 0.8);
}
.desc[data-v-786a2984] {
  margin-top: 0.08rem;
  color: #6B7A95;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
@media (min-width: 480px) {
.list[data-v-786a2984] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}.frame[data-v-6a19122a] {
  max-width: 10rem;
}
.wrap[data-v-6a19122a] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.pet[data-v-6a19122a] {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  border-radius: 0.3rem;
  margin-bottom: 0.1rem;
  background: #FFFFFF;
  box-shadow: 0 0.1rem 0.24rem rgba(61, 80, 120, 0.06);
}
.pet img[data-v-6a19122a] {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
}
.pet .info[data-v-6a19122a] {
  min-width: 0;
}
.pet .name[data-v-6a19122a] {
  color: #212D2D;
  font-size: 0.34rem;
  line-height: 0.4rem;
  font-weight: 700;
}
.pet .meta[data-v-6a19122a] {
  margin-top: 0.14rem;
  color: #72809A;
  font-size: 0.26rem;
}
.item[data-v-6a19122a] {
  margin-top: 0.24rem;
  position: relative;
  border-radius: 0.3rem;
  background: #FFFFFF;
  padding: 0.3rem;
  overflow: hidden;
  border: 0.02rem solid rgba(242, 215, 184, 0.6);
  box-shadow: 0 0.12rem 0.28rem rgba(95, 72, 47, 0.06);
}
.item.buy[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(255, 227, 227, 0.7) 0%, rgba(255, 227, 227, 0.1) 60%, rgba(255, 227, 227, 0.5) 100%);
  border-color: #FFE3E3;
}
.item.retype[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(255, 227, 227, 0.7) 0%, rgba(255, 227, 227, 0.1) 60%, rgba(255, 227, 227, 0.5) 100%);
  border-color: #FFE3E3;
}
.item.recall[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(255, 227, 227, 0.7) 0%, rgba(255, 227, 227, 0.1) 60%, rgba(255, 227, 227, 0.5) 100%);
  border-color: #FFE3E3;
}
.item.feed[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(251, 234, 218, 0.7) 0%, rgba(251, 234, 218, 0.1) 60%, rgba(251, 234, 218, 0.5) 100%);
  border-color: #FBEADA;
}
.item.bath[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(205, 221, 248, 0.7) 0%, rgba(205, 221, 248, 0.1) 60%, rgba(205, 221, 248, 0.5) 100%);
  border-color: #CDDDF8;
}
.item.sleep[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(217, 211, 246, 0.7) 0%, rgba(217, 211, 246, 0.1) 60%, rgba(217, 211, 246, 0.5) 100%);
  border-color: #D9D3F6;
}
.item.play[data-v-6a19122a] {
  background: linear-gradient(115deg, rgba(228, 246, 216, 0.7) 0%, rgba(228, 246, 216, 0.1) 60%, rgba(228, 246, 216, 0.5) 100%);
  border-color: #E4F6D8;
}
.head[data-v-6a19122a] {
  display: flex;
  align-items: center;
}
.icon[data-v-6a19122a] {
  flex: none;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.3rem;
}
.main[data-v-6a19122a] {
  flex: 1;
  min-width: 0;
}
.line[data-v-6a19122a] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.line b[data-v-6a19122a] {
  color: #EF8434;
  font-size: 0.34rem;
  font-weight: 700;
  padding-top: 0.1rem;
}
.line span[data-v-6a19122a] {
  flex: none;
  color: #9B8A82;
  font-size: 0.26rem;
  font-weight: 700;
}
.item.buy .line b[data-v-6a19122a] {
  color: #CF7D7D;
}
.item.retype .line b[data-v-6a19122a] {
  color: #CF7D7D;
}
.item.recall .line b[data-v-6a19122a] {
  color: #CF7D7D;
}
.item.feed .line b[data-v-6a19122a] {
  color: #DD9F65;
}
.item.bath .line b[data-v-6a19122a] {
  color: #2098E7;
}
.item.sleep .line b[data-v-6a19122a] {
  color: #7D5BE8;
}
.item.play .line b[data-v-6a19122a] {
  color: #2EAF6A;
}
.cost[data-v-6a19122a] {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  margin-top: 0.16rem;
  font-weight: 600;
}
.cost span[data-v-6a19122a] {
  color: #987F73;
  font-size: 0.26rem;
}
.cost b[data-v-6a19122a] {
  color: #E8752E;
  font-size: 0.28rem;
}
.cost .ff[data-v-6a19122a] {
  color: #FFBE1F;
  font-size: 0.3rem;
}
.changes[data-v-6a19122a] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0.3rem;
  border-radius: 0.12rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 0 0.16rem rgba(255, 255, 255, 0.35);
}
.changes .chg[data-v-6a19122a] {
  min-width: 0;
  padding: 0.16rem;
  border-right: 0.02rem solid rgba(255, 255, 255, 0.86);
}
.changes .chg[data-v-6a19122a]:last-child {
  border-right: none;
}
.changes .label[data-v-6a19122a] {
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 900;
}
.changes .hunger .label[data-v-6a19122a], .changes .hunger .value .ff[data-v-6a19122a] {
  color: #EF8434;
}
.changes .clean .label[data-v-6a19122a], .changes .clean .value .ff[data-v-6a19122a] {
  color: #2897D8;
}
.changes .energy .label[data-v-6a19122a], .changes .energy .value .ff[data-v-6a19122a] {
  color: #735BE4;
}
.changes .mood .label[data-v-6a19122a], .changes .mood .value .ff[data-v-6a19122a] {
  color: #61A655;
}
.changes .intimacy .label[data-v-6a19122a], .changes .intimacy .value .ff[data-v-6a19122a] {
  color: #EE6885;
}
.changes .value[data-v-6a19122a] {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  margin-top: 0.08rem;
  font-size: 0.24rem;
}
.changes .value span[data-v-6a19122a] {
  color: #505D7A;
  font-weight: 600;
}
.changes .value .ff[data-v-6a19122a] {
  font-size: 0.24rem;
  transform: scale(0.65);
  font-weight: 900;
}
.quote[data-v-6a19122a] {
  margin-top: 0.3rem;
  color: #7C6F78;
  font-size: 0.26rem;
  font-weight: 500;
}.frame[data-v-974ffc33] {
  max-width: 9rem;
}
.wrap[data-v-974ffc33] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.summary[data-v-974ffc33] {
  background: #FFFFFF;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.label[data-v-974ffc33] {
  color: #64738F;
  font-size: 0.26rem;
  font-weight: 700;
}
.gmain[data-v-974ffc33] {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
}
.gmain .love[data-v-974ffc33] {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.1rem;
}
.gmain .score[data-v-974ffc33] {
  color: #17233B;
  font-size: 0.52rem;
  margin-right: 0.2rem;
  font-weight: 600;
}
.gmain .current[data-v-974ffc33] {
  line-height: 0.48rem;
  border-radius: 1rem;
  padding: 0 0.2rem;
  background: #FFE8EC;
  color: #F14567;
  font-size: 0.26rem;
  font-weight: 700;
}
.next[data-v-974ffc33] {
  margin-top: 0.3rem;
  color: #64738F;
  font-size: 0.26rem;
}
.list[data-v-974ffc33] {
  display: grid;
  grid-gap: 0.16rem;
  margin-top: 0.3rem;
}
.item[data-v-974ffc33] {
  border-radius: 0.3rem;
  padding: 0.3rem 0.3rem 0.3rem 0.16rem;
  background: #FFFFFF;
  border: 0.02rem solid #E3EAF4;
  box-shadow: 0 0.08rem 0.2rem rgba(61, 80, 120, 0.04);
  display: flex;
  align-items: center;
}
.item.active[data-v-974ffc33] {
  background: rgba(var(--theme-color-rgb), 0.08);
  border-color: rgba(var(--theme-color-rgb), 0.8);
  box-shadow: 0 0.12rem 0.28rem rgba(var(--theme-color-rgb), 0.1);
}
.item.done[data-v-974ffc33] {
  opacity: 0.7;
}
.face[data-v-974ffc33] {
  width: 1rem;
}
.info[data-v-974ffc33] {
  flex: 1;
  margin-left: 0.16rem;
}
.top[data-v-974ffc33] {
  display: flex;
  align-items: center;
}
.name[data-v-974ffc33] {
  color: #212D46;
  font-size: 0.32rem;
  font-weight: 700;
}
.cur[data-v-974ffc33] {
  flex: none;
  margin-left: 0.2rem;
  border-radius: 1rem;
  padding: 0 0.2rem;
  background: rgba(var(--theme-color-rgb), 0.9);
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.4rem;
  font-weight: 600;
}
.point[data-v-974ffc33] {
  flex: none;
  color: #657692;
  font-size: 0.28rem;
  font-weight: 700;
  margin-left: auto;
}
.desc[data-v-974ffc33] {
  margin-top: 0.24rem;
  color: #64738F;
  font-size: 0.28rem;
}.frame[data-v-5c34180f] {
  max-width: 9rem;
}
.wrap[data-v-5c34180f] {
  padding: 0.3rem;
  background: linear-gradient(180deg, #FAEFDD 0%, #F7FAFF 100%);
}
.paper[data-v-5c34180f] {
  position: relative;
  border-radius: 0.32rem;
  padding: 0.5rem;
  background: #FFFCF4;
  border: 0.02rem dashed #FFE8C3;
  box-shadow: 0 0.16rem 0.36rem rgba(95, 72, 47, 0.08);
}
.title[data-v-5c34180f] {
  color: #212D46;
  font-size: 0.38rem;
  line-height: 0.52rem;
  font-weight: 500;
  text-align: center;
}
.content[data-v-5c34180f] {
  margin-top: 0.3rem;
  color: #384762;
  font-size: 0.32rem;
  line-height: 0.56rem;
  white-space: pre-wrap;
  text-indent: 2em each-line;
}
.namedate[data-v-5c34180f] {
  margin-top: 0.3rem;
  color: #384762;
  font-size: 0.32rem;
  line-height: 0.56rem;
  text-align: right;
}
.waiting[data-v-5c34180f] {
  height: 5rem;
  background: #f3f5f7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.waiting .icon[data-v-5c34180f] {
  width: 1.4rem;
  line-height: 1.4rem;
  border-radius: 50%;
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
  font-size: 0.8rem;
}
.waiting .error[data-v-5c34180f] {
  background: rgba(249, 128, 84, 0.1);
  color: #F98054;
}
.waiting .text[data-v-5c34180f] {
  margin-top: 0.4rem;
  color: #313E5A;
  font-size: 0.32rem;
  line-height: 0.52rem;
  font-weight: 700;
}
.waiting .sub[data-v-5c34180f] {
  margin-top: 0.3rem;
  color: #96A0B4;
  font-size: 0.28rem;
}.card[data-v-b57f2d82] {
  width: 6.4rem;
  padding: 0.6rem 0.3rem 0.3rem;
  border: 0.08rem solid #A9D77F;
  background: radial-gradient(circle at 16% 10%, rgba(252, 200, 47, 0.15), transparent 1.4rem), radial-gradient(circle at 88% 28%, rgba(67, 194, 123, 0.15), transparent 1.6rem), linear-gradient(180deg, #FFFDF7, #FFFFFF 72%, #FFFDF8);
}
.title[data-v-b57f2d82] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.title b[data-v-b57f2d82] {
  color: #69903E;
  font-size: 0.6rem;
  font-weight: 900;
  margin: 0 0.22rem;
}
.title span[data-v-b57f2d82] {
  position: relative;
  width: 0.34rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #A9D77F;
  transform: rotate(28deg);
}
.title span[data-v-b57f2d82]:before {
  content: "";
  position: absolute;
  width: 0.24rem;
  height: 0.12rem;
  border-radius: 50%;
  background: #B9DF8E;
  transform: translate(0.2rem, -0.16rem) rotate(34deg);
}
.title span[data-v-b57f2d82]:last-child {
  transform: rotate(152deg);
}
.subtit[data-v-b57f2d82] {
  width: 100%;
  text-align: center;
  line-height: 0.66rem;
  margin-top: 0.3rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, #F1F8D8, #E8F4C8);
  color: #5C8032;
  font-size: 0.3rem;
  font-weight: 700;
}
.reward[data-v-b57f2d82] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  margin-top: 0.4rem;
  border-radius: 0.28rem;
  border: 0.03rem solid rgba(252, 200, 47, 0.34);
  background: linear-gradient(180deg, #FFFDF3, #FFF8E7);
}
.reward .ff[data-v-b57f2d82] {
  font-size: 0.8rem;
  text-shadow: 0 0.04rem 0 #D97800;
  color: #FFC941;
}
.reward b[data-v-b57f2d82] {
  color: #EF6305;
  background: linear-gradient(to bottom, #FB980B, #EF6305);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0.2rem;
}
.reward span[data-v-b57f2d82] {
  color: #E45E1B;
  font-size: 0.4rem;
  font-weight: 700;
  padding-top: 0.24rem;
}
.intro[data-v-b57f2d82] {
  display: flex;
  align-items: center;
}
.copy[data-v-b57f2d82] {
  flex: 1;
  color: #4B342B;
  font-size: 0.3rem;
  line-height: 0.52rem;
  font-weight: 600;
  padding-top: 0.24rem;
}
.copy b[data-v-b57f2d82] {
  color: #3F865A;
  padding: 0 0.08rem;
}
.pet[data-v-b57f2d82] {
  height: 1.8rem;
}
.uses[data-v-b57f2d82] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.16rem;
  margin-top: 0.3rem;
}
.use[data-v-b57f2d82] {
  padding: 0.16rem 0;
  box-sizing: border-box;
  border-radius: 0.24rem;
  border: 0.02rem solid;
}
.use img[data-v-b57f2d82] {
  width: 0.8rem;
  margin: 0 auto;
}
.use span[data-v-b57f2d82] {
  display: block;
  margin-top: 0.16rem;
  font-size: 0.26rem;
  font-weight: 500;
  text-align: center;
}
.use.feed[data-v-b57f2d82] {
  background: linear-gradient(to bottom, rgba(59, 159, 85, 0.08), #FFFFFF);
  border-color: rgba(59, 159, 85, 0.2);
}
.use.feed span[data-v-b57f2d82] {
  color: #3B9F55;
}
.use.bath[data-v-b57f2d82] {
  background: linear-gradient(to bottom, rgba(90, 147, 216, 0.08), #FFFFFF);
  border-color: rgba(90, 147, 216, 0.2);
}
.use.bath span[data-v-b57f2d82] {
  color: #5A93D8;
}
.use.sleep[data-v-b57f2d82] {
  background: linear-gradient(to bottom, rgba(134, 99, 202, 0.08), #FFFFFF);
  border-color: rgba(134, 99, 202, 0.2);
}
.use.sleep span[data-v-b57f2d82] {
  color: #8663CA;
}
.use.play[data-v-b57f2d82] {
  background: linear-gradient(to bottom, rgba(239, 106, 25, 0.08), #FFFFFF);
  border-color: rgba(239, 106, 25, 0.2);
}
.use.play span[data-v-b57f2d82] {
  color: #EF6A19;
}
.submit[data-v-b57f2d82] {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.4rem;
  border-radius: 1rem;
  border: none;
  background: linear-gradient(180deg, #A8CA74, #91AF63);
  box-shadow: inset 0 -0.06rem 0 #779C4B;
  font-size: 0.38rem;
  font-weight: 700;
  text-shadow: 0 0.03rem 0 rgba(50, 97, 35, 0.35);
  letter-spacing: 0.02rem;
}.frame[data-v-da24310c] {
  max-width: 8rem;
}
.wrap[data-v-da24310c] {
  padding: 0.4rem;
}
.tips[data-v-da24310c] {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
  padding: 0.26rem;
  border: 1px solid rgba(var(--theme-color-rgb), 0.12);
  border-radius: 0.22rem;
  background: rgba(var(--theme-color-rgb), 0.09);
}
.tips span[data-v-da24310c] {
  color: #64706A;
  font-size: 0.28rem;
  font-weight: 400;
}
.tips .ff[data-v-da24310c] {
  color: var(--theme-color-hex);
  font-size: 0.32rem;
  margin-right: 0.12rem;
}
.avatar[data-v-da24310c] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.avatar .uploader[data-v-da24310c] {
  position: relative;
}
.avatar .box[data-v-da24310c] {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: rgba(var(--theme-color-rgb), 0.05);
  border: 0.06rem dashed rgba(var(--theme-color-rgb), 0.3);
}
.avatar .box.ff[data-v-da24310c] {
  line-height: 1.9rem;
  color: rgba(var(--theme-color-rgb), 0.7);
  font-size: 0.5rem;
}
.avatar .plus[data-v-da24310c] {
  position: absolute;
  right: 0.02rem;
  bottom: 0.02rem;
  width: 0.54rem;
  line-height: 0.54rem;
  border-radius: 50%;
  background: var(--theme-color-hex);
  color: #FFFFFF;
  border: 0.04rem solid #FFFFFF;
}
.avatar .text[data-v-da24310c] {
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  margin-top: 0.06rem;
}
.field[data-v-da24310c] {
  margin-top: 0.5rem;
}
label[data-v-da24310c] {
  display: block;
  margin: 0 0 0.12rem 0.08rem;
  color: #1D2B22;
  font-size: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
}.slots[data-v-cdef32d5] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.slot[data-v-cdef32d5] {
  flex: 1;
  padding: 0.14rem 0;
  border-radius: 0.24rem;
  border: 0.03rem solid #E4EBF4;
  background: #FFFFFF;
  box-shadow: 0 0.1rem 0.2rem rgba(61, 80, 120, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 0;
}
.slot.active[data-v-cdef32d5] {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.05);
}
.slot.is-runaway img[data-v-cdef32d5] {
  filter: grayscale(1);
  opacity: 0.8;
}
.slot img[data-v-cdef32d5] {
  width: 0.7rem;
  height: 0.7rem;
  object-fit: contain;
}
.slot .plus[data-v-cdef32d5] {
  width: 0.7rem;
  line-height: 0.7rem;
  border-radius: 50%;
  background: #EEF2FA;
  color: #8593B2;
  font-size: 0.32rem;
  font-weight: 700;
}
.slot span[data-v-cdef32d5] {
  margin-top: 0.06rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #253350;
  font-size: 0.24rem;
  width: 90%;
  text-align: center;
  font-weight: 500;
}
.emptycard[data-v-cdef32d5] {
  margin-top: 0.3rem;
  min-height: 7rem;
  box-sizing: border-box;
  padding: 0.6rem 0.3rem 0.3rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.emptycard .image[data-v-cdef32d5] {
  width: 4rem;
}
.emptycard .main[data-v-cdef32d5] {
  color: #515C55;
  font-size: 0.36rem;
  font-weight: 800;
  margin-top: 0.3rem;
}
.emptycard .sub[data-v-cdef32d5] {
  color: #8C9893;
  font-size: 0.26rem;
  margin-top: 0.2rem;
}
.emptycard .btn[data-v-cdef32d5] {
  border-radius: 1rem;
  font-weight: 700;
  margin-top: 0.18rem;
}
.emptycard .btn .ff[data-v-cdef32d5] {
  margin-right: 0.1rem;
}
.emptycard .create[data-v-cdef32d5] {
  height: 0.8rem;
  padding: 0 0.5rem;
  font-size: 0.3rem;
  margin-top: 0.6rem;
}
.emptycard .help[data-v-cdef32d5] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  margin-top: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 0.24rem;
  box-sizing: border-box;
  background: rgba(var(--theme-color-rgb), 0.1);
  overflow: hidden;
}
.emptycard .help .icon[data-v-cdef32d5] {
  font-size: 0.68rem;
  color: rgba(var(--theme-color-rgb), 0.9);
}
.emptycard .help .text[data-v-cdef32d5] {
  min-width: 0;
  flex: 1;
  margin-left: 0.2rem;
}
.emptycard .help .tit[data-v-cdef32d5] {
  color: #313A36;
  font-size: 0.28rem;
  font-weight: 700;
}
.emptycard .help .desc[data-v-cdef32d5] {
  margin-top: 0.14rem;
  color: #7A8781;
  font-size: 0.24rem;
  font-weight: 500;
}
.emptycard .help .arrow[data-v-cdef32d5] {
  font-size: 0.28rem;
  color: #6D7B74;
}
.scene[data-v-cdef32d5] {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 0.3rem;
  margin-top: 0.3rem;
  box-shadow: 0 0.16rem 0.36rem rgba(47, 86, 134, 0.14);
  padding-top: 1.1rem;
  margin-bottom: 0.8rem;
}
.bg[data-v-cdef32d5] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3rem;
}
.topbar[data-v-cdef32d5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0.3rem;
  height: 1.12rem;
  z-index: 1;
}
.topbar .pname[data-v-cdef32d5] {
  color: #FFFFFF;
  text-shadow: 0 0.04rem 0.12rem rgba(38, 101, 153, 0.18);
  max-width: 5.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.38rem;
  font-weight: 500;
}
.topbar .btn[data-v-cdef32d5] {
  height: 0.48rem;
  min-width: 0.48rem;
  padding: 0 0.16rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.26rem;
  font-weight: 400;
  border: none;
  gap: 0.1rem;
}
.topbar .rename[data-v-cdef32d5] {
  font-size: 0.24rem;
  margin-left: 0.1rem;
  padding: 0;
}
.topbar .change[data-v-cdef32d5] {
  margin-left: auto;
}
.topbar .music[data-v-cdef32d5] {
  margin-left: 0.3rem;
}
.petpic[data-v-cdef32d5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.3rem 0.3rem;
  z-index: 2;
  position: relative;
}
.petpic.is-runaway .img[data-v-cdef32d5], .petpic.is-runaway .lt[data-v-cdef32d5] {
  filter: grayscale(1);
  opacity: 0.5;
}
.petpic .img[data-v-cdef32d5] {
  width: 5rem;
  height: 5rem;
  max-width: 100%;
  object-fit: contain;
}
.petpic .lt[data-v-cdef32d5] {
  position: absolute;
  width: 2rem;
  left: 50%;
  margin-left: 1.5rem;
  top: 1rem;
  transform: rotate(20deg);
}
.petpic .bubble[data-v-cdef32d5] {
  background: #DCEBFA;
  max-width: 4.5rem;
  padding: 0.16rem 0.3rem;
  border-radius: 1rem;
  color: #7E8665;
  font-size: 0.26rem;
  line-height: 0.36rem;
  position: relative;
  margin-bottom: -0.1rem;
}
.petpic .bubble[data-v-cdef32d5]:after {
  position: absolute;
  right: 1rem;
  bottom: -0.16rem;
  transform: rotate(135deg);
  content: "";
  width: 0;
  height: 0;
  border: 0.16rem solid transparent;
  z-index: 1;
  border-top: 0.18rem solid #DCEBFA;
}
.metermb[data-v-cdef32d5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 0.24rem;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0.08rem 0.2rem rgba(70, 88, 118, 0.08);
  overflow: hidden;
  margin: 0 0.1rem -0.5rem;
  z-index: 1;
}
.metermb .meter[data-v-cdef32d5] {
  min-width: 0;
  padding: 0.18rem 0.08rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 0.02rem solid #EEF2F6;
}
.metermb .meter[data-v-cdef32d5]:last-child {
  border-right: none;
}
.metermb .hd[data-v-cdef32d5] {
  display: flex;
  align-items: center;
}
.metermb .hd .ico[data-v-cdef32d5] {
  width: 0.38rem;
  line-height: 0.38rem;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.24rem;
}
.metermb .hd span[data-v-cdef32d5] {
  font-size: 0.26rem;
  font-weight: 500;
  margin-left: 0.1rem;
}
.metermb .val[data-v-cdef32d5] {
  display: block;
  color: #464B50;
  margin-top: 0.14rem;
  font-size: 0.24rem;
  font-weight: 500;
}
.metermb .bar[data-v-cdef32d5] {
  width: 78%;
  height: 0.08rem;
  border-radius: 1rem;
  background: #E8EDF4;
  margin: 0.18rem auto 0;
  overflow: hidden;
}
.metermb .bar i[data-v-cdef32d5] {
  display: block;
  height: 100%;
  border-radius: 1rem;
  transition: width 0.2s;
}
.meterspc[data-v-cdef32d5] {
  display: flex;
  flex-direction: column;
  margin: 0 0.3rem 0.3rem;
  border-radius: 0.24rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.08rem 0.2rem rgba(70, 88, 118, 0.08);
  overflow: hidden;
  z-index: 1;
  padding: 0.14rem 0;
  align-self: center;
}
.meterspc .meter[data-v-cdef32d5] {
  height: 1.2rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.meterspc .ico[data-v-cdef32d5] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.4rem;
}
.meterspc .det[data-v-cdef32d5] {
  width: 3rem;
  margin-left: 0.2rem;
}
.meterspc .hd[data-v-cdef32d5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meterspc .hd .nm[data-v-cdef32d5] {
  color: #313539;
  font-size: 0.28rem;
  font-weight: 500;
}
.meterspc .hd .val[data-v-cdef32d5] {
  color: #464B50;
  font-size: 0.24rem;
  font-weight: 500;
}
.meterspc .bar[data-v-cdef32d5] {
  height: 0.1rem;
  border-radius: 1rem;
  background: #E8EDF4;
  margin-top: 0.2rem;
  overflow: hidden;
}
.meterspc .bar i[data-v-cdef32d5] {
  display: block;
  height: 100%;
  border-radius: 1rem;
  transition: width 0.2s;
}
.meter.hunger .ico[data-v-cdef32d5] {
  background: linear-gradient(135deg, #FFBD4D, #FF8818);
}
.meter.hunger .bar i[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #FFBD4D, #FF8818);
}
.meter.clean .ico[data-v-cdef32d5] {
  background: linear-gradient(135deg, #A8E8FF, #3DAFF7);
}
.meter.clean .bar i[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #A8E8FF, #3DAFF7);
}
.meter.energy .ico[data-v-cdef32d5] {
  background: linear-gradient(135deg, #CFAAFF, #7A57E9);
}
.meter.energy .bar i[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #CFAAFF, #7A57E9);
}
.meter.mood .ico[data-v-cdef32d5] {
  background: linear-gradient(135deg, #A7EA7F, #25B852);
}
.meter.mood .bar i[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #A7EA7F, #25B852);
}
.runaway[data-v-cdef32d5] {
  display: flex;
  background: rgba(249, 128, 84, 0.1);
  color: #F98054;
  border-radius: 0.3rem;
  padding: 0.3rem;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.4rem;
  align-items: center;
}
.runaway .btn[data-v-cdef32d5] {
  background: rgba(249, 128, 84, 0.7);
  border: none;
  color: #FFFFFF;
  padding: 0 0.18rem;
  height: 0.56rem;
  margin-left: 0.2rem;
  border-radius: 1rem;
}
.actions[data-v-cdef32d5] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.actions.is-runaway .act[data-v-cdef32d5], .actions.is-waiting .act[data-v-cdef32d5]:not(.cur) {
  opacity: 0.5;
  cursor: not-allowed;
}
.actions .act[data-v-cdef32d5] {
  display: flex;
  position: relative;
  isolation: isolate;
  border-radius: 0.24rem;
  overflow: hidden;
  padding: 0.3rem 0.2rem;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  box-shadow: 0 0.12rem 0.28rem rgba(61, 80, 120, 0.1);
}
.actions .act.cur[data-v-cdef32d5] {
  cursor: progress;
}
.actions .act.cur[data-v-cdef32d5] > * {
  position: relative;
  z-index: 1;
}
.actions .act.cur[data-v-cdef32d5]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.15) 10%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 30%);
  background-size: 3rem 3rem;
  animation: cur-cdef32d5 1s linear infinite;
}
@keyframes cur-cdef32d5 {
to {
    background-position-x: 3rem;
}
}
.actions .right[data-v-cdef32d5] {
  flex: 1;
}
.actions .am[data-v-cdef32d5] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.actions .ai[data-v-cdef32d5] {
  display: none;
  align-self: center;
}
.actions .ai.ai1[data-v-cdef32d5] {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.2rem;
}
.actions .ai.ai2[data-v-cdef32d5] {
  width: 0.44rem;
  height: 0.44rem;
  margin-right: 0.14rem;
}
.actions .ai.ai3[data-v-cdef32d5] {
  width: 1rem;
  height: 1rem;
  margin: 0.2rem auto;
}
.actions .at[data-v-cdef32d5] {
  font-size: 0.32rem;
  font-weight: 500;
}
.actions .cost[data-v-cdef32d5] {
  line-height: 0.4rem;
  padding: 0 0.16rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.2);
  font-size: 0.24rem;
  font-weight: 500;
  margin-left: auto;
}
.actions .desc[data-v-cdef32d5] {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  font-weight: 500;
}
.actions .act.feed[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #FFBD4D, #FF8818);
}
.actions .act.bath[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #A8E8FF, #3DAFF7);
}
.actions .act.sleep[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #CFAAFF, #7A57E9);
}
.actions .act.play[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #A7EA7F, #25B852);
}
.lower[data-v-cdef32d5] {
  display: grid;
  grid-gap: 0.3rem;
  margin-top: 0.4rem;
}
.grow[data-v-cdef32d5], .journal[data-v-cdef32d5] {
  border-radius: 0.3rem;
  background: #FFFFFF;
  padding: 0.3rem;
  box-shadow: 0 0.12rem 0.28rem rgba(61, 80, 120, 0.08);
}
.chead[data-v-cdef32d5] {
  color: #212D45;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: 700;
}
.grow .gmain[data-v-cdef32d5] {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
}
.grow .gmain .love[data-v-cdef32d5] {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.16rem;
}
.grow .gmain b[data-v-cdef32d5] {
  color: #17233B;
  font-size: 0.52rem;
  margin-right: 0.2rem;
  font-weight: 600;
}
.grow .gmain span[data-v-cdef32d5] {
  line-height: 0.48rem;
  border-radius: 1rem;
  padding: 0 0.2rem;
  background: #FFE8EC;
  color: #F14567;
  font-size: 0.26rem;
  font-weight: 700;
}
.grow .next[data-v-cdef32d5] {
  margin-top: 0.2rem;
  color: #667A9F;
  font-size: 0.26rem;
}
.grow .levels[data-v-cdef32d5] {
  display: flex;
  margin-top: 0.3rem;
  padding: 0 0.2rem;
  max-width: 10rem;
}
.grow .lv[data-v-cdef32d5] {
  min-width: 0;
  text-align: center;
  color: #9AA6B9;
}
.grow .lv .dot[data-v-cdef32d5] {
  width: 0.44rem;
  line-height: 0.44rem;
  border-radius: 50%;
  margin: 0.06rem auto 0.12rem;
  background: #EEF2F6;
  font-size: 0.24rem;
  position: relative;
  z-index: 2;
}
.grow .lv .dot.af[data-v-cdef32d5] {
  font-weight: 900;
}
.grow .lv .dot.fc[data-v-cdef32d5] {
  width: 0.56rem;
  height: 0.56rem;
  line-height: 0;
  margin: 0 auto 0.06rem;
}
.grow .lv span[data-v-cdef32d5] {
  display: block;
  font-size: 0.2rem;
  line-height: 0.26rem;
}
.grow .lv em[data-v-cdef32d5] {
  display: block;
  font-style: normal;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.grow .lv.done[data-v-cdef32d5] {
  color: #43B44A;
}
.grow .lv.done .dot[data-v-cdef32d5] {
  background: #43B44A;
  color: #FFFFFF;
}
.grow .lv.now[data-v-cdef32d5] {
  color: #F14567;
}
.grow .lv.now .dot[data-v-cdef32d5] {
  box-shadow: 0 0 0 0.04rem #FFD4B5;
  background: #FFFFFF;
}
.grow .line[data-v-cdef32d5] {
  flex: 1;
  position: relative;
}
.grow .line[data-v-cdef32d5]:after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.26rem;
  right: -0.2rem;
  height: 0.04rem;
  background: #EEF2F6;
  z-index: 1;
}
.grow .line.done[data-v-cdef32d5]:after {
  background: rgba(67, 180, 74, 0.8);
}
.grow .btns[data-v-cdef32d5] {
  display: flex;
  gap: 0.3rem;
  margin-top: 0.4rem;
  max-width: 10rem;
}
.grow .btn[data-v-cdef32d5] {
  flex: 1;
  gap: 0.08rem;
  height: 0.68rem;
  border-radius: 0.2rem;
  background: #F0F3FA;
  color: #505F7D;
  border: none;
  font-size: 0.28rem;
}
.journal[data-v-cdef32d5] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.journal .jmain[data-v-cdef32d5] {
  display: flex;
  align-items: center;
  flex: 1;
}
.journal .left[data-v-cdef32d5] {
  max-width: 6rem;
}
.journal .summary[data-v-cdef32d5] {
  font-size: 0.28rem;
  line-height: 0.44rem;
  color: #40516F;
}
.journal .btn[data-v-cdef32d5] {
  background: linear-gradient(to bottom, #F8DD8E, #F5C86F);
  border: none;
  color: #A62A17;
  width: 2.4rem;
  line-height: 0.68rem;
  border-radius: 1rem;
  font-size: 0.3rem;
  font-weight: 500;
  margin-top: 0.3rem;
}
.journal .img[data-v-cdef32d5] {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 400px) and (max-width: 599.98px) {
.actions .ai1[data-v-cdef32d5] {
    display: block;
}
}
@media (min-width: 600px) {
.actions[data-v-cdef32d5] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 700px) {
.lower[data-v-cdef32d5] {
    grid-template-columns: 1fr 6rem;
}
}
@media (min-width: 1000px) {
.slots[data-v-cdef32d5] {
    gap: 0.4rem;
}
.slot[data-v-cdef32d5] {
    flex-direction: row;
    gap: 0.16rem;
    padding: 0.14rem 0.2rem;
}
.slot span[data-v-cdef32d5] {
    font-size: 0.28rem;
    width: auto;
}
.scene[data-v-cdef32d5] {
    flex-direction: row;
    margin-bottom: 0.3rem;
}
.topbar .pname[data-v-cdef32d5] {
    font-size: 0.46rem;
}
.topbar .btn[data-v-cdef32d5] {
    height: 0.56rem;
    min-width: 0.56rem;
    font-size: 0.28rem;
}
}
@media (min-width: 1200px) {
.meterspc .meter[data-v-cdef32d5] {
    padding: 0 0.34rem 0 0.3rem;
}
}
@media (min-width: 600px) and (max-width: 799.98px), (min-width: 1000px) and (max-width: 1199.98px) {
.actions .ai3[data-v-cdef32d5] {
    display: block;
}
.actions .at[data-v-cdef32d5] {
    font-size: 0.36rem;
}
.actions .desc[data-v-cdef32d5] {
    text-align: center;
}
}
@media (min-width: 800px) and (max-width: 999.98px), (min-width: 1200px) {
.actions .act[data-v-cdef32d5] {
    padding: 0.4rem 0.3rem;
}
.actions .at[data-v-cdef32d5] {
    font-size: 0.36rem;
}
.actions .ai1[data-v-cdef32d5] {
    display: block;
    margin-right: 0.3rem;
}
}
@media (max-width: 599.98px) {
.actions[data-v-cdef32d5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 399.98px) {
.actions .ai2[data-v-cdef32d5] {
    display: block;
}
}.frame[data-v-80796ab8] {
  max-width: 12rem;
}
.wrap[data-v-80796ab8] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.section[data-v-80796ab8] {
  margin-bottom: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.section[data-v-80796ab8]:last-child {
  margin-bottom: 0;
}
.title[data-v-80796ab8] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #214434;
  font-size: 0.34rem;
  font-weight: 700;
}
.title .icon[data-v-80796ab8] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  text-align: center;
}
.title .icon.green[data-v-80796ab8] {
  background: rgba(67, 194, 123, 0.14);
  color: #43C27B;
}
.title .icon.blue[data-v-80796ab8] {
  background: rgba(100, 170, 239, 0.14);
  color: #64AAEF;
}
.title .icon.yellow[data-v-80796ab8] {
  background: rgba(252, 200, 47, 0.22);
  color: #A77700;
}
.title .icon.orange[data-v-80796ab8] {
  background: rgba(249, 128, 84, 0.22);
  color: #B56244;
}
.title small[data-v-80796ab8] {
  opacity: 0.7;
  font-size: 0.3rem;
  font-weight: 500;
  margin-left: -0.1rem;
}
.grid[data-v-80796ab8] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.3rem;
  margin-top: 0.3rem;
}
.field[data-v-80796ab8] {
  margin-top: 0.3rem;
}
.field[data-v-80796ab8]:first-child, .grid .field[data-v-80796ab8] {
  margin-top: 0;
}
.label[data-v-80796ab8] {
  display: flex;
  align-items: center;
  margin: 0 0 0.14rem 0.08rem;
  color: #3B5248;
  font-size: 0.26rem;
  font-weight: 700;
}
.label b[data-v-80796ab8] {
  color: #604142;
  margin-left: 0.06rem;
}
.label i[data-v-80796ab8] {
  font-size: 0.24rem;
  margin-left: 0.1rem;
  font-style: normal;
  opacity: 0.7;
}
.catmgr[data-v-80796ab8] {
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  cursor: pointer;
  margin: -0.2rem -0.1rem -0.2rem auto;
  padding: 0.2rem;
}
.weeks[data-v-80796ab8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}
.weeks .chip[data-v-80796ab8] {
  padding: 0.18rem 0.28rem;
  border-radius: 0.4rem;
  background: #F1F5F3;
  color: #5D7167;
  font-size: 0.26rem;
  font-weight: 700;
  cursor: pointer;
}
.weeks .chip.active[data-v-80796ab8] {
  background: var(--theme-color-hex);
  color: #FFFFFF;
}
.ebb[data-v-80796ab8] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.2rem;
}
.ebb .curve[data-v-80796ab8] {
  padding: 0.24rem;
  border-radius: 0.2rem;
  background: #f3f5f7;
  cursor: pointer;
}
.ebb .curve.active[data-v-80796ab8] {
  background: rgba(var(--theme-color-rgb), 0.12);
}
.ebb .curve.active .check[data-v-80796ab8] {
  background: var(--theme-color-hex);
  color: #FFFFFF;
}
.ebb .name[data-v-80796ab8] {
  display: flex;
  align-items: center;
  color: #28372F;
  font-size: 0.3rem;
  font-weight: 700;
  margin-bottom: 0.24rem;
}
.ebb .check[data-v-80796ab8] {
  flex: none;
  width: 0.36rem;
  line-height: 0.36rem;
  border-radius: 50%;
  background: #E1E8E4;
  color: transparent;
  font-size: 0.24rem;
  margin-right: 0.12rem;
}
.ebb .desc[data-v-80796ab8] {
  margin-top: 0.12rem;
  color: #5D6E64;
  font-size: 0.24rem;
}
.switches[data-v-80796ab8] {
  display: grid;
  grid-gap: 0.18rem;
  margin-top: 0.3rem;
}
.switches .row[data-v-80796ab8] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 0.24rem;
  padding: 0.24rem;
  border-radius: 0.24rem;
  background: rgba(var(--theme-color-rgb), 0.05);
}
.switches .name[data-v-80796ab8] {
  color: #28372F;
  font-size: 0.3rem;
  font-weight: 700;
}
.switches .desc[data-v-80796ab8] {
  margin-top: 0.12rem;
  color: #5D6E64;
  font-size: 0.24rem;
}
.switches .award[data-v-80796ab8] {
  grid-column: 1/-1;
}
.attach[data-v-80796ab8] {
  margin-top: 0.3rem;
}
@media (max-width: 700px) {
.grid[data-v-80796ab8] {
    grid-template-columns: minmax(0, 1fr);
}
}.frame[data-v-0b72b94c] {
  max-width: 12rem;
}
.wrap[data-v-0b72b94c] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.intro[data-v-0b72b94c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.24rem;
  color: #66746D;
  font-size: 0.26rem;
}
.intro span[data-v-0b72b94c] {
  color: var(--theme-color-hex);
  font-weight: 500;
}
.list[data-v-0b72b94c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem;
}
.list .item[data-v-0b72b94c] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  padding: 0.26rem;
  border: 1px solid #E4EAE7;
  border-radius: 0.24rem;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.list .item.selected[data-v-0b72b94c] {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.06);
}
.list .checkbox[data-v-0b72b94c] {
  flex: none;
  margin-top: 0.04rem;
}
.list .body[data-v-0b72b94c] {
  min-width: 0;
  margin-left: 0.2rem;
}
.list .name[data-v-0b72b94c] {
  color: #283D33;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
}
.list .content[data-v-0b72b94c] {
  margin-top: 0.1rem;
  color: #718078;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.list .meta[data-v-0b72b94c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  margin-top: 0.18rem;
}
.list .meta span[data-v-0b72b94c] {
  padding: 0.06rem 0.12rem;
  border-radius: 0.12rem;
  background: #F3F7F5;
  color: #617168;
  font-size: 0.24rem;
  line-height: 0.3rem;
}
.load[data-v-0b72b94c] {
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #717E77;
  font-size: 0.3rem;
}
.load .ff[data-v-0b72b94c] {
  margin-bottom: 0.5rem;
  color: rgba(var(--theme-color-rgb), 0.5);
  font-size: 1rem;
}
@media (max-width: 570px) {
.list[data-v-0b72b94c] {
    grid-template-columns: 1fr;
}
}.frame[data-v-e5ec0728] {
  max-width: 9rem;
}
.wrap[data-v-e5ec0728] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-e5ec0728] {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.icon[data-v-e5ec0728] {
  flex: none;
  width: 0.86rem;
  line-height: 0.86rem;
  border-radius: 50%;
  font-size: 0.4rem;
}
.icon.green[data-v-e5ec0728] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.icon.orange[data-v-e5ec0728] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.icon.red[data-v-e5ec0728] {
  background: rgba(224, 38, 46, 0.12);
  color: #E0262E;
}
.main[data-v-e5ec0728] {
  min-width: 0;
  flex: 1;
}
.name[data-v-e5ec0728] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-e5ec0728] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.point[data-v-e5ec0728] {
  flex: none;
  font-size: 0.32rem;
  font-weight: 700;
  color: var(--theme-color-hex);
}
.section[data-v-e5ec0728] {
  margin-top: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-e5ec0728] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.rows[data-v-e5ec0728] {
  display: grid;
}
.row[data-v-e5ec0728] {
  display: flex;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding: 0.08rem 0;
}
.row[data-v-e5ec0728]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-e5ec0728] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-e5ec0728] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.more[data-v-e5ec0728] {
  display: inline-flex;
  align-items: center;
  color: #8A9992;
  font-size: 0.24rem;
  font-weight: 400;
  cursor: pointer;
}
.more .ff[data-v-e5ec0728] {
  transform: scale(0.66);
  transform-origin: right center;
}
.remark[data-v-e5ec0728] {
  margin-top: 0.3rem;
  padding: 0.2rem;
  border-radius: 0.24rem;
  background: #F4FBF8;
}
.remark span[data-v-e5ec0728] {
  color: #6F8178;
  font-size: 0.26rem;
  font-weight: 600;
}
.remark div[data-v-e5ec0728] {
  margin-top: 0.1rem;
  color: #25382F;
  font-size: 0.28rem;
  line-height: 0.42rem;
  white-space: pre-wrap;
}
.recall[data-v-e5ec0728] {
  margin: 0.2rem 0 -0.1rem;
  text-align: center;
}
.recall .action[data-v-e5ec0728] {
  display: inline-flex;
  height: 0.6rem;
  padding: 0 0.3rem;
  border-radius: 1rem;
  align-items: center;
  gap: 0.1rem;
  cursor: pointer;
  color: rgba(var(--theme-color-rgb), 0.8);
  font-size: 0.26rem;
}
.recall .action[data-v-e5ec0728]:hover {
  background: #F0F7F4;
}.frame[data-v-f8ca729c] {
  max-width: 9rem;
}
.wrap[data-v-f8ca729c] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.task[data-v-f8ca729c] {
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.name[data-v-f8ca729c] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-f8ca729c] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.list[data-v-f8ca729c] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.item[data-v-f8ca729c] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  cursor: pointer;
}
.icon[data-v-f8ca729c] {
  flex: none;
  width: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  font-size: 0.4rem;
}
.icon.green[data-v-f8ca729c] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.icon.orange[data-v-f8ca729c] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.icon.red[data-v-f8ca729c] {
  background: rgba(224, 38, 46, 0.12);
  color: #E0262E;
}
.info[data-v-f8ca729c] {
  min-width: 0;
  flex: 1;
}
.time[data-v-f8ca729c] {
  color: #2B4036;
  font-size: 0.3rem;
  font-weight: 700;
}
.sub[data-v-f8ca729c] {
  margin-top: 0.12rem;
  color: #7C8F85;
  font-size: 0.26rem;
}
.point[data-v-f8ca729c] {
  flex: none;
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  font-weight: 700;
}
.arrow[data-v-f8ca729c] {
  flex: none;
  color: #B4C1BB;
  font-size: 0.24rem;
}
.empty[data-v-f8ca729c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
}
.empty .ff[data-v-f8ca729c] {
  font-size: 0.8rem;
  color: rgba(var(--theme-color-rgb), 0.35);
}
.empty span[data-v-f8ca729c] {
  font-size: 0.28rem;
  display: block;
  margin-top: 0.3rem;
  color: #9AA9A1;
}.frame[data-v-b441bae5] {
  max-width: 9rem;
}
.wrap[data-v-b441bae5] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-b441bae5] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.cat[data-v-b441bae5] {
  flex: none;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  font-size: 0.48rem;
}
.main[data-v-b441bae5] {
  min-width: 0;
  flex: 1;
}
.name[data-v-b441bae5] {
  color: #25362E;
  font-size: 0.34rem;
  line-height: 1;
  font-weight: 700;
}
.meta[data-v-b441bae5] {
  margin-top: 0.16rem;
  color: #718278;
  font-size: 0.26rem;
}
.section[data-v-b441bae5] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-b441bae5] {
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.content[data-v-b441bae5] {
  color: #26382F;
  font-size: 0.3rem;
  line-height: 0.46rem;
  white-space: pre-wrap;
}
.rows[data-v-b441bae5] {
  display: grid;
}
.row[data-v-b441bae5] {
  display: flex;
  font-size: 0.28rem;
  line-height: 0.36rem;
  padding: 0.08rem 0;
}
.row[data-v-b441bae5]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-b441bae5] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-b441bae5] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.tags[data-v-b441bae5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.tags span[data-v-b441bae5] {
  padding: 0.18rem 0.2rem;
  border-radius: 0.12rem;
  font-size: 0.26rem;
  font-weight: 500;
}
.tags span.off[data-v-b441bae5] {
  background: #EEF2F0;
  color: #7B8E84;
}
.tags span.on[data-v-b441bae5] {
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
}
.actions[data-v-b441bae5] {
  display: flex;
  margin-top: 0.3rem;
  gap: 0.3rem;
}
.actions .btn[data-v-b441bae5] {
  flex: 1;
  line-height: 0.8rem;
  border: none;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}.frame[data-v-23d83128] {
  max-width: 10rem;
}
.wrap[data-v-23d83128] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.section[data-v-23d83128] {
  margin-top: 0.3rem;
  padding: 0.28rem;
  border-radius: 0.32rem;
  background: #FFFFFF;
}
.section[data-v-23d83128]:first-child {
  margin-top: 0;
}
.title[data-v-23d83128] {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.3rem;
  color: #385046;
  font-size: 0.3rem;
  font-weight: 700;
}
.title .ff[data-v-23d83128] {
  font-size: 0.32rem;
  color: var(--theme-color-hex);
}
.title span[data-v-23d83128] {
  font-size: 0.24rem;
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.12);
  line-height: 0.36rem;
  padding: 0 0.1rem;
  font-weight: 500;
  border-radius: 0.1rem;
}
.quick[data-v-23d83128] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.14rem;
  margin-top: 0.3rem;
}
.quick .chip[data-v-23d83128] {
  padding: 0.14rem 0.2rem;
  border-radius: 1rem;
  background: #F1F5F3;
  color: #61746A;
  font-size: 0.24rem;
  font-weight: 500;
  cursor: pointer;
}
.quick .chip.active[data-v-23d83128] {
  background: var(--theme-color-hex);
  color: #FFFFFF;
}
.grid[data-v-23d83128] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.24rem;
  margin-bottom: 0.3rem;
}
.label[data-v-23d83128] {
  margin: 0 0 0.12rem 0.08rem;
  color: #3B5248;
  font-size: 0.26rem;
  font-weight: 700;
}.metrics[data-v-a09e6def] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.2rem;
}
.metrics .metric[data-v-a09e6def] {
  position: relative;
  overflow: hidden;
  height: 1.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.metrics .metric span[data-v-a09e6def] {
  position: relative;
  z-index: 1;
  display: block;
  color: #646E69;
  font-size: 0.28rem;
  font-weight: 500;
}
.metrics .metric b[data-v-a09e6def] {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 0.24rem;
  font-size: 0.4rem;
  font-weight: 700;
}
.metrics .metric .ff[data-v-a09e6def] {
  position: absolute;
  right: -0.1rem;
  bottom: -0.16rem;
  z-index: 0;
  font-size: 1.12rem;
  opacity: 0.06;
  pointer-events: none;
}
.metrics .metric.green b[data-v-a09e6def], .metrics .metric.green .ff[data-v-a09e6def] {
  color: #43C27B;
}
.metrics .metric.blue b[data-v-a09e6def], .metrics .metric.blue .ff[data-v-a09e6def] {
  color: #64AAEF;
}
.metrics .metric.mint b[data-v-a09e6def], .metrics .metric.mint .ff[data-v-a09e6def] {
  color: #128C83;
}
.metrics .metric.gold b[data-v-a09e6def], .metrics .metric.gold .ff[data-v-a09e6def] {
  color: #8A6800;
}
.audit[data-v-a09e6def] {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  padding: 0 0.3rem;
  height: 1rem;
  border-radius: 0.3rem;
  background: linear-gradient(135deg, rgba(249, 128, 84, 0.14), rgba(249, 128, 84, 0.06));
  border: 1px solid rgba(249, 128, 84, 0.1);
  color: #88611D;
}
.audit .aico[data-v-a09e6def] {
  font-size: 0.32rem;
  margin-right: 0.16rem;
}
.audit .atext[data-v-a09e6def] {
  font-size: 0.28rem;
  font-weight: 700;
}
.audit .go[data-v-a09e6def] {
  font-size: 0.28rem;
  font-weight: 700;
  margin-left: auto;
}
.audit .gico[data-v-a09e6def] {
  font-size: 0.24rem;
  font-weight: 900;
  margin-left: 0.1rem;
}
.week[data-v-a09e6def] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.week .head[data-v-a09e6def] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.week .text[data-v-a09e6def] {
  position: relative;
  height: 0.72rem;
  color: #2E2F2F;
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  font-size: 0.34rem;
  font-weight: 700;
  cursor: pointer;
}
.week .text .ff[data-v-a09e6def] {
  color: var(--theme-color-hex);
  font-size: 0.36rem;
}
.week .text .picker[data-v-a09e6def] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: transparent;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.week .text[data-v-a09e6def] .picker ._field, .week .text[data-v-a09e6def] .picker input {
  width: 100%;
  height: 100%;
  box-shadow: none;
  color: transparent;
  background: transparent;
  border-color: transparent;
}
.week .tools[data-v-a09e6def] {
  flex: none;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.week .circle[data-v-a09e6def] {
  min-width: 0.6rem;
  height: 0.6rem;
  box-sizing: border-box;
  border-radius: 9rem;
  background: #f3f5f7;
  color: var(--theme-color-hex);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.26rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  gap: 0.08rem;
}
.week .circle.today[data-v-a09e6def] {
  padding: 0 0.2rem;
}
.week .circle .ff[data-v-a09e6def] {
  font-size: 0.3rem;
}
.week .circle.sm .ff[data-v-a09e6def] {
  font-size: 0.24rem;
  font-weight: 900;
}
.week .dates[data-v-a09e6def] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.2rem;
}
.week .arrow[data-v-a09e6def] {
  width: 0.64rem;
  line-height: 0.64rem;
  border-radius: 50%;
  background: #FFFFFF;
  color: #555555;
  cursor: pointer;
  font-size: 0.24rem;
  font-weight: 900;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}
.week .date[data-v-a09e6def] {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.16rem;
  padding: 0.2rem;
  cursor: pointer;
  gap: 0.18rem;
}
.week .date span[data-v-a09e6def] {
  display: block;
  color: #747E79;
  font-size: 0.24rem;
  font-weight: 700;
}
.week .date b[data-v-a09e6def] {
  display: flex;
  align-items: center;
  gap: 0.04rem;
  color: #383C41;
  font-size: 0.34rem;
  font-weight: 700;
}
.week .date i[data-v-a09e6def] {
  font-style: normal;
  font-weight: 500;
  font-size: 0.3rem;
}
.week .date.today[data-v-a09e6def] {
  background: rgba(var(--theme-color-rgb), 0.1);
}
.week .date.today span[data-v-a09e6def] {
  color: var(--theme-color-hex);
}
.week .date.active[data-v-a09e6def] {
  background: linear-gradient(135deg, rgba(var(--theme-color-rgb), 0.8), rgba(var(--theme-color-rgb), 0.5));
}
.week .date.active span[data-v-a09e6def], .week .date.active b[data-v-a09e6def] {
  color: #FFFFFF;
}
.bar[data-v-a09e6def] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 0.18rem;
  align-items: center;
  margin-top: 0.3rem;
}
.bar .selects[data-v-a09e6def] {
  display: grid;
  grid-template-columns: repeat(3, minmax(2.2rem, 1fr));
  grid-gap: 0.14rem;
  max-width: 9rem;
}
.bar .selects[data-v-a09e6def] .ui-select ._field {
  min-height: 0.72rem;
  border-radius: 0.36rem;
  border: none;
}
.bar .selects[data-v-a09e6def] .ui-select ._value {
  font-size: 0.24rem;
  font-weight: 700;
}
.bar .commands[data-v-a09e6def] {
  display: flex;
  gap: 0.14rem;
}
.bar .btn[data-v-a09e6def] {
  height: 0.72rem;
  padding: 0 0.3rem;
  border-radius: 0.38rem;
  gap: 0.1rem;
  font-size: 0.26rem;
  font-weight: 700;
  border: none;
}
.list[data-v-a09e6def] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.list .item[data-v-a09e6def] {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  padding: 0;
  border-radius: 0.3rem;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
}
.list .item.done[data-v-a09e6def] {
  background: #F7FFFC;
}
.list .icon[data-v-a09e6def] {
  padding: 0 0.16rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
  color: #FFFFFF;
}
.list .emoji[data-v-a09e6def] {
  font-size: 0.52rem;
  line-height: 1;
}
.list .cat[data-v-a09e6def] {
  max-width: 100%;
  color: #FFFFFF;
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
}
.list .content[data-v-a09e6def] {
  min-width: 0;
  padding: 0.3rem;
}
.list .title[data-v-a09e6def] {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  min-width: 0;
  padding-right: 1.3rem;
}
.list .name[data-v-a09e6def] {
  flex: none;
  color: #323538;
  font-size: 0.34rem;
  line-height: 0.44rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 0.1rem;
}
.list .chip[data-v-a09e6def] {
  flex: none;
  padding: 0 0.16rem;
  border-radius: 1rem;
  font-size: 0.24rem;
  line-height: 0.44rem;
}
.list .chip.green[data-v-a09e6def] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.list .chip.blue[data-v-a09e6def] {
  background: rgba(100, 170, 239, 0.12);
  color: #64AAEF;
}
.list .point[data-v-a09e6def] {
  position: absolute;
  right: 0;
  top: -0.06rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  height: 0.56rem;
  border-radius: 1rem;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-size: 0.28rem;
  font-weight: 700;
}
.list .point.auto[data-v-a09e6def] {
  font-size: 0.26rem;
}
.list .point .ff[data-v-a09e6def] {
  font-size: 0.3rem;
}
.list .info[data-v-a09e6def] {
  display: flex;
  gap: 0.2rem;
  margin-top: 0.16rem;
}
.list .left[data-v-a09e6def] {
  min-width: 0;
  flex: 1;
}
.list .desc[data-v-a09e6def] {
  color: #697771;
  font-size: 0.26rem;
  line-height: 0.36rem;
  word-break: break-all;
}
.list .meta[data-v-a09e6def] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
  margin-top: 0.16rem;
  color: #6D7973;
  font-size: 0.24rem;
  font-weight: 500;
}
.list .meta .ff[data-v-a09e6def] {
  margin-right: 0.08rem;
}
.list .meta > div[data-v-a09e6def] {
  margin-right: 0.14rem;
}
.list .text[data-v-a09e6def] {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  margin-top: 0.2rem;
  height: 0.6rem;
  padding: 0 0.2rem;
  border-radius: 1rem;
  font-size: 0.26rem;
  font-weight: 700;
}
.list .text.green[data-v-a09e6def] {
  background: rgba(67, 194, 123, 0.14);
  color: #43C27B;
}
.list .text.orange[data-v-a09e6def] {
  background: rgba(249, 128, 84, 0.14);
  color: #F98054;
}
.list .text .ff[data-v-a09e6def] {
  font-size: 0.3rem;
}
.list .right[data-v-a09e6def] {
  display: flex;
  gap: 0.18rem;
  align-self: end;
}
.list .right .btn[data-v-a09e6def] {
  height: 0.64rem;
  padding: 0 0.28rem;
  border-radius: 1rem;
  border: none;
  font-size: 0.26rem;
  font-weight: 700;
}
.list .right .btn.primary[data-v-a09e6def] {
  background: var(--theme-color-hex);
  color: #FFFFFF;
}
.list .right .btn.plain[data-v-a09e6def] {
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}
.list .right .btn.gray[data-v-a09e6def] {
  background: #F1F0F0;
  color: #66736D;
}
.empty[data-v-a09e6def] {
  margin-top: 0.3rem;
  min-height: 7rem;
  box-sizing: border-box;
  padding: 0.6rem 0.3rem 0.3rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.empty .image[data-v-a09e6def] {
  width: 4rem;
}
.empty .main[data-v-a09e6def] {
  color: #515C55;
  font-size: 0.36rem;
  font-weight: 800;
  margin-top: 0.3rem;
}
.empty .sub[data-v-a09e6def] {
  color: #8C9893;
  font-size: 0.26rem;
  margin-top: 0.2rem;
}
.empty .btn[data-v-a09e6def] {
  border-radius: 1rem;
  font-weight: 700;
  margin-top: 0.18rem;
}
.empty .btn .ff[data-v-a09e6def] {
  margin-right: 0.1rem;
}
.empty .create[data-v-a09e6def] {
  height: 0.8rem;
  padding: 0 0.5rem;
  font-size: 0.3rem;
  margin-top: 0.6rem;
}
.empty .chose[data-v-a09e6def] {
  height: 0.72rem;
  padding: 0 0.3rem;
  border: 0.02rem solid #E6ECE9;
  background: #FFFFFF;
  color: #697771;
  font-size: 0.28rem;
}
.empty .chose .ff[data-v-a09e6def] {
  color: var(--theme-color-hex);
}
.empty .help[data-v-a09e6def] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  margin-top: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 0.24rem;
  box-sizing: border-box;
  background: rgba(var(--theme-color-rgb), 0.1);
  overflow: hidden;
}
.empty .help .icon[data-v-a09e6def] {
  font-size: 0.68rem;
  color: rgba(var(--theme-color-rgb), 0.9);
}
.empty .help .text[data-v-a09e6def] {
  min-width: 0;
  flex: 1;
  margin-left: 0.2rem;
}
.empty .help .tit[data-v-a09e6def] {
  color: #313A36;
  font-size: 0.28rem;
  font-weight: 700;
}
.empty .help .desc[data-v-a09e6def] {
  margin-top: 0.14rem;
  color: #7A8781;
  font-size: 0.24rem;
  font-weight: 500;
}
.empty .help .arrow[data-v-a09e6def] {
  font-size: 0.28rem;
  color: #6D7B74;
}
@media (max-width: 600px) {
.metrics[data-v-a09e6def] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.week .date[data-v-a09e6def] {
    gap: 0.12rem;
    padding: 0.16rem;
}
.bar[data-v-a09e6def] {
    grid-template-columns: 1fr;
}
.bar .commands[data-v-a09e6def] {
    grid-row: 1;
    justify-self: end;
}
.bar .selects[data-v-a09e6def] {
    grid-row: 2;
    max-width: none;
}
.list .title[data-v-a09e6def] {
    padding-right: 0;
}
.list .name[data-v-a09e6def] {
    flex: 0 0 100%;
    min-width: 0;
    padding-right: 1.3rem;
}
.list .right[data-v-a09e6def] {
    flex-direction: column;
    gap: 0.1rem;
}
}.filters[data-v-000801f4] {
  display: flex;
  gap: 0.34rem;
  margin-bottom: 0.3rem;
  padding: 0 0.1rem;
  align-items: end;
}
.filters .btn[data-v-000801f4] {
  margin-left: auto;
  height: 0.68rem;
  padding: 0 0.5rem;
  border-radius: 9rem;
}
.list[data-v-000801f4] {
  display: grid;
  grid-gap: 0.3rem;
}
.card[data-v-000801f4] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 0.3rem;
  align-items: center;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.card.deleted[data-v-000801f4] {
  opacity: 0.6;
}
.cat[data-v-000801f4] {
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  font-size: 0.48rem;
}
.body[data-v-000801f4] {
  min-width: 0;
}
.line[data-v-000801f4] {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  margin-bottom: 0.16rem;
}
.name[data-v-000801f4] {
  min-width: 0;
  color: #2A3E35;
  font-size: 0.32rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.state[data-v-000801f4] {
  flex: none;
  padding: 0.06rem 0.12rem;
  border-radius: 0.2rem;
  background: #EEF2F0;
  color: #7A8A82;
  font-size: 0.24rem;
  font-weight: 500;
}
.state.end[data-v-000801f4] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.meta[data-v-000801f4] {
  margin-top: 0.1rem;
  color: #7B8E84;
  font-size: 0.24rem;
}
.tags[data-v-000801f4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem;
  margin-top: 0.14rem;
}
.tags span[data-v-000801f4] {
  padding: 0.08rem 0.16rem;
  border-radius: 0.2rem;
  font-size: 0.24rem;
  font-weight: 500;
}
.tags span.off[data-v-000801f4] {
  background: #EEF2F0;
  color: #7B8E84;
}
.tags span.on[data-v-000801f4] {
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
}
.actions[data-v-000801f4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  gap: 0.16rem;
  width: 3rem;
}
.actions.num5[data-v-000801f4] {
  width: 4.6rem;
}
.actions .btn[data-v-000801f4] {
  width: 1.4rem;
  padding: 0.14rem 0;
  border-color: #F2F7F4;
  background: #F2F7F4;
  color: #4D6258;
  font-size: 0.26rem;
  font-weight: 500;
  border-radius: 0.2rem;
}
.actions .ff[data-v-000801f4] {
  margin-right: 0.1rem;
}
.actions .danger[data-v-000801f4] {
  background: rgba(224, 38, 46, 0.08);
  color: #E0262E;
}
.empty[data-v-000801f4] {
  height: 6rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty .ff[data-v-000801f4] {
  font-size: 1rem;
  color: rgba(var(--theme-color-rgb), 0.3);
}
.empty .txt[data-v-000801f4] {
  color: #90A098;
  font-size: 0.32rem;
  margin-top: 0.4rem;
}
.empty .btn[data-v-000801f4] {
  height: 0.8rem;
  padding: 0 0.4rem;
  border-radius: 0.4rem;
  margin-top: 0.6rem;
}
@media (max-width: 760px) {
.actions[data-v-000801f4] {
    grid-column: 1/-1;
    width: 100% !important;
    justify-content: flex-start;
}
}.frame[data-v-05e616a9] {
  max-width: 10rem;
}
.wrap[data-v-05e616a9] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.summary[data-v-05e616a9] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.2rem;
}
.item[data-v-05e616a9] {
  padding: 0.3rem 0;
  border-radius: 0.28rem;
  background: #FFFFFF;
  text-align: center;
}
.item span[data-v-05e616a9] {
  display: block;
  color: #76877F;
  font-size: 0.26rem;
  font-weight: 500;
}
.item b[data-v-05e616a9] {
  display: block;
  margin-top: 0.16rem;
  color: #2A3E35;
  font-size: 0.32rem;
  font-weight: 700;
}
.section[data-v-05e616a9] {
  margin-top: 0.3rem;
  padding: 0.28rem;
  border-radius: 0.32rem;
  background: #FFFFFF;
}
.title[data-v-05e616a9] {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.3rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.title .ff[data-v-05e616a9] {
  font-size: 0.32rem;
  color: var(--theme-color-hex);
}
.title span[data-v-05e616a9] {
  font-size: 0.24rem;
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.12);
  line-height: 0.36rem;
  padding: 0 0.1rem;
  font-weight: 500;
  border-radius: 0.1rem;
}.timer[data-v-ad330562] {
  padding: 0.3rem 0.3rem 1rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
}
.task[data-v-ad330562] {
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: rgba(var(--theme-color-rgb), 0.1);
}
.task .label[data-v-ad330562] {
  color: var(--theme-color-hex);
  font-size: 0.26rem;
  font-weight: 700;
}
.task .meta[data-v-ad330562] {
  margin-top: 0.12rem;
  color: #708278;
  font-size: 0.26rem;
  line-height: 0.38rem;
}
.task .title[data-v-ad330562] {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  min-width: 0;
  margin-top: 0.2rem;
}
.task .name[data-v-ad330562] {
  flex: none;
  color: #273A31;
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 0.1rem;
}
.task .chip[data-v-ad330562] {
  flex: none;
  display: flex;
  align-items: center;
  padding: 0 0.16rem;
  border-radius: 1rem;
  font-size: 0.26rem;
  height: 0.48rem;
  font-weight: 500;
  gap: 0.08rem;
}
.task .chip.green[data-v-ad330562] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.task .chip.blue[data-v-ad330562] {
  background: rgba(100, 170, 239, 0.12);
  color: #64AAEF;
}
.task .chip.point[data-v-ad330562] {
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}
.tabs[data-v-ad330562] {
  display: flex;
  margin-top: 0.3rem;
  padding: 0.1rem;
  background: #f3f5f7;
  border-radius: 0.2rem;
}
.tabs div[data-v-ad330562] {
  flex: 1;
  height: 0.8rem;
  border-radius: 0.2rem;
  color: #5F7369;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  font-size: 0.3rem;
  font-weight: 700;
  cursor: pointer;
}
.tabs div.active[data-v-ad330562] {
  background: #FFFFFF;
  color: var(--theme-color-hex);
}
.clock[data-v-ad330562] {
  display: flex;
  justify-content: center;
  margin: 0.8rem 0 0.6rem;
}
.ring[data-v-ad330562] {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  padding: 0.24rem;
  transition: --rate-percent 0.3s ease;
  background: conic-gradient(var(--theme-color-hex) var(--rate-percent), rgba(var(--theme-color-rgb), 0.1) 0);
}
.inner[data-v-ad330562] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: inset 0 0 0 0.16rem #F4F7F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mode[data-v-ad330562] {
  color: var(--theme-color-hex);
  font-size: 0.36rem;
  font-weight: 700;
}
.time[data-v-ad330562] {
  margin-top: 0.2rem;
  color: #1C2D25;
  font-size: 0.84rem;
  font-weight: 900;
}
.hint[data-v-ad330562] {
  margin-top: 0.2rem;
  color: #778A80;
  font-size: 0.26rem;
}
.setting[data-v-ad330562] {
  width: 5rem;
  margin: 0 auto 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.setting span[data-v-ad330562] {
  color: #65776D;
  font-size: 0.3rem;
  font-weight: 700;
}
.setting .ipt[data-v-ad330562] {
  flex: 1;
  height: 0.8rem;
}
.actions[data-v-ad330562] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.actions .btn[data-v-ad330562] {
  gap: 0.12rem;
  width: 2.6rem;
  height: 0.92rem;
  border-radius: 9rem;
  font-size: 0.32rem;
  font-weight: 700;
  cursor: pointer;
  border: none;
}
.actions .plain[data-v-ad330562] {
  background: #F2F7F4;
  color: #4F6259;
}
.actions .finish[data-v-ad330562] {
  background: rgba(252, 200, 47, 0.24);
  color: #9B7100;
}
.actions .sound[data-v-ad330562] {
  background: rgba(67, 194, 123, 0.24);
  color: #43C27B;
  margin-top: 0.5rem;
  height: 0.68rem;
  font-size: 0.3rem;
}
.actions .sound.muted[data-v-ad330562] {
  background: #F2F3F4;
  color: #6F7D78;
}
@media (max-width: 500px) {
.ring[data-v-ad330562] {
    width: 4.8rem;
    height: 4.8rem;
}
.time[data-v-ad330562] {
    font-size: 0.76rem;
}
}.frame[data-v-29efb625] {
  max-width: 8rem;
}
.wrap[data-v-29efb625] {
  padding: 0.1rem 0.4rem 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tips[data-v-29efb625] {
  padding: 0.24rem 0.3rem;
  border-radius: 0.2rem;
  background: rgba(var(--theme-color-rgb), 0.08);
  color: #52615C;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.44rem;
  font-weight: 500;
}
.qrcode[data-v-29efb625] {
  width: 5rem;
  height: 5rem;
  padding: 0.2rem;
  margin: 0.5rem 0;
  border-radius: 0.36rem;
  background: #FFFFFF;
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.14);
  box-shadow: 0 0.16rem 0.42rem rgba(25, 28, 30, 0.08);
  box-sizing: border-box;
}
.qrcode img[data-v-29efb625] {
  display: block;
  width: 100%;
  height: 100%;
}
.button[data-v-29efb625] {
  height: 0.88rem;
  width: 5rem;
  border: none;
  border-radius: 0.26rem;
  background: rgba(var(--theme-color-rgb), 0.2);
  color: var(--theme-color-hex);
  font-size: 0.32rem;
}.grid[data-v-ace5e175] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(4.4rem, 1fr));
  grid-gap: 0.3rem;
}
.item[data-v-ace5e175] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0;
  border-radius: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.34rem rgba(25, 28, 30, 0.055);
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.16s ease, background 0.16s ease;
}
.item[data-v-ace5e175]:active {
  transform: scale(0.985);
}
.item[data-v-ace5e175]:hover {
  background: #F6F8F7;
}
.icon[data-v-ace5e175] {
  width: 1.12rem;
  line-height: 1.12rem;
  font-size: 0.5824rem;
  position: relative;
  color: #FFFFFF;
  border-radius: 0.336rem;
  box-shadow: 0 0.12rem 0.34rem rgba(25, 28, 30, 0.055);
  text-shadow: 0 0.12rem 0.34rem rgba(25, 28, 30, 0.055);
}
.title[data-v-ace5e175] {
  color: #2F3942;
  font-size: 0.34rem;
  font-weight: 700;
  white-space: nowrap;
  margin-top: 0.4rem;
}
.desc[data-v-ace5e175] {
  margin-top: 0.2rem;
  color: #74808B;
  font-size: 0.26rem;
}
@media (max-width: 500px) {
.grid[data-v-ace5e175] {
    grid-template-columns: repeat(auto-fit, minmax(3.2rem, 1fr));
}
}.about[data-v-f76b1368] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.icon[data-v-f76b1368] {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 20%;
  box-shadow: 0 0.18rem 0.4rem rgba(var(--theme-color-rgb), 0.16);
  margin-top: 1rem;
}
.name[data-v-f76b1368] {
  margin-top: 0.34rem;
  color: #333333;
  font-size: 0.42rem;
  font-weight: 700;
}
.desc[data-v-f76b1368] {
  margin-top: 0.2rem;
  color: #888888;
  font-size: 0.32rem;
}
.icp[data-v-f76b1368] {
  margin-top: auto;
  font-size: 0.28rem;
}
.icp .link[data-v-f76b1368] {
  color: #666666;
  outline: 0;
  text-decoration: none;
}
.icp .link[data-v-f76b1368]:link {
  color: #666666;
}
.icp .link[data-v-f76b1368]:visited {
  color: #666666;
}
.icp .link[data-v-f76b1368]:hover {
  color: #666666;
}
.icp .link[data-v-f76b1368]:active {
  color: #666666;
}
.icp .link[data-v-f76b1368]:focus {
  color: #666666;
}
.copy[data-v-f76b1368] {
  padding-top: 0.2rem;
  color: #999999;
  font-size: 0.28rem;
}.title[data-v-ebffff53] {
  font-size: 0.38rem;
  line-height: 0.56rem;
  color: #333333;
  font-weight: 500;
}
.content[data-v-ebffff53] {
  margin-top: 0.5rem;
}.item[data-v-413c88ed] {
  padding: 0.3rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  background: #FFFFFF;
}
.item[data-v-413c88ed]:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.02rem;
  border-top: 0.02rem solid #E0E0E0;
  color: #E0E0E0;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  z-index: 999;
  left: 0.3rem;
}
.item[data-v-413c88ed]:first-child:before {
  content: none;
  display: none;
}
.item[data-v-413c88ed]:first-child {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.item[data-v-413c88ed]:last-child {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.item[data-v-413c88ed]:hover {
  background: #F8FBFE;
}
.title[data-v-413c88ed] {
  flex: 1;
  min-width: 0;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.48rem;
  overflow: hidden;
  word-break: break-all;
}
.ff[data-v-413c88ed] {
  color: #B0B3BA;
  font-size: 0.24rem;
  margin-left: 0.2rem;
}
.empty[data-v-413c88ed] {
  color: #999999;
  text-align: center;
  padding: 0.8rem 0;
  font-size: 0.32rem;
}.list[data-v-38278c49] {
  display: grid;
  grid-gap: 0.18rem;
}
.card[data-v-38278c49] {
  background: #FFFFFF;
  padding: 0.32rem;
  border-radius: 0.28rem;
  border: 1px solid rgba(var(--theme-color-rgb), 0.08);
  display: flex;
  align-items: center;
  gap: 0.22rem;
  box-shadow: 0 0.08rem 0.28rem rgba(25, 28, 30, 0.045);
}
.avatar[data-v-38278c49] {
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 50%;
  border: 0.04rem solid rgba(var(--theme-color-rgb), 0.2);
}
.meta[data-v-38278c49] {
  flex: 1;
  min-width: 0;
}
.meta h3[data-v-38278c49] {
  margin: 0;
  color: #282D32;
  font-size: 0.34rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.meta h3 span[data-v-38278c49] {
  color: #88909A;
  font-size: 0.28rem;
  font-weight: normal;
  margin-left: 0.1rem;
}
.points[data-v-38278c49] {
  display: flex;
  align-items: center;
  margin-top: 0.16rem;
}
.point[data-v-38278c49] {
  display: flex;
  align-items: center;
}
.point span[data-v-38278c49] {
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  font-weight: 500;
}
.point strong[data-v-38278c49] {
  color: #282D32;
  font-size: 0.26rem;
  font-weight: 700;
  margin-left: 0.1rem;
}
.point.total span[data-v-38278c49], .point.total strong[data-v-38278c49] {
  color: #7A827C;
}
.divider[data-v-38278c49] {
  width: 0.02rem;
  height: 0.2rem;
  background: #DCE3DF;
  margin: 0 0.2rem;
}
.actions[data-v-38278c49] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.actions .btn[data-v-38278c49] {
  display: flex;
  gap: 0.08rem;
  border-radius: 0.4rem;
  padding: 0.18rem 0.26rem;
  font-size: 0.24rem;
  font-weight: 800;
}
.add[data-v-38278c49] {
  width: 100%;
  height: 0.88rem;
  margin-top: 0.5rem;
  font-size: 0.32rem;
}
.add .ff[data-v-38278c49] {
  margin-right: 0.1rem;
}
@media (max-width: 550px) {
.card[data-v-38278c49] {
    flex-wrap: wrap;
}
.actions[data-v-38278c49] {
    width: 100%;
    justify-content: flex-end;
}
}.panel[data-v-9f152849] {
  padding: 0.5rem;
  border-radius: 0.36rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.36rem rgba(25, 28, 30, 0.055);
  text-align: center;
}
.icon[data-v-9f152849] {
  width: 1.12rem;
  line-height: 1.12rem;
  border-radius: 50%;
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
  font-size: 0.56rem;
}
.title[data-v-9f152849] {
  margin-top: 0.32rem;
  color: #2A332F;
  font-size: 0.38rem;
  font-weight: 700;
}
.desc[data-v-9f152849] {
  margin-top: 0.4rem;
  color: #66716C;
  font-size: 0.28rem;
  line-height: 0.44rem;
  text-align: left;
}
.tips[data-v-9f152849] {
  display: grid;
  grid-gap: 0.14rem;
  margin-top: 0.3rem;
  padding: 0.26rem;
  border-radius: 0.26rem;
  background: #FFF8F2;
  color: #8B6550;
  font-size: 0.26rem;
  line-height: 0.42rem;
  text-align: left;
}
.submit[data-v-9f152849] {
  width: 100%;
  height: 0.96rem;
  margin-top: 0.4rem;
  font-size: 0.32rem;
  font-weight: 700;
}.card[data-v-fa11b313] {
  background: #FFFFFF;
  border: 1px solid rgba(78, 129, 108, 0.15);
  border-radius: 0.3rem;
  padding: 0.4rem 0.4rem 0.2rem;
  margin-bottom: 0.3rem;
  box-shadow: 0 0.08rem 0.28rem rgba(25, 28, 30, 0.045);
}
.head[data-v-fa11b313] {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.head .icon[data-v-fa11b313] {
  flex: none;
  width: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.24rem;
  font-size: 0.4rem;
}
.head .meta[data-v-fa11b313] {
  min-width: 0;
  flex: auto;
}
.head .title[data-v-fa11b313] {
  color: #191C1E;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1;
}
.head .desc[data-v-fa11b313] {
  margin-top: 0.1rem;
  color: #6C7A70;
  font-size: 0.24rem;
  line-height: 1.25;
}
.head .switch[data-v-fa11b313] {
  flex: none;
  margin-left: 0.2rem;
}
.rows[data-v-fa11b313] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
  column-gap: 0.5rem;
}
.row[data-v-fa11b313] {
  min-width: 0;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
}
.row .name[data-v-fa11b313] {
  min-width: 0;
  padding-right: 0.2rem;
  color: #282D32;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 1.25;
}
.row .input[data-v-fa11b313] {
  flex: none;
  margin-left: auto;
  width: 3rem;
  height: 0.8rem;
  border-radius: 0.12rem;
}
.row .input[data-v-fa11b313] ._button {
  width: 0.8rem;
}
.row .input[data-v-fa11b313] ._input {
  font-size: 0.3rem;
}
.submit[data-v-fa11b313] {
  width: 100%;
  height: 1rem;
  margin-top: 0.28rem;
  font-size: 0.34rem;
  border-radius: 0.5rem;
  font-weight: 800;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}
@media (max-width: 560px) {
.card[data-v-fa11b313] {
    padding: 0.34rem 0.32rem 0.16rem;
}
.rows[data-v-fa11b313] {
    grid-template-columns: 1fr;
}
.row .input[data-v-fa11b313] {
    width: 2.7rem;
}
}.card[data-v-42148698] {
  background: #FFFFFF;
  border: 1px solid rgba(78, 129, 108, 0.15);
  border-radius: 0.3rem;
  padding: 0.4rem 0.4rem 0.2rem;
  margin-bottom: 0.3rem;
  box-shadow: 0 0.08rem 0.28rem rgba(25, 28, 30, 0.045);
}
.head[data-v-42148698] {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.head .icon[data-v-42148698] {
  width: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.24rem;
  font-size: 0.4rem;
}
.head .icon.green[data-v-42148698] {
  background: rgba(67, 194, 123, 0.14);
  color: #43C27B;
}
.head .icon.orange[data-v-42148698] {
  background: rgba(249, 128, 84, 0.16);
  color: #F98054;
}
.head .icon.blue[data-v-42148698] {
  background: rgba(100, 170, 239, 0.16);
  color: #337AB7;
}
.head .icon.gray[data-v-42148698] {
  background: rgba(96, 125, 139, 0.12);
  color: #607D8B;
}
.head h3[data-v-42148698] {
  margin: 0;
  color: #191C1E;
  font-size: 0.32rem;
  font-weight: 500;
  line-height: 1;
}
.head p[data-v-42148698] {
  margin: 0.1rem 0 0;
  color: #6C7A70;
  font-size: 0.24rem;
  line-height: 1;
}
.head .switch[data-v-42148698] {
  margin-left: auto;
}
.row[data-v-42148698] {
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
}
.row .name[data-v-42148698] {
  color: #282D32;
  font-size: 0.3rem;
  font-weight: 500;
  white-space: nowrap;
}
.row .input[data-v-42148698] {
  margin-left: auto;
  width: 3rem;
  height: 0.8rem;
  border-radius: 0.12rem;
}
.row .input[data-v-42148698] ._button {
  width: 0.8rem;
}
.row .select[data-v-42148698] {
  margin-left: auto;
  width: 3.04rem;
  border-radius: 0.12rem;
}
.row .select[data-v-42148698] ._field {
  min-height: 0.8rem;
  border-radius: 0.12rem;
}
.submit[data-v-42148698] {
  width: 100%;
  height: 1rem;
  margin-top: 0.28rem;
  font-size: 0.34rem;
  border-radius: 0.5rem;
  font-weight: 800;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}.heading[data-v-038c6b13] {
  text-align: center;
  margin-bottom: 0.4rem;
}
.heading h1[data-v-038c6b13] {
  margin: 0;
  color: #46574C;
  font-size: 0.44rem;
  font-weight: 700;
}
.heading p[data-v-038c6b13] {
  margin: 0.24rem 0 0;
  color: rgba(0, 105, 63, 0.68);
  font-size: 0.28rem;
  line-height: 1;
}
.section[data-v-038c6b13] {
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.08);
  border-radius: 0.32rem;
  padding: 0.38rem;
  margin-bottom: 0.28rem;
  box-shadow: 0 0.08rem 0.4rem rgba(var(--theme-color-rgb), 0.08);
}
.head[data-v-038c6b13] {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.head .ff[data-v-038c6b13] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  background: rgba(var(--theme-color-rgb), 0.14);
  color: var(--theme-color-hex);
  font-size: 0.34rem;
}
.head span[data-v-038c6b13] {
  margin: 0 0 0 0.18rem;
  color: #46574C;
  font-size: 0.34rem;
  font-weight: 600;
}
.head small[data-v-038c6b13] {
  margin-left: 0.1rem;
  color: #46574C;
  font-size: 0.28rem;
}
.pictures[data-v-038c6b13] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.pictures .pic[data-v-038c6b13], .pictures .add[data-v-038c6b13] {
  width: 2rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
@supports (aspect-ratio: 1) {
.pictures .pic[data-v-038c6b13], .pictures .add[data-v-038c6b13] {
    max-width: calc(33% - 0.14rem);
    aspect-ratio: 1;
}
}
@supports not (aspect-ratio: 1) {
.pictures .pic[data-v-038c6b13], .pictures .add[data-v-038c6b13] {
    height: 2rem;
}
}
.pictures .pic[data-v-038c6b13] {
  position: relative;
  overflow: hidden;
}
.pictures .pic img[data-v-038c6b13] {
  width: 100%;
  height: 100%;
}
.pictures .pic .remove[data-v-038c6b13] {
  position: absolute;
  width: 0.6rem;
  line-height: 0.6rem;
  border-radius: 50%;
  top: 0.1rem;
  right: 0.1rem;
  background: rgba(0, 0, 0, 0.34);
  color: #FFFFFF;
  font-size: 0.24rem;
  font-weight: bold;
}
.pictures .add[data-v-038c6b13] {
  border: 2px dashed rgba(var(--theme-color-rgb), 0.24);
  background: rgba(var(--theme-color-rgb), 0.04);
  color: var(--theme-color-hex);
  font-size: 0.6rem;
}
.submit[data-v-038c6b13] {
  width: 100%;
  height: 1rem;
  margin-top: 0.18rem;
  font-size: 0.34rem;
  border-radius: 0.5rem;
  font-weight: 800;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}.list[data-v-4c941beb] {
  margin-top: 0.5rem;
  background: #FFFFFF;
  border-radius: 0.3rem;
  box-shadow: 0 0.12rem 0.36rem rgba(25, 28, 30, 0.055);
  overflow: hidden;
}
.list[data-v-4c941beb]:first-child {
  margin-top: 0;
}
.item[data-v-4c941beb] {
  display: flex;
  align-items: center;
  height: 1.2rem;
  position: relative;
  cursor: pointer;
}
.item[data-v-4c941beb]:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.02rem;
  border-bottom: 0.02rem solid #E5E5E5;
  color: #E5E5E5;
  transform-origin: 0 100%;
  transform: scaleY(0.5);
  z-index: 999;
  left: 0.4rem;
}
.item[data-v-4c941beb]:last-child:after {
  content: none;
  display: none;
}
.item[data-v-4c941beb]:hover {
  background: #F8FBFE;
}
.icon[data-v-4c941beb] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  font-size: 0.4rem;
  margin-left: 0.4rem;
}
.title[data-v-4c941beb] {
  flex: 1;
  min-width: 0;
  margin-left: 0.3rem;
  color: #3A4350;
  font-size: 0.32rem;
  font-weight: 600;
}
.badge[data-v-4c941beb] {
  min-width: 0.44rem;
  line-height: 0.44rem;
  padding: 0 0.1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: #F98054;
  color: #FFFFFF;
  font-size: 0.28rem;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  margin-right: 0.1rem;
}
.tip[data-v-4c941beb] {
  color: #888888;
  font-size: 0.26rem;
  font-style: normal;
  margin-right: 0.1rem;
}
.arrow[data-v-4c941beb] {
  color: #7C8794;
  font-size: 0.26rem;
  margin-right: 0.3rem;
}.member-banner[data-v-54d0aed8] {
  position: relative;
  overflow: hidden;
  border-radius: 0.3rem;
  padding: 0.7rem 0 0.7rem 0.7rem;
  background: linear-gradient(to right bottom, rgba(var(--theme-color-rgb), 0.7), rgba(var(--theme-color-rgb), 0.9));
  box-shadow: 0 0.22rem 0.5rem rgba(var(--theme-color-rgb), 0.2);
  color: #FFFFFF;
}
.member-banner .name[data-v-54d0aed8] {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 0.52rem;
  font-weight: 700;
  text-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1);
}
.member-banner .name .icon[data-v-54d0aed8] {
  margin-right: 0.1rem;
  font-size: 0.48rem;
  opacity: 0.9;
}
.member-banner .name .up[data-v-54d0aed8] {
  display: inline-flex;
  align-items: center;
  height: 0.52rem;
  padding: 0 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.36);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.18);
  color: #FFFFFF;
  font-size: 0.26rem;
  font-weight: 500;
  cursor: pointer;
  margin-left: 0.24rem;
}
.member-banner .name .up .ff[data-v-54d0aed8] {
  transform: scale(0.8);
  transform-origin: right center;
  font-weight: 900;
}
.member-banner .sub[data-v-54d0aed8] {
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.3rem;
  margin-top: 0.2rem;
}
.member-banner .banner-icon[data-v-54d0aed8] {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  line-height: 3rem;
  margin-top: -1.5rem;
  color: rgba(255, 255, 255, 0.05);
  font-size: 2rem;
}
.guide[data-v-54d0aed8] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.guide[data-v-54d0aed8]:before, .guide[data-v-54d0aed8]:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.guide[data-v-54d0aed8]:before {
  top: 0;
  height: var(--top);
}
.guide[data-v-54d0aed8]:after {
  top: calc(var(--top) + var(--height));
  bottom: 0;
}
.guide .main[data-v-54d0aed8] {
  position: fixed;
  z-index: 9999;
  top: var(--bottom);
  left: var(--left);
  width: var(--width);
  transform: translateY(-100%);
}
.guide .image[data-v-54d0aed8] {
  position: relative;
  z-index: 1;
  width: 5rem;
  margin-left: 0.5rem;
}
.guide .light[data-v-54d0aed8] {
  position: relative;
  width: 100%;
  height: var(--height);
  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.65);
  border-radius: 0.2rem;
}
.guide .light[data-v-54d0aed8]:before, .guide .light[data-v-54d0aed8]:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.guide .light[data-v-54d0aed8]:before {
  right: 100%;
  width: 100vw;
}
.guide .light[data-v-54d0aed8]:after {
  left: 100%;
  width: 100vw;
}.current[data-v-e4de7056] {
  padding: 0.4rem;
  border-radius: 0.36rem;
  color: #FFFFFF;
  background: linear-gradient(to right bottom, rgba(var(--theme-color-rgb), 0.7), rgba(var(--theme-color-rgb), 0.9));
  box-shadow: 0 0.22rem 0.5rem rgba(var(--theme-color-rgb), 0.18);
  overflow: hidden;
}
.current .badge[data-v-e4de7056] {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  height: 0.5rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.24rem;
  font-weight: 500;
}
.current .ff[data-v-e4de7056] {
  font-size: 0.26rem;
}
.current strong[data-v-e4de7056] {
  display: block;
  margin-top: 0.2rem;
  color: #FFFFFF;
  font-size: 0.6rem;
  line-height: 0.7rem;
  font-weight: 700;
}
.current .exp[data-v-e4de7056] {
  margin-top: 0.1rem;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.26rem;
  line-height: 0.38rem;
}
.compare[data-v-e4de7056], .redeem[data-v-e4de7056], .history[data-v-e4de7056] {
  padding: 0.34rem;
  border-radius: 0.36rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.32rem rgba(46, 47, 47, 0.04);
  margin-top: 0.4rem;
}
.head[data-v-e4de7056] {
  display: flex;
  align-items: center;
  height: 0.48rem;
  gap: 0.12rem;
  margin-bottom: 0.26rem;
  color: #2E2F2F;
  font-size: 0.34rem;
  font-weight: 500;
}
.head .ff[data-v-e4de7056] {
  color: var(--theme-color-hex);
}
.head .tip[data-v-e4de7056] {
  margin-left: auto;
  font-size: 0.24rem;
  color: #AAAAAA;
  font-weight: 400;
}
.upgrade[data-v-e4de7056] {
  margin-top: 0.4rem;
}
.upgrade .head[data-v-e4de7056] {
  font-size: 0.4rem;
  padding-left: 0.12rem;
}
.plans[data-v-e4de7056] {
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.plan[data-v-e4de7056] {
  flex: 1;
  min-width: 3.5rem;
  box-sizing: border-box;
  padding: 0.3rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.36rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.32rem rgba(46, 47, 47, 0.04);
}
.plan .name[data-v-e4de7056] {
  color: #32373C;
  font-size: 0.4rem;
  font-weight: 700;
}
.plan .intro[data-v-e4de7056] {
  min-height: 1rem;
  margin-top: 0.12rem;
  color: #5B5B5C;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.plan .price[data-v-e4de7056] {
  display: flex;
  align-items: end;
}
.plan .price b[data-v-e4de7056] {
  color: #F98054;
  font-size: 0.4rem;
  font-weight: 700;
}
.plan .price span[data-v-e4de7056] {
  color: #F98054;
  font-size: 0.32rem;
  line-height: 0.36rem;
  margin-left: 0.08rem;
}
.plan .price del[data-v-e4de7056] {
  color: #888888;
  font-size: 0.28rem;
  line-height: 0.32rem;
  text-decoration: line-through;
  margin-left: 0.16rem;
}
.plan .buy[data-v-e4de7056] {
  width: 100%;
  height: 0.76rem;
  margin-top: 0.24rem;
  border-radius: 0.4rem;
  font-size: 0.3rem;
  font-weight: 700;
  border: none;
}
.code[data-v-e4de7056] {
  display: flex;
  align-items: center;
}
.code .input[data-v-e4de7056] {
  min-width: 0;
  flex: 1;
}
.code .btn[data-v-e4de7056] {
  height: 0.92rem;
  padding: 0 0.2rem;
  margin-left: 0.2rem;
  font-size: 0.3rem;
}
.shops[data-v-e4de7056] {
  display: flex;
  align-items: center;
  gap: 0.26rem;
  margin-top: 0.26rem;
  padding-top: 0.22rem;
  border-top: 1px solid #EEF1EF;
}
.shops .shop[data-v-e4de7056] {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  height: 0.52rem;
  padding: 0 0.2rem;
  border-radius: 0.28rem;
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.1);
  font-size: 0.26rem;
  font-weight: 500;
  text-decoration: none;
}
.shops .shop .ff[data-v-e4de7056] {
  font-size: 0.28rem;
}
.diff[data-v-e4de7056] {
  overflow: hidden;
  border: 1px solid #E8EEEB;
  border-radius: 0.24rem;
}
.diff .row[data-v-e4de7056] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  min-height: 0.8rem;
  border-bottom: 1px solid #E8EEEB;
}
.diff .row[data-v-e4de7056]:last-child {
  border-bottom: none;
}
.diff .row.title[data-v-e4de7056] {
  background: #F4F7F5;
  font-weight: 500;
}
.diff .field[data-v-e4de7056] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
  border-left: 1px solid #E8EEEB;
  padding: 0.12rem 0;
}
.diff .field[data-v-e4de7056]:first-child {
  border-left: none;
}
.diff .feature[data-v-e4de7056] {
  color: #35463E;
  font-weight: 500;
}
.diff .free[data-v-e4de7056] {
  color: #7F8A84;
}
.diff .member[data-v-e4de7056] {
  background: rgba(var(--theme-color-rgb), 0.04);
  color: var(--theme-color-hex);
  font-weight: 600;
}
.diff .member .ff[data-v-e4de7056] {
  font-size: 0.24rem;
  margin-right: 0.08rem;
}
.diff .price[data-v-e4de7056] {
  flex-direction: column;
  line-height: 0.4rem;
  font-size: 0.26rem;
}
.protocol[data-v-e4de7056] {
  margin-top: 0.3rem;
  color: #728078;
  font-size: 0.28rem;
  line-height: 0.44rem;
}
.protocol .rule[data-v-e4de7056] {
  color: var(--theme-color-hex);
  font-weight: 700;
  text-decoration: none;
}
.records[data-v-e4de7056] {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}
.record[data-v-e4de7056] {
  display: flex;
  align-items: center;
  padding: 0.2rem;
  border-radius: 0.2rem;
  background: #F7F6F6;
}
.record .main[data-v-e4de7056] {
  min-width: 0;
  flex: 1;
}
.record strong[data-v-e4de7056] {
  color: #3C4146;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
  display: block;
}
.record span[data-v-e4de7056] {
  margin-top: 0.04rem;
  color: #777879;
  font-size: 0.24rem;
  line-height: 0.34rem;
  display: block;
}
.pay[data-v-e4de7056] {
  flex: none;
  font-weight: 700;
}
.pay.money[data-v-e4de7056] {
  color: #23463C;
  font-size: 0.3rem;
}
.pay.other[data-v-e4de7056] {
  color: var(--theme-color-hex);
  font-size: 0.24rem;
}
.empty[data-v-e4de7056] {
  height: 1.8rem;
  border-radius: 0.2rem;
  background: #F7F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8A8B8B;
  font-size: 0.28rem;
}.panel[data-v-4e9be30e] {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.1);
  border-radius: 0.36rem;
  padding: 0.5rem;
  box-shadow: 0 0.14rem 0.4rem rgba(var(--theme-color-rgb), 0.08);
  box-sizing: border-box;
}
.field[data-v-4e9be30e] {
  margin-bottom: 0.5rem;
}
label[data-v-4e9be30e] {
  display: block;
  margin: 0 0 0.2rem 0.06rem;
  color: #1D2B22;
  font-size: 0.28rem;
  font-weight: 500;
}
.verify-row[data-v-4e9be30e] {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.verify-row .input[data-v-4e9be30e] {
  flex: 1;
  min-width: 0;
}
.verify-row .verify[data-v-4e9be30e] {
  height: 0.96rem;
  border-radius: 0.24rem;
  background: rgba(var(--theme-color-rgb), 0.1);
}
.submit[data-v-4e9be30e] {
  width: 100%;
  height: 0.96rem;
  margin-top: 0.2rem;
  font-size: 0.34rem;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}.panel[data-v-06d233a7] {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.1);
  border-radius: 0.36rem;
  padding: 0.5rem;
  box-shadow: 0 0.14rem 0.4rem rgba(var(--theme-color-rgb), 0.08);
  box-sizing: border-box;
}
.field[data-v-06d233a7] {
  margin-bottom: 0.5rem;
}
label[data-v-06d233a7] {
  display: block;
  margin: 0 0 0.2rem 0.06rem;
  color: #1D2B22;
  font-size: 0.28rem;
  font-weight: 500;
}
.submit[data-v-06d233a7] {
  width: 100%;
  height: 0.96rem;
  margin-top: 0.2rem;
  font-size: 0.34rem;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}.panel[data-v-ad904476] {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.1);
  border-radius: 0.36rem;
  padding: 0.5rem;
  box-shadow: 0 0.14rem 0.4rem rgba(var(--theme-color-rgb), 0.08);
  box-sizing: border-box;
}
.field[data-v-ad904476] {
  margin-bottom: 0.5rem;
}
.label[data-v-ad904476] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0.2rem 0.06rem;
}
.label label[data-v-ad904476] {
  color: #1D2B22;
  font-size: 0.28rem;
  font-weight: 500;
}
.forget[data-v-ad904476] {
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  font-weight: 500;
  cursor: pointer;
}
.pin-grid[data-v-ad904476] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.14rem;
}
.ghost-input[data-v-ad904476] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.01;
}
.pin-cell[data-v-ad904476] {
  height: 0.98rem;
  border-radius: 0.18rem;
  background: rgba(var(--theme-color-rgb), 0.06);
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pin-cell i[data-v-ad904476] {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  background: #1D2B22;
}
.ghost-input:focus ~ .pin-cell.active[data-v-ad904476] {
  border-color: var(--theme-color-hex);
  background: #FFFFFF;
}
.submit[data-v-ad904476] {
  width: 100%;
  height: 0.96rem;
  margin-top: 0.2rem;
  font-size: 0.34rem;
  box-shadow: 0 0.16rem 0.38rem rgba(var(--theme-color-rgb), 0.18);
}
.cancel[data-v-ad904476] {
  width: 100%;
  margin-top: 0.1rem;
  border: none;
  background: transparent;
  color: #7A827C;
  font-size: 0.28rem;
  height: 0.6rem;
}
.reason[data-v-ad904476] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.24rem;
  background: rgba(var(--theme-color-rgb), 0.05);
}
.reason h3[data-v-ad904476] {
  margin: 0;
  color: #232628;
  font-size: 0.28rem;
  line-height: 0.4rem;
}
.reason p[data-v-ad904476] {
  margin: 0.16rem 0 0;
  color: #6C7A70;
  font-size: 0.24rem;
  line-height: 0.4rem;
}.frame[data-v-ee3a08d5] {
  max-width: 8rem;
}
.wrap[data-v-ee3a08d5] {
  padding: 0.4rem;
}
.field[data-v-ee3a08d5] {
  margin-top: 0.5rem;
}
.field[data-v-ee3a08d5]:first-child {
  margin: 0;
}
label[data-v-ee3a08d5] {
  display: block;
  margin: 0 0 0.12rem 0.08rem;
  color: #1D2B22;
  font-size: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
}.section[data-v-b532419b] {
  margin-bottom: 0.46rem;
}
.head[data-v-b532419b] {
  color: #7A827C;
  font-size: 0.32rem;
  font-weight: 500;
  letter-spacing: 0.08rem;
  padding-left: 0.06rem;
}
.list[data-v-b532419b] {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  margin-top: 0.3rem;
}
.item[data-v-b532419b] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border-radius: 0.28rem;
  background: #FFFFFF;
}
.system[data-v-b532419b] {
  margin-top: 0.8rem;
}
.system .list[data-v-b532419b] {
  flex-direction: row;
  flex-wrap: wrap;
}
.system .item[data-v-b532419b] {
  width: calc((100% - 0.18rem) / 2);
  box-sizing: border-box;
}
.icon[data-v-b532419b] {
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4rem;
  box-shadow: 0 0.08rem 0.18rem rgba(25, 28, 30, 0.08);
}
.title[data-v-b532419b] {
  flex: 1;
  color: #282D32;
  font-size: 0.34rem;
  font-weight: 500;
}
.actions[data-v-b532419b] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.actions .btn[data-v-b532419b] {
  display: flex;
  gap: 0.08rem;
  border-radius: 0.4rem;
  padding: 0.18rem 0.26rem;
  font-size: 0.24rem;
  font-weight: 800;
}
.add[data-v-b532419b] {
  width: 100%;
  height: 0.92rem;
  box-shadow: 0 0.18rem 0.38rem rgba(var(--theme-color-rgb), 0.24);
}
.add .ff[data-v-b532419b] {
  margin-right: 0.1rem;
}.card[data-v-70049e4a] {
  padding: 0.4rem;
  border-radius: 0.34rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.36rem rgba(25, 28, 30, 0.055);
}
.title[data-v-70049e4a] {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  color: #252F2A;
  font-size: 0.36rem;
  line-height: 0.48rem;
  font-weight: 700;
}
.title .ff[data-v-70049e4a] {
  color: #F98054;
  font-size: 0.42rem;
}
.desc[data-v-70049e4a] {
  margin-top: 0.18rem;
  color: #6E7C74;
  font-size: 0.28rem;
  line-height: 0.42rem;
}
.methods[data-v-70049e4a] {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  margin-top: 0.34rem;
}
.method[data-v-70049e4a] {
  display: flex;
  align-items: center;
  min-height: 1.24rem;
  padding: 0.2rem 0.26rem;
  border: 1px solid #EEF2EF;
  border-radius: 0.28rem;
  background: #FAFCFB;
  box-sizing: border-box;
}
.icon[data-v-70049e4a], .copy[data-v-70049e4a] {
  flex: none;
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
}
.icon[data-v-70049e4a] {
  font-size: 0.34rem;
}
.icon.orange[data-v-70049e4a] {
  background: rgba(249, 128, 84, 0.15);
  color: #F98054;
}
.icon.green[data-v-70049e4a] {
  background: rgba(67, 194, 123, 0.15);
  color: #43C27B;
}
.icon.blue[data-v-70049e4a] {
  background: rgba(100, 170, 239, 0.16);
  color: #337AB7;
}
.main[data-v-70049e4a] {
  min-width: 0;
  flex: 1;
  margin-left: 0.22rem;
}
.main span[data-v-70049e4a] {
  display: block;
  color: #6A7670;
  font-size: 0.24rem;
  line-height: 0.32rem;
  font-weight: 600;
}
.main b[data-v-70049e4a] {
  display: block;
  margin-top: 0.08rem;
  color: #303D37;
  font-size: 0.32rem;
  line-height: 0.42rem;
  font-weight: 700;
  word-break: break-all;
}
.copy[data-v-70049e4a] {
  margin-left: 0.18rem;
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.16);
  color: var(--theme-color-hex);
  cursor: pointer;
}
.tips[data-v-70049e4a] {
  margin-top: 0.28rem;
  padding: 0.26rem 0.3rem;
  border-radius: 0.28rem;
  background: rgba(var(--theme-color-rgb), 0.06);
  border: 1px solid rgba(var(--theme-color-rgb), 0.1);
  color: #728078;
  font-size: 0.26rem;
  line-height: 0.4rem;
}.frame[data-v-c9f3d6b5] {
  max-width: 9rem;
}
.wrap[data-v-c9f3d6b5] {
  padding: 0.36rem;
}
.row[data-v-c9f3d6b5] {
  display: flex;
  align-items: flex-end;
  gap: 0.3rem;
}
.icon[data-v-c9f3d6b5] {
  width: 1.6rem;
  flex: none;
}
.name[data-v-c9f3d6b5] {
  min-width: 0;
  flex: 1;
}
.field[data-v-c9f3d6b5] {
  margin-top: 0.5rem;
}
label[data-v-c9f3d6b5] {
  display: block;
  margin: 0 0 0.12rem 0.08rem;
  color: #1D2B22;
  font-size: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
}
.cycles[data-v-c9f3d6b5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.14rem;
}
.cycles .item[data-v-c9f3d6b5] {
  height: 1.18rem;
  border-radius: 0.24rem;
  border: 0.03rem solid #E7ECEA;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}
.cycles .item.active[data-v-c9f3d6b5] {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.08);
}
.cycles .item.active .ff[data-v-c9f3d6b5], .cycles .item.active strong[data-v-c9f3d6b5] {
  color: var(--theme-color-hex);
}
.cycles .ff[data-v-c9f3d6b5] {
  color: #7D8884;
  font-size: 0.34rem;
}
.cycles strong[data-v-c9f3d6b5] {
  margin-top: 0.14rem;
  color: #6D7773;
  font-size: 0.24rem;
  font-weight: 700;
}
@media (max-width: 389px) {
.row[data-v-c9f3d6b5] {
    display: block;
}
.icon[data-v-c9f3d6b5] {
    width: 100%;
}
.name[data-v-c9f3d6b5] {
    margin-top: 0.5rem;
}
.cycles[data-v-c9f3d6b5] {
    grid-template-columns: repeat(2, 1fr);
}
}.frame[data-v-ca6351d4] {
  max-width: 9rem;
}
.wrap[data-v-ca6351d4] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.wish[data-v-ca6351d4] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.emoji[data-v-ca6351d4] {
  flex: none;
  width: 0.9rem;
  line-height: 0.9rem;
  border-radius: 50%;
  text-align: center;
  background: rgba(var(--theme-color-rgb), 0.12);
  font-size: 0.44rem;
}
.main[data-v-ca6351d4] {
  min-width: 0;
  flex: 1;
}
.name[data-v-ca6351d4] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-ca6351d4] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.list[data-v-ca6351d4] {
  display: grid;
  grid-gap: 0.2rem;
  margin-top: 0.3rem;
}
.item[data-v-ca6351d4] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  cursor: pointer;
}
.icon[data-v-ca6351d4] {
  flex: none;
  width: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  font-size: 0.4rem;
}
.icon.green[data-v-ca6351d4] {
  background: rgba(67, 194, 123, 0.12);
  color: #43C27B;
}
.icon.orange[data-v-ca6351d4] {
  background: rgba(249, 128, 84, 0.12);
  color: #F98054;
}
.icon.red[data-v-ca6351d4] {
  background: rgba(224, 38, 46, 0.12);
  color: #E0262E;
}
.info[data-v-ca6351d4] {
  min-width: 0;
  flex: 1;
}
.time[data-v-ca6351d4] {
  color: #2B4036;
  font-size: 0.3rem;
  font-weight: 700;
}
.sub[data-v-ca6351d4] {
  margin-top: 0.12rem;
  color: #7C8F85;
  font-size: 0.26rem;
}
.point[data-v-ca6351d4] {
  flex: none;
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  font-weight: 700;
}
.arrow[data-v-ca6351d4] {
  flex: none;
  color: #B4C1BB;
  font-size: 0.24rem;
}
.empty[data-v-ca6351d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
}
.empty .ff[data-v-ca6351d4] {
  color: rgba(var(--theme-color-rgb), 0.35);
  font-size: 0.8rem;
}
.empty span[data-v-ca6351d4] {
  display: block;
  margin-top: 0.3rem;
  color: #9AA9A1;
  font-size: 0.28rem;
}.frame[data-v-1cf41f03] {
  max-width: 9rem;
}
.wrap[data-v-1cf41f03] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-1cf41f03] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.emoji[data-v-1cf41f03] {
  flex: none;
  width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  background: rgba(var(--theme-color-rgb), 0.12);
  font-size: 0.48rem;
}
.main[data-v-1cf41f03] {
  min-width: 0;
  flex: 1;
}
.name[data-v-1cf41f03] {
  color: #25362E;
  font-size: 0.34rem;
  line-height: 1;
  font-weight: 700;
}
.meta[data-v-1cf41f03] {
  margin-top: 0.16rem;
  color: #718278;
  font-size: 0.26rem;
}
.section[data-v-1cf41f03] {
  margin-top: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-1cf41f03] {
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.content[data-v-1cf41f03] {
  color: #26382F;
  font-size: 0.3rem;
  line-height: 0.46rem;
  white-space: pre-wrap;
}
.rows[data-v-1cf41f03] {
  display: grid;
}
.row[data-v-1cf41f03] {
  display: flex;
  padding: 0.08rem 0;
  font-size: 0.28rem;
  line-height: 0.36rem;
}
.row[data-v-1cf41f03]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-1cf41f03] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-1cf41f03] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.actions[data-v-1cf41f03] {
  display: flex;
  margin-top: 0.3rem;
  gap: 0.3rem;
}
.actions .btn[data-v-1cf41f03] {
  flex: 1;
  line-height: 0.8rem;
  border: none;
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}.frame[data-v-98cb2f79] {
  max-width: 9rem;
}
.wrap[data-v-98cb2f79] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.hero[data-v-98cb2f79] {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.emoji[data-v-98cb2f79] {
  flex: none;
  width: 0.86rem;
  height: 0.86rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--theme-color-rgb), 0.1);
  font-size: 0.42rem;
}
.main[data-v-98cb2f79] {
  min-width: 0;
  flex: 1;
}
.name[data-v-98cb2f79] {
  color: #28372F;
  font-size: 0.34rem;
  font-weight: 700;
}
.meta[data-v-98cb2f79] {
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
}
.point[data-v-98cb2f79] {
  flex: none;
  color: var(--theme-color-hex);
  font-size: 0.32rem;
  font-weight: 700;
}
.section[data-v-98cb2f79] {
  margin-top: 0.24rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
}
.title[data-v-98cb2f79] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  margin-bottom: 0.2rem;
  color: #3B5248;
  font-size: 0.3rem;
  font-weight: 700;
}
.more[data-v-98cb2f79] {
  display: inline-flex;
  align-items: center;
  color: #8A9992;
  font-size: 0.24rem;
  font-weight: 400;
  cursor: pointer;
}
.more .ff[data-v-98cb2f79] {
  transform: scale(0.66);
  transform-origin: right center;
}
.rows[data-v-98cb2f79] {
  display: grid;
}
.row[data-v-98cb2f79] {
  display: flex;
  padding: 0.08rem 0;
  font-size: 0.28rem;
  line-height: 0.36rem;
}
.row[data-v-98cb2f79]:hover {
  background: #F5F7F9;
  border-radius: 0.1rem;
}
.row dt[data-v-98cb2f79] {
  flex: none;
  color: #7B8E84;
}
.row dd[data-v-98cb2f79] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
  color: #24352D;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}
.remark[data-v-98cb2f79] {
  margin-top: 0.3rem;
  padding: 0.2rem;
  border-radius: 0.24rem;
  background: #F4FBF8;
}
.remark span[data-v-98cb2f79] {
  color: #6F8178;
  font-size: 0.26rem;
  font-weight: 600;
}
.remark div[data-v-98cb2f79] {
  margin-top: 0.1rem;
  color: #25382F;
  font-size: 0.28rem;
  line-height: 0.42rem;
  white-space: pre-wrap;
}
@media (max-width: 600px) {
.hero[data-v-98cb2f79] {
    align-items: flex-start;
}
.point[data-v-98cb2f79] {
    font-size: 0.28rem;
}
}.tabs[data-v-b87c97c0] {
  display: flex;
  gap: 0.1rem;
  margin-bottom: 0.3rem;
  padding: 0.1rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.26rem rgba(25, 28, 30, 0.04);
  overflow-x: auto;
}
.tab[data-v-b87c97c0] {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  height: 0.76rem;
  border-radius: 0.2rem;
  color: #707B76;
  font-size: 0.28rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.tab.active[data-v-b87c97c0] {
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.1);
  font-weight: 700;
}
.tab em[data-v-b87c97c0] {
  min-width: 0.32rem;
  line-height: 0.32rem;
  padding: 0 0.06rem;
  border-radius: 1rem;
  background: #F98054;
  color: #FFFFFF;
  font-size: 0.24rem;
  font-style: normal;
  box-sizing: border-box;
  text-align: center;
}
.item[data-v-b87c97c0] {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  padding: 0.3rem;
  margin-bottom: 0.2rem;
  border-radius: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.26rem rgba(25, 28, 30, 0.04);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.item[data-v-b87c97c0]:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 0.14rem 0.34rem rgba(25, 28, 30, 0.08);
}
.emoji[data-v-b87c97c0] {
  flex: none;
  width: 0.84rem;
  height: 0.84rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0.42rem;
}
.emoji.wish[data-v-b87c97c0] {
  background: rgba(var(--theme-color-rgb), 0.18);
}
.main[data-v-b87c97c0] {
  min-width: 0;
  flex: 1;
}
.title[data-v-b87c97c0] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.12rem;
}
.name[data-v-b87c97c0] {
  min-width: 0;
  color: #28372F;
  font-size: 0.32rem;
  line-height: 0.42rem;
  font-weight: 700;
}
.tag[data-v-b87c97c0] {
  flex: none;
  padding: 0.06rem 0.16rem;
  border-radius: 0.2rem;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 600;
}
.tag.finish[data-v-b87c97c0] {
  background: rgba(100, 170, 239, 0.12);
  color: #64AAEF;
}
.tag.child[data-v-b87c97c0] {
  background: rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
}
.meta[data-v-b87c97c0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem 0.22rem;
  margin-top: 0.12rem;
  color: #718278;
  font-size: 0.26rem;
  line-height: 0.34rem;
}
.arrow[data-v-b87c97c0] {
  flex: none;
  color: #B4C1BB;
  font-size: 0.24rem;
}
.point[data-v-b87c97c0] {
  flex: none;
  font-size: 0.28rem;
  font-weight: 700;
  white-space: nowrap;
}
.point.plus[data-v-b87c97c0] {
  color: #43C27B;
}
.point.minus[data-v-b87c97c0] {
  color: #F98054;
}
.empty[data-v-b87c97c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 4rem;
  color: #9AA9A1;
  font-size: 0.32rem;
}
.empty .ico[data-v-b87c97c0] {
  margin-bottom: 0.4rem;
  color: rgba(var(--theme-color-rgb), 0.35);
  font-size: 1rem;
}
.retry[data-v-b87c97c0] {
  gap: 0.1rem;
  margin-top: 0.5rem;
  width: 2rem;
  height: 0.68rem;
  border-radius: 1rem;
  background: rgba(var(--theme-color-rgb), 0.1);
  color: var(--theme-color-hex);
  font-size: 0.28rem;
  border: none;
}.contact-card[data-v-ef08bbb2] {
  background: #FFFFFF;
  border-radius: 0.3rem;
  padding: 0.4rem;
  box-shadow: 0 0.14rem 0.46rem rgba(var(--theme-color-rgb), 0.08);
}
.wechat[data-v-ef08bbb2] {
  text-align: center;
}
.wechat .qrcode[data-v-ef08bbb2] {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto 0.28rem;
  border: 2px dashed rgba(var(--theme-color-rgb), 0.22);
  border-radius: 0.26rem;
  overflow: hidden;
  padding: 0.2rem;
}
.wechat .qrcode img[data-v-ef08bbb2] {
  width: 100%;
  height: 100%;
}
.wechat .title[data-v-ef08bbb2] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color-hex);
  font-size: 0.32rem;
}
.wechat .title b[data-v-ef08bbb2] {
  font-weight: 500;
  margin-left: 0.1rem;
}
.wechat .tip[data-v-ef08bbb2] {
  margin: 0.14rem 0 0;
  color: #7A827C;
  font-size: 0.26rem;
}
.divider[data-v-ef08bbb2] {
  height: 0.02rem;
  margin: 0.5rem 0;
  background: linear-gradient(90deg, transparent, rgba(var(--theme-color-rgb), 0.22), transparent);
}
.methods[data-v-ef08bbb2] {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}
.methods .method[data-v-ef08bbb2] {
  display: flex;
  align-items: center;
  height: 1.4rem;
  padding: 0 0.3rem;
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.16);
  border-radius: 0.6rem;
  background: #FAFCFE;
}
.methods .icon[data-v-ef08bbb2], .methods .call[data-v-ef08bbb2] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
}
.methods .icon[data-v-ef08bbb2] {
  font-size: 0.34rem;
}
.methods .icon.green[data-v-ef08bbb2] {
  background: rgba(67, 194, 123, 0.16);
  color: #43C27B;
}
.methods .icon.blue[data-v-ef08bbb2] {
  background: rgba(100, 170, 239, 0.18);
  color: #337AB7;
}
.methods .main[data-v-ef08bbb2] {
  flex: 1;
  min-width: 0;
  margin-left: 0.2rem;
}
.methods .main span[data-v-ef08bbb2] {
  display: block;
  color: #7A827C;
  font-size: 0.26rem;
  font-weight: 500;
}
.methods .main strong[data-v-ef08bbb2] {
  display: block;
  color: #282D32;
  font-size: 0.34rem;
  margin-top: 0.1rem;
  font-weight: 700;
}
.methods .call[data-v-ef08bbb2] {
  background: #FFFFFF;
  border: 1px solid rgba(var(--theme-color-rgb), 0.18);
  color: var(--theme-color-hex);
  margin-left: 0.2rem;
}
.hours[data-v-ef08bbb2] {
  margin-top: 0.3rem;
  border: 1px solid rgba(var(--theme-color-rgb), 0.12);
  border-radius: 0.3rem;
  background: rgba(var(--theme-color-rgb), 0.05);
  padding: 0.3rem;
  display: flex;
  align-items: center;
}
.hours .ff[data-v-ef08bbb2] {
  color: var(--theme-color-hex);
  font-size: 0.4rem;
  margin-right: 0.2rem;
}
.hours h2[data-v-ef08bbb2] {
  margin: 0;
  color: #191C1E;
  font-size: 0.32rem;
  line-height: 1;
}
.hours p[data-v-ef08bbb2] {
  margin: 0.14rem 0 0;
  color: #6C7A70;
  font-size: 0.26rem;
  line-height: 1;
}.logout[data-v-ecd3055c] {
  margin-top: 0.5rem;
  width: 100%;
  height: 0.9rem;
  border-radius: 0.3rem;
  font-size: 0.32rem;
  opacity: 0.8;
}.panel[data-v-3be60ab0] {
  padding: 0.3rem;
  border-radius: 0.36rem;
  background: #FFFFFF;
  box-shadow: 0 0.12rem 0.36rem rgba(25, 28, 30, 0.055);
}
.head[data-v-3be60ab0] {
  color: #2E2F2F;
  font-size: 0.34rem;
  line-height: 0.48rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.colors[data-v-3be60ab0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.item[data-v-3be60ab0] {
  display: flex;
  width: 3rem;
  flex: 1;
  align-items: center;
  padding: 0.18rem;
  border-radius: 0.24rem;
  background: #F7F8F8;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}
.item[data-v-3be60ab0]:active {
  transform: scale(0.97);
}
.item.active[data-v-3be60ab0] {
  background: rgba(var(--theme-color-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--theme-color-rgb), 0.18);
}
.swatch[data-v-3be60ab0] {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 0.32rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.info[data-v-3be60ab0] {
  min-width: 0;
  margin-left: 0.18rem;
  color: #333333;
  font-size: 0.28rem;
  font-weight: 700;
  white-space: nowrap;
}.frame[data-v-a4b5de28] {
  max-width: 12rem;
}
.wrap[data-v-a4b5de28] {
  padding: 0.3rem;
  background: #f3f5f7;
}
.intro[data-v-a4b5de28] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.24rem;
  color: #66746D;
  font-size: 0.26rem;
}
.intro span[data-v-a4b5de28] {
  color: var(--theme-color-hex);
  font-weight: 500;
}
.list[data-v-a4b5de28] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem;
}
.list .item[data-v-a4b5de28] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  padding: 0.26rem;
  border: 1px solid #E4EAE7;
  border-radius: 0.24rem;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.list .item.selected[data-v-a4b5de28] {
  border-color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.06);
}
.list .checkbox[data-v-a4b5de28] {
  flex: none;
  margin-top: 0.04rem;
}
.list .body[data-v-a4b5de28] {
  min-width: 0;
  margin-left: 0.2rem;
}
.list .name[data-v-a4b5de28] {
  color: #283D33;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
}
.list .content[data-v-a4b5de28] {
  margin-top: 0.1rem;
  color: #718078;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.list .meta[data-v-a4b5de28] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  margin-top: 0.18rem;
}
.list .meta span[data-v-a4b5de28] {
  padding: 0.06rem 0.12rem;
  border-radius: 0.12rem;
  background: #F3F7F5;
  color: #617168;
  font-size: 0.24rem;
  line-height: 0.3rem;
}
.load[data-v-a4b5de28] {
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #717E77;
  font-size: 0.3rem;
}
.load .ff[data-v-a4b5de28] {
  margin-bottom: 0.5rem;
  color: rgba(var(--theme-color-rgb), 0.5);
  font-size: 1rem;
}
@media (max-width: 570px) {
.list[data-v-a4b5de28] {
    grid-template-columns: 1fr;
}
}.frame[data-v-e38fc2af] {
  max-width: 8rem;
}
.wrap[data-v-e38fc2af] {
  padding: 0.4rem;
}
.type[data-v-e38fc2af] {
  display: flex;
  gap: 0.18rem;
}
.type > div[data-v-e38fc2af] {
  flex: 1;
  padding: 0.3rem;
  border-radius: 0.28rem;
  background: #F7F8F8;
  border: 0.02rem solid transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.type .ff[data-v-e38fc2af] {
  width: 0.72rem;
  line-height: 0.72rem;
  border-radius: 50%;
  background: #FFFFFF;
  color: var(--theme-color-hex);
  font-size: 0.34rem;
}
.type strong[data-v-e38fc2af] {
  display: block;
  margin-top: 0.2rem;
  color: #24332D;
  font-size: 0.3rem;
}
.type span[data-v-e38fc2af] {
  display: block;
  margin-top: 0.14rem;
  color: #7C8580;
  font-size: 0.24rem;
}
.type .active[data-v-e38fc2af] {
  background: rgba(var(--theme-color-rgb), 0.08);
  border-color: rgba(var(--theme-color-rgb), 0.24);
}
.field[data-v-e38fc2af] {
  margin-top: 0.5rem;
}
label[data-v-e38fc2af] {
  display: block;
  margin: 0 0 0.12rem 0.08rem;
  color: #1D2B22;
  font-size: 0.26rem;
  font-weight: 500;
  letter-spacing: 0.02rem;
}.balance[data-v-b5eba018] {
  border-radius: 0.5rem;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.08);
  box-shadow: 0 0.24rem 0.54rem rgba(25, 28, 30, 0.06);
}
.balance[data-v-b5eba018]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(circle at 0.04rem 0.04rem, rgba(var(--theme-color-rgb), 0.1) 0.02rem, transparent 0);
  background-size: 0.48rem 0.48rem;
  pointer-events: none;
}
.shine[data-v-b5eba018] {
  position: absolute;
  right: 0.3rem;
  top: 0.2rem;
  color: rgba(252, 200, 47, 0.22);
  font-size: 1.4rem;
  transform: rotate(12deg);
}
.summary[data-v-b5eba018] {
  position: relative;
  z-index: 1;
  padding: 0.5rem 0.2rem;
  text-align: center;
}
.badge[data-v-b5eba018] {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0 0.22rem;
  border-radius: 0.3rem;
  background: rgba(var(--theme-color-rgb), 0.08);
  border: 0.02rem solid rgba(var(--theme-color-rgb), 0.12);
  color: var(--theme-color-hex);
  font-size: 0.24rem;
  line-height: 0.52rem;
}
.badge span[data-v-b5eba018] {
  font-weight: 800;
}
.badge .ff[data-v-b5eba018] {
  font-size: 0.26rem;
}
.score[data-v-b5eba018] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.4rem 0;
}
.score .coin[data-v-b5eba018] {
  font-size: 0.62rem;
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 0.3rem;
  background: #FFF4CF;
  border: 1px solid #F7D98A;
  color: #E7A800;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0.04rem 0.12rem rgba(140, 101, 0, 0.08);
}
.score strong[data-v-b5eba018] {
  color: #1C4535;
  font-size: 1rem;
  line-height: 1;
  font-weight: 800;
}
.actions[data-v-b5eba018] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.actions .btn[data-v-b5eba018] {
  gap: 0.1rem;
  width: 2.4rem;
  height: 0.8rem;
  border-radius: 0.28rem;
  font-size: 0.28rem;
  font-weight: 800;
  box-shadow: 0 0.14rem 0.28rem rgba(var(--theme-color-rgb), 0.2);
}
.actions .link[data-v-b5eba018] {
  background: rgba(var(--theme-color-rgb), 0.08);
  border: 1px solid rgba(var(--theme-color-rgb), 0.12);
}
.stats[data-v-b5eba018] {
  display: flex;
  z-index: 1;
  background: rgba(var(--theme-color-rgb), 0.05);
  border-top: 1px solid rgba(var(--theme-color-rgb), 0.08);
}
.stat[data-v-b5eba018] {
  flex: 1;
  text-align: center;
  padding: 0.32rem 0;
  cursor: pointer;
}
.stat[data-v-b5eba018]:first-child {
  border-right: 1px solid rgba(var(--theme-color-rgb), 0.08);
}
.stat .meta[data-v-b5eba018] {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-weight: 800;
}
.stat .meta .ff[data-v-b5eba018] {
  font-size: 0.3rem;
}
.stat.green[data-v-b5eba018] {
  color: #0E6142;
}
.stat.blue[data-v-b5eba018] {
  color: #087D87;
}
.stat strong[data-v-b5eba018] {
  display: block;
  margin-top: 0.14rem;
  font-size: 0.42rem;
  line-height: 1;
  font-weight: 800;
}
.audit[data-v-b5eba018] {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
  padding: 0 0.3rem;
  height: 1rem;
  border-radius: 0.3rem;
  background: linear-gradient(135deg, rgba(249, 128, 84, 0.14), rgba(249, 128, 84, 0.06));
  border: 1px solid rgba(249, 128, 84, 0.1);
  color: #88611D;
}
.audit .aico[data-v-b5eba018] {
  font-size: 0.32rem;
  margin-right: 0.16rem;
}
.audit .atext[data-v-b5eba018] {
  font-size: 0.28rem;
  font-weight: 700;
}
.audit .go[data-v-b5eba018] {
  font-size: 0.28rem;
  font-weight: 700;
  margin-left: auto;
}
.audit .gico[data-v-b5eba018] {
  font-size: 0.24rem;
  font-weight: 900;
  margin-left: 0.1rem;
}
.toolbar[data-v-b5eba018] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.toolbar .left[data-v-b5eba018] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.toolbar .left h2[data-v-b5eba018] {
  margin: 0;
  color: #24332D;
  font-size: 0.38rem;
  font-weight: 800;
}
.toolbar .sort[data-v-b5eba018] {
  display: flex;
  align-items: center;
  gap: 0.06rem;
  padding: 0.06rem;
  border-radius: 9rem;
  background: #EEF2F0;
}
.toolbar .sort div[data-v-b5eba018] {
  height: 0.52rem;
  padding: 0 0.2rem;
  border-radius: 9rem;
  color: #65706B;
  font-size: 0.24rem;
  line-height: 0.52rem;
  font-weight: 700;
  cursor: pointer;
}
.toolbar .sort div.active[data-v-b5eba018] {
  color: var(--theme-color-hex);
  background: #FFFFFF;
}
.toolbar .add[data-v-b5eba018] {
  flex: none;
  height: 0.72rem;
  padding: 0 0.3rem;
  border-radius: 9rem;
  border: 0.03rem dashed rgba(var(--theme-color-rgb), 0.28);
  font-size: 0.26rem;
  font-weight: 700;
}
.toolbar .add .ff[data-v-b5eba018] {
  margin-right: 0.08rem;
  font-weight: 900;
}
.wishes[data-v-b5eba018] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.26rem;
  margin-top: 0.26rem;
}
.wish[data-v-b5eba018] {
  display: flex;
  flex-direction: column;
  padding: 0.28rem;
  border-radius: 0.34rem;
  background: #FFFFFF;
  border: 1px solid #EEF1EF;
  box-shadow: 0 0.08rem 0.28rem rgba(25, 28, 30, 0.04);
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wish[data-v-b5eba018]:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 0.16rem 0.34rem rgba(25, 28, 30, 0.08);
}
.wish.disabled[data-v-b5eba018] {
  opacity: 0.72;
}
.wish .tools[data-v-b5eba018] {
  position: absolute;
  top: 0.28rem;
  right: 0.28rem;
  display: flex;
  gap: 0.06rem;
}
.wish .tools .ff[data-v-b5eba018] {
  width: 0.52rem;
  height: 0.52rem;
  color: #B7BFC0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.wish .tools .ff[data-v-b5eba018]:hover {
  color: rgba(var(--theme-color-rgb), 0.8);
}
.wish .tools .ff[data-v-b5eba018]:active {
  color: var(--theme-color-hex);
}
.wish .emoji[data-v-b5eba018] {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
  background: rgba(var(--theme-color-rgb), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.44rem;
}
.wish .name[data-v-b5eba018] {
  margin: 0.2rem 0 0;
  color: #24332D;
  font-size: 0.3rem;
  line-height: 0.4rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wish .content[data-v-b5eba018] {
  height: 0.72rem;
  margin-top: 0.1rem;
  color: #707A76;
  font-size: 0.24rem;
  line-height: 0.36rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wish .info[data-v-b5eba018] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.18rem;
}
.wish .cost[data-v-b5eba018] {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: var(--theme-color-hex);
  font-size: 0.3rem;
  font-weight: 700;
}
.wish .cycle[data-v-b5eba018] {
  color: #9AA2A0;
  font-size: 0.26rem;
  margin-left: auto;
}
.wish .exchange[data-v-b5eba018] {
  width: 100%;
  height: 0.72rem;
  margin-top: 0.26rem;
  border-radius: 9rem;
  font-size: 0.26rem;
  font-weight: 700;
}
.empty[data-v-b5eba018] {
  margin-top: 0.3rem;
  min-height: 7rem;
  box-sizing: border-box;
  padding: 0.6rem 0.3rem 0.3rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.empty .image[data-v-b5eba018] {
  width: 4rem;
}
.empty .main[data-v-b5eba018] {
  color: #515C55;
  font-size: 0.36rem;
  font-weight: 800;
  margin-top: 0.3rem;
}
.empty .sub[data-v-b5eba018] {
  color: #8C9893;
  font-size: 0.26rem;
  margin-top: 0.2rem;
}
.empty .btn[data-v-b5eba018] {
  border-radius: 1rem;
  font-weight: 700;
  margin-top: 0.18rem;
}
.empty .btn .ff[data-v-b5eba018] {
  margin-right: 0.1rem;
}
.empty .create[data-v-b5eba018] {
  height: 0.8rem;
  padding: 0 0.5rem;
  font-size: 0.3rem;
  margin-top: 0.6rem;
}
.empty .chose[data-v-b5eba018] {
  height: 0.72rem;
  padding: 0 0.3rem;
  border: 0.02rem solid #E6ECE9;
  background: #FFFFFF;
  color: #697771;
  font-size: 0.28rem;
}
.empty .chose .ff[data-v-b5eba018] {
  color: var(--theme-color-hex);
}
.empty .help[data-v-b5eba018] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.2rem;
  margin-top: 0.8rem;
  padding: 0 0.3rem;
  border-radius: 0.24rem;
  box-sizing: border-box;
  background: rgba(var(--theme-color-rgb), 0.1);
  overflow: hidden;
}
.empty .help .icon[data-v-b5eba018] {
  font-size: 0.68rem;
  color: rgba(var(--theme-color-rgb), 0.9);
}
.empty .help .text[data-v-b5eba018] {
  min-width: 0;
  flex: 1;
  margin-left: 0.2rem;
}
.empty .help .tit[data-v-b5eba018] {
  color: #313A36;
  font-size: 0.28rem;
  font-weight: 700;
}
.empty .help .desc[data-v-b5eba018] {
  margin-top: 0.14rem;
  color: #7A8781;
  font-size: 0.24rem;
  font-weight: 500;
}
.empty .help .arrow[data-v-b5eba018] {
  font-size: 0.28rem;
  color: #6D7B74;
}
@media (max-width: 600px) {
.wishes[data-v-b5eba018] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 429px) {
.toolbar[data-v-b5eba018] {
    align-items: flex-start;
    flex-direction: column;
}
.toolbar .add[data-v-b5eba018] {
    width: 100%;
    margin-top: 0.26rem;
}
}.tabs[data-v-3c33ea40] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  margin-bottom: 0.22rem;
  overflow-x: auto;
}
.tabs .tab[data-v-3c33ea40] {
  flex: none;
  white-space: nowrap;
  padding: 0 0.2rem;
  border-radius: 0.2rem;
  color: #66716C;
  font-size: 0.28rem;
  line-height: 0.64rem;
  font-weight: 500;
  cursor: pointer;
}
.tabs .tab.active[data-v-3c33ea40] {
  color: var(--theme-color-hex);
  background: rgba(var(--theme-color-rgb), 0.1);
  font-weight: 700;
}
.bill[data-v-3c33ea40] {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  gap: 0.3rem;
  margin-bottom: 0.2rem;
  border-radius: 0.28rem;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.26rem rgba(25, 28, 30, 0.04);
}
.main[data-v-3c33ea40] {
  min-width: 0;
  flex: 1;
}
.title[data-v-3c33ea40] {
  color: #303C38;
  font-size: 0.3rem;
  line-height: 0.44rem;
  font-weight: 500;
}
.meta[data-v-3c33ea40] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-top: 0.1rem;
  color: #87908C;
  font-size: 0.24rem;
  line-height: 0.34rem;
}
.point[data-v-3c33ea40] {
  flex: none;
  font-size: 0.38rem;
  font-weight: 600;
}
.point.plus[data-v-3c33ea40] {
  color: #43C27B;
}
.point.minus[data-v-3c33ea40] {
  color: #F98054;
}.record[data-v-1245ab4f] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem;
  margin-bottom: 0.2rem;
  border-radius: 0.28rem;
  background: #FFFFFF;
  box-shadow: 0 0.08rem 0.26rem rgba(25, 28, 30, 0.04);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.record[data-v-1245ab4f]:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 0.14rem 0.34rem rgba(25, 28, 30, 0.08);
}
.emoji[data-v-1245ab4f] {
  width: 0.86rem;
  height: 0.86rem;
  flex: none;
  border-radius: 50%;
  background: rgba(var(--theme-color-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.42rem;
}
.main[data-v-1245ab4f] {
  min-width: 0;
  flex: 1;
}
.name[data-v-1245ab4f] {
  color: #303C38;
  font-size: 0.32rem;
  line-height: 0.44rem;
  font-weight: 500;
}
.meta[data-v-1245ab4f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem 0.18rem;
  margin-top: 0.1rem;
  color: #87908C;
  font-size: 0.26rem;
  line-height: 0.32rem;
}
.cost[data-v-1245ab4f] {
  flex: none;
  margin-left: 0.2rem;
  color: var(--theme-color-hex);
  font-size: 0.38rem;
  font-weight: 600;
}
.status[data-v-1245ab4f] {
  font-weight: 500;
}
.status.parent[data-v-1245ab4f], .status.pass[data-v-1245ab4f] {
  color: #43C27B;
}
.status.review[data-v-1245ab4f] {
  color: #FCC82F;
}
.status.reject[data-v-1245ab4f] {
  color: #F98054;
}
.reason[data-v-1245ab4f] {
  width: 100%;
}